body {
background:#00191e url(../images/body_bg.png) repeat-x left top;
font-family:"Gill Sans", verdana, helvetica, sans-serif;
font-size:62.5%;
color:#6e6f67;
margin:0;
padding:0;
}



/* TYPOGRAPHY */

a:link {
color:#5197c2;
text-decoration:none;
font-weight:normal;
}

a:hover {
color:#6db5e2;
text-decoration:underline;
font-weight:normal;
}

a:active {
color:#6db5e2;
text-decoration:underline;
font-weight:normal;
}

a:visited {
color:#5197c2;
text-decoration:none;
font-weight:normal;
}

h1 {
position:absolute;
top:-9999px;
}

h2 {
}

h3 {
}

h4 {
font-size:2em;
}

p {
font-size:1.3em;
color:#6e6f67;
line-height:1.4em;
}

/* END OF TYPOGRAPHY */



/* CONTAINER */

#container {
width:960px;
margin:0 auto;
}

/* CONTAINER */



/* LOGO */

#logo {
background:url(../images/north_park_design_logo.png) no-repeat left 50%;
height:97px;
margin-left:40px;
}

/* END OF LOGO */



/* NAVIGATION */

#navigation {
background:url(../images/navigation_bg.png) no-repeat left top;
width:960px;
height:50px;
overflow:visible;
}

ul.nav {
list-style:none;
font-size:1.4em;
}

ul.nav li {
float:left;
/* background:url(../images/nav_divide.png) no-repeat right top; */
height:46px;
padding:0 24px 0 24px;
}

ul.nav li a {
display:block;
height:66px;
line-height:46px;
text-decoration:none;
color:#fff;
text-shadow: 1px 1px 1px #666;
font-weight:bold;
}

ul.nav a:hover {
color:#fff;
text-decoration:none;
}

ul.nav li a#current {
color:#fff;
text-decoration:none;
background:url(../images/nav_select.png) no-repeat center 48px;
z-index:99;
}

ul.nav li.first {
padding-left:40px;
}

ul.nav li.last {
background:none;
}

.action {
background:url(../images/action_button.png) no-repeat left top;
width:168px;
height:34px;
margin-top:7px;
margin-right:40px;
text-align:center;
float:right;
}

.action a {
color:#fff;
font-weight:bold;
line-height:31px;
font-size:1.4em;
}

/* END OF NAVIGATION */



/* FEATURED WORK */

.featured_work {
overflow:visible;
width:960px;
height:300px;
background:url(../images/featured_bg.png) repeat-x left top;
clear:left;
}

.featured_work_info {
width:440px;
height:253px;
float:left;
}

.featured_work_h2 {
color:#bfbaac;
font-size:1.5em;
padding:30px 30px 0 40px;
font-weight:normal;
text-transform:uppercase;
}

.featured_work_h3 {
color:#9ab900;
font-size:2.7em;
padding:40px 30px 0 40px;
font-weight:normal;
}

.featured_work p {
padding:40px 30px 0 42px;
}

.featured_work_links_holder {
width:450px;
height:47px;
line-height:47px;
}

.featured_work_links  a {
padding:0 48px 0 0;
line-height:47px;
}

.featured_work_image {
width:490px;
height:254px;
float:right;
padding:0;
margin-top:-34px;
margin-right:30px;
text-align:center;
}

/* END OF FEATURED WORK */



/* HOMEPAGE INFO BOXES */

#homepage_info_container {
width:918px;
background:#fff;
padding:0 2px 0 40px;
}

.homepage_info_box {
width:268px;
float:left;
padding-top:30px;
padding-bottom:10px;
margin-right:38px;
}

.homepage_info_box  h3 {
font-size:1.8em;
padding:0 0 15px 0;
}

.homepage_info_box  p {
padding:0 0 30px 0;
}

/* END OF HOMEPAGE INFO BOXES */



/* SERVICES PAGE */

#services_tag {
background:url(../images/services_bg.png) repeat-x left top;
width:960px;
height:253px;
}

.services_image {
background:url(../images/services_image.png) no-repeat right 13px;
margin-right:45px;
width:915px;
height:253px;
}

#service_items {
background:#fff;
width:918px;
padding:0 2px 35px 40px;
}

.service_item {
width:268px;
float:left;
margin-right:38px;
}

.service_item h3 {
font-size:1.8em;
padding:30px 0 0 0;
}

.service_item p {
padding:20px 0 0 0;
}

