/*
Theme Name: Metro Sign and Design
Theme URI: http://www.cavendo.com/
Description: Metro Sign and Design Custom Template
Version: 1
Author: Chris LeCompte
Author URI: http://www.cavendo.com/
Tags: custom theme

*/


a:link {color:#030092; text-decoration:underline;}
a:visited {color:#030092; text-decoration:underline;}
a:hover {color:#890D0D; text-decoration:none;}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

body {font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; text-align:center; background:url(images/page-bg.png) repeat-x #000;}

p {line-height:1.5em;}
p, table {margin:15px 0;}

blockquote {margin-left:25px;}

hr {border: none 0; border-top: 2px solid #CCCCCC; width: 100%; height: 2px;}

img {border:0; display:block; -ms-interpolation-mode: bicubic;}
img.center {display:block; margin-left:auto; margin-right:auto;}
img.aright, img.alignright {float:right; margin:0 0 25px 25px;}
img.aligncenter {margin:0 auto;}
img.aleft, img.alignleft {float:left; margin:20px 25px 25px 0;}
img.border {border:2px solid #666666;}

.nomargin {margin:0;}

.clear {clear:both; font-size:1px;}



/* ----- MAIN ----- */

#page_body {width:902px; margin:0 auto; text-align:left; background:#fff; font-size:1.2em;}

#header_shadow {background:url(images/header-bg.png) no-repeat top center;}

#content_container {width:902px; float:left; background:url(images/mast-bg.png) top repeat-x #dadada;}

.feature_photo {border:6px solid #fff; margin:15px 0; width:636px;}


/* ----- NAVIGATION ----- */

ul#page_nav {padding:0; margin:5px 0 0 0; height:40px;}
ul#page_nav li {list-style:none; float:left; display:inline; margin:0; padding:0; background:#fffbdc; height:40px;}
ul#page_nav li p {margin:0; text-indent:-9999px;}

ul#page_nav li.page-item-3 a {display:block; width:65px; height:40px; background:url(images/nav/home-off.png) no-repeat;}
ul#page_nav li.page-item-3 a:hover,
ul#page_nav li.page-item-3 a.on {display:block; width:65px; height:40px; background:url(images/nav/home-on.png) no-repeat;}

ul#page_nav li.page-item-5 a {display:block; width:168px; height:40px; background:url(images/nav/whatwedo-off.png);}
ul#page_nav li.page-item-5 a:hover,
ul#page_nav li.page-item-5 a.on {display:block; width:168px; height:40px; background:url(images/nav/whatwedo-on.png);}

ul#page_nav li.page-item-11 a {display:block; width:96px; height:40px; background:url(images/nav/ourwork-off.png);}
ul#page_nav li.page-item-11 a:hover,
ul#page_nav li.page-item-11 a.on {display:block; width:96px; height:40px; background:url(images/nav/ourwork-on.png);}

ul#page_nav li.page-item-7 a {display:block; width:122px; height:40px; background:url(images/nav/howwedoit-off.png);}
ul#page_nav li.page-item-7 a:hover,
ul#page_nav li.page-item-7 a.on {display:block; width:122px; height:40px; background:url(images/nav/howwedoit-on.png);}

ul#page_nav li.page-item-9 a {display:block; width:88px; height:40px; background:url(images/nav/about-off.png);}
ul#page_nav li.page-item-9 a:hover,
ul#page_nav li.page-item-9 a.on {display:block; width:88px; height:40px; background:url(images/nav/about-on.png);}

ul#page_nav li.page-item-13 a {display:block; width:109px; height:40px; background:url(images/nav/contact-off.png);}
ul#page_nav li.page-item-13 a:hover,
ul#page_nav li.page-item-13 a.on {display:block; width:109px; height:40px; background:url(images/nav/contact-on.png);}




/* ----- TEXT ----- */

h1, h2, h3 {line-height:normal; font-family:Geneva, Arial, Helvetica, sans-serif;}

h1 {color:#CC6600; font-size:2.2em; font-weight:normal; margin-top:0;}
h2 {color:#c38f00; font-size:1.6em; margin-top:30px; font-weight:normal;}
h3 {color:#333; font-size:1.4em;}

#content_left h3 {color:#c38f00; margin:0 0 15px 0; font-size:1.4em; font-weight:normal;}

.lg {font-size:1.4em;}
.sm {font-size:.95em;}



/* ----- CONTENT ----- */

#content_left {float:left; display:inline; width:210px; padding-top:20px;}
#content_right {float:right; width:670px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; margin-bottom:10px;}

#content_right ul {margin:15px 0 25px 0;}
#content_right li {list-style:square; margin-left:40px;}

#content_left p {font-size:.9em; color:#333;}

.address {margin:2px 22px 0 0; color:#333; font-size:.9em; text-align:right;}
img.quote {margin:40px 0 15px 0;}

#content_area {background:url(images/home/content-left-border.png) repeat-y 0 10px #fff; margin:0 22px 10px 0;}

.content_left_margin {margin-left:20px;}
.norfq {margin-bottom:55px;}

.right_corners {background:url(images/home/top-corner-left.png) no-repeat top left;}
.right_corners div {background:url(images/home/top-corner-right.png) no-repeat top right;}
.bottom_corners {background:url(images/home/bottom-corner-left.png) no-repeat top left;}
.bottom_corners div {background:url(images/home/bottom-corner-right.png) no-repeat top right;}
.bottom_corners div p {margin:0 14px; background:url(images/home/content-left-border.png) repeat-x bottom; font-size:.75em;}

.content {padding:0 25px;}
.content_wide {padding:15px 45px; font-size:1.1em; color:#444;}

#home_content {clear:both; border-top:10px solid #fff;}
#home_content h2 {margin-top:0;}
.home_section {width:170px; float:left;}
.home_first {border-right:2px solid #ccc; margin-right:20px; padding-right:20px;}
.home_last {border-left:2px solid #ccc; margin-left:20px; padding-left:20px;}

.gallery_area {padding:10px 0 10px 33px; background:#eee; border:1px solid #ccc;}

li.widget {list-style:none; margin:0; padding:0; display:inline;}
h2.widgettitle {margin-top:0;}
.ngg-widget a {margin:5px 0; display:block;}
.ngg-widget img {margin:0 auto;}

.slideshowlink {display:none;}


/* ----- FEATURED PROJECTS ----- */

.feature_title {background:url(images/home/feature-cat-bg.png) no-repeat; text-align:center; font-weight:bold; display:block; height:40px; margin-top:3px;}

#projects2 {display:none;}

.paging {clear:both; font-size:1.1em;}
.paging p {display:inline;}
p.tab {padding:2px 4px; background:#eee; border:2px solid #ccc; margin:5px 0 5px 10px;}
p.on {font-weight:bold; background:#ccc;}
p.on a {color:#fff;}

.virtual_tours_area {clear:both;}


/* ----- FOOTER ----- */

#page_footer {clear:both; background:url(images/footer-bg.png) repeat-x; height:100px; color:#fff;}

#page_footer a {color:#fff;}

#page_footer ul {float:left; width:60%; margin:15px 0 0 15px;}
#page_footer ul li {display:inline; margin:0 12px 0 0; font-size:.9em; padding:0;}

.copyright {float:right; width:35%; margin:15px 15px 0 0; font-size:.9em; text-align:right;}