/* END OF SERVICES PAGE */



/* OUR WORK PAGE */

#folio_holder {
width:960px;
background:#fff;
padding-top:30px;
}

#folio_holder h2 {
color:#a8ce3f;
font-size:2.7em;
padding:0 0 30px 40px;
}

.folio_item  h3,.folio_item2 h3 {
font-size:1.5em;
padding:0 0 30px 5px;
}

.folio_item {
width:405px;
float:left;
margin-left:40px;
}

.folio_item2 {
width:405px;
float:left;
margin-left:70px;
margin-right:40px;
}

.folio_item_large_1 {
width:405px;
height:423px;
float:left;
margin-left:40px;
padding-bottom:60px;
}

.folio_item_details {
width:435px;
margin-left:40px;
margin-right:40px;
float:right;
}

.folio_item_details h3 {
font-size:1.5em;
padding-bottom:30px;
}

.folio_item_details  p {
padding-bottom:30px;
}


/* END OF OUR WORK PAGE */



/* CONTACT PAGE */

#contact_standard {
width:240px;
float:left;
margin-left:40px;
margin-bottom:60px;
}

#contact_standard h3 {
font-size:1.5em;
padding-bottom:10px;
padding-left:6px;
}

#contact_standard p {
padding-bottom:30px;
padding-left:7px;
}

#contact_form {
width:600px;
float:right;
margin-right:40px;
margin-left:40px;
}

#contact_form h3 {
font-size:1.5em;
padding-bottom:10px;
}

input, textarea {
font-family:verdana, arial, helvetica, sans-serif;
font-size:1em;
}

.contact_input {
padding:0.15em;
height:36px;
width:300px;
border:1px solid #ddd;
background:#fafafa;
font:normal 0.95em arial, sans-serif;
-moz-border-radius:0.4em;
-khtml-border-radius:0.4em;
margin-bottom:5px;
color:#6e6f67;
}

textarea {
padding:0.15em;
width:590px;
height:200px;
border:1px solid #ddd;
background:#fafafa;
font:normal 0.95em arial, sans-serif;
-moz-border-radius:0.4em;
-khtml-border-radius:0.4em;
color:#6e6f67;
}

input.button {
background:url(../images/btn_bg.png) no-repeat top right;
margin-top:5px;
border:none;
height:34px;
width:121px;
color:#fff;
}

/* END OF CONTACT PAGE */




/* FOOTER */

#footer {
width:960px;
padding:25px 0 0 0;
float:left;
background:transparent url(../images/foot_bg.png) repeat-y left top;
border-top:1px solid #e0dfdf;
}

#footer h4 {
padding:0 0 16px 40px;
}

#footer h4.centered {
padding:0 0 12px 36px;
}

#footer  p {
font-size:1.3em;
line-height:1.6em;
padding:0 0 30px 2px;
}

.foot_services {
width:462px;
float:left;
}

.foot_services_list {
width:193px;
float:left;
margin-left:40px;
}

.foot_services_list_2 {
width:193px;
float:left;
margin-left:36px;
}

.foot_services_list_3 {
width:193px;
float:left;
margin-left:36px;
}

ul.services {
width:193px;
font-size:1.2em;
line-height:3.2em;
padding-bottom:30px;
padding-left:2px;
}

ul.services li {
background:url(../images/li_arrow.png) no-repeat left 50%;
border-bottom:1px solid #e0dfdf;
border-top:1px solid #fff;
padding-left:18px;
}

ul.services li.top {
border-top:none;
}

ul.services li.bottom {
border-bottom:none;
}

#footer p.contact_heading {
border-bottom:1px solid #e0dfdf;
padding-bottom:12px;
padding-top:12px;
line-height:1.55em;
}

#footer p.contact_content {
border-top:1px solid #fff;
padding-bottom:12px;
padding-top:12px;
line-height:1.55em;
}

#foot_base {
background:transparent url(../images/foot_base.png) no-repeat left top;
width:930px;
height:30px;
text-align:left;
line-height:30px;
margin-bottom:45px;
float:left;
padding-right:40px;
}

#foot_base p {
font-size:0.9em;
padding-left:30px;
line-height:30px;
}

#foot_base img {
float:right;
}

/* END OF FOOTER */

.clear {
clear: both; 
width: 100%; 
height: 0px; 
line-height: 0px; 
font-size: 0px; 
padding: 0; 
margin: 0; 
border: none;
}