/* @import url('/assets/css/reset.css'); */

* { outline:none; }

/*.................... HTML ......................*/

body { margin: 0; background: url(/assets/layout/bg.jpg) repeat-x; }

/* ---------- @ Grid classes -----------*/

.wrapper { width:960px; margin:0 auto; }	/* centers content */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {float:left; margin: 0 10px;}

.col-1 { width: 52px; }
.col-2 { width: 132px; }
.col-3 { width: 212px; }
.col-4 { width: 292px; }
.col-5 { width: 372px; }
.col-6 { width: 452px; }
.col-7 { width: 532px; }
.col-8 { width: 612px; }
.col-9 { width: 692px; }
.col-10 { width: 772px; }
.col-11 { width: 852px; }
.col-12 { width: 932px; }

#sidebar.col-3 { width:252px; margin-right:0; }

#main-content.col-9 { width:665px; }

.left { float:left; display:inline }

.right { float:right; display:inline }

/*.................... header ......................*/

h1#logo { float:left; width:231px; display:block; margin:15px 0 0 0; padding:0; height:58px; }

h1#logo a { background: url(/assets/layout/logo.png) no-repeat; width:231px; height:58px; display:block; text-indent:-9999px; margin:0; padding:0; }

ul#navigation { float:left; display:block; width:560px; margin:33px 0 0 0; padding:0; position:relative;}

ul#navigation li { float:left; font:13px/15px Georgia, "Times New Roman", Times, serif; list-style:none; background: url(/assets/layout/nav-div.gif) no-repeat top right; padding:0 4px; display:block; }

ul#navigation li:last-child {background: none;}

ul#navigation li a { color:#cf9303; height:32px; padding:6px; text-decoration:none; display:inline-block; /* ie bug */ }

ul#navigation li a:hover { background-color:#16365b; color:#fff; }
ul#navigation li.current a,
ul#navigation li.current a:hover { color:#fff;background:none;}

/*.................... mega menus stuff ......................*/

ul#navigation li.mega div { display: none; width: 440px; height:247px; background:url(/assets/layout/mega-box.png) no-repeat; position: absolute; top: 30px; left: -22px; z-index:100; }

ul#navigation li:hover div,
ul#navigation li.hovering div { display: block; }

#menu ul { float:left; width:190px; margin:20px 0 0 10px; padding:6px; }

#menu ul li { font:14px/14px Georgia, "Times New Roman", Times, serif; color:#cdab49; float:none; height:auto; margin:0 0 0 10px; background: url(/assets/layout/menu-bullet.gif) no-repeat 0 3px !important; }

#menu ul li.heading { background:none !important; margin:0 0 5px 0; }

ul#navigation li #menu ul li a { color:#8d8d8d !important; text-decoration:none; font:10px/11px Arial, Helvetica, sans-serif; height:auto; margin:0; padding: 0 0 3px 6px; background: none !important;}

ul#navigation li #menu ul li a:hover { color:#7992b2; text-decoration:underline; background-color: none !important; }

/*.................... search ......................*/
#search { float:right; width:165px; margin:30px 0 0 0px; }

#search * { float:left; }

#search input { height:12px; border:1px solid #1a3e69; font:10px/10px Arial, Helvetica, sans-serif; color:#7f7f7f; width:115px; padding:8px 5px 8px 5px; }

#search #submit {
	margin: 1px 0 0 5px;
	width: 31px;
	height: 28px;
	cursor: pointer;
	border: none;
	background: url(/assets/layout/button-search.gif) no-repeat;
	text-indent: -9999px;}

/*.................... home photo rotator ......................*/
#photo-rotator { position: relative; float:left; margin:0; width:685px; height:270px; background:url(/assets/layout/home-scroll-bg.png) no-repeat; overflow: hidden;}

#photo-rotator h2,
#photo-rotator p { position: absolute; bottom: 15px; line-height: 25px; margin: 0; padding: 0 7px; font: italic 12px/26px Arial, Tahoma; color: #fff; background: url(/assets/layout/bg-billboard.png); }

#photo-rotator h2 { left: 20px; }
#photo-rotator p { right: 20px; }

#photo-rotator p a { margin: 0; padding: 0; color: #FFF; }
#photo-rotator p a:hover { text-decoration: none; }

#photo-rotator img { padding:8px; margin:0; display:block; }

#nav { position:absolute; top:253px; right:286px; z-index:100;}

#nav span {
	font: normal 10px Arial;
	color: #CCC;
	margin-right: 5px;
}

#nav a { margin: 0 0 0 3px; padding: 2px 8px; border: 1px solid #ececec; border-top: none; background: #f1f1f1; text-decoration: none; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px;-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; color:#b96902; font:11px/11px Arial, Helvetica, sans-serif; }

#nav a.activeSlide { background: #245185; color:#fff; }

/*.................... news ......................*/
#news { width:250px; position: relative;float:right; top: 33px; right: 10px; padding:0; }
#sidebar #news {float: none;left: 2px;top: -42px;margin-bottom:-20px;display:inline;}

#news h3 { background: url(/assets/layout/home-title-news.png) no-repeat;height:41px; text-indent:-9999em; display:block; margin:0; padding:0; }

#sidebar #news .cufon {
	display: none;
}

#news ul {margin:10px 0 0 20px; padding:0; }

#news ul li {margin: 3px 0 3px 15px;list-style-image:url(/assets/layout/bullet-news.gif);font:11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#999;}

#news ul li a { color:#003366}

#news ul li a:hover { color:#666; text-decoration:none;}

.all-news { width:103px; background: url(../layout/readmore-bg.jpg) no-repeat top; height:30px; display:inline-block; margin:10px 0 0 0; padding:0; }

.all-news a { color:#fff; text-decoration:none; padding:5px; color:#fff; font:11px/11px Arial, Helvetica, sans-serif; text-align:center; background-color:#204e83; margin:10px auto; display:block; width:80px; }

.all-news a:hover { color:#d5ad45; }

/*.................... content ......................*/
#container { position: relative; }

#content { float:left; clear:left; width:605px; background:url(/assets/layout/home-content-div.gif) right center no-repeat; margin:30px 0 0 0; }

#content p { font:13px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#494949; width:500px; padding:0 0 0 25px; }

#content p a { color:#275487; }

#content p span { color:#204e83; }

/*.................... featured ......................*/
#featured { width:270px; float:left; margin: 20px 0 0 45px; }

#featured h3 { font:16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#d5ad45; margin:0 0 6px 0; padding:0; }

#featured h4 { font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#e32025; margin:5px 0; padding:0; }

#featured img { padding:8px; background: url(/assets/layout/home-featured-container.jpg) no-repeat; }

#featured a img { border: none; }

#featured p { font:11px/14px Arial, Helvetica, sans-serif; color:#858585; margin:0; }

#featured p a { color:#204e83; text-decoration:none; font-size:9px; }

#featured p a:hover { text-decoration:underline; }

/*.................... footer ......................*/
#footer { position: relative; width:100%; margin-top: 30px; background: url(/assets/layout/footer-bg.jpg) top left repeat-x #333333; }

#footer .wrapper { position: relative; height:60px; padding:20px 0 0 0; }

#footer p { color:#fff; font:11px/17px Arial, Helvetica, sans-serif; line-height:40px; }

#footer a { background:url(/assets/layout/icon-rss.gif) no-repeat center right; padding: 3px 6px 3px 6px; margin:0; color:#fff!important; background:none; }

#footer a:hover{color:#dfc176!important;}

#footer .rss { background:url(/assets/layout/icon-rss.gif) no-repeat center right;  padding: 3px 22px 3px 6px; }

#footer .rss:hover { color:#FE9832 }

#footer #sustain { position:absolute; text-indent: -9999px;background: url(/assets/layout/footer-sustain.gif) no-repeat; width:75px; height:50px; overflow: hidden;bottom:0; right:10px; }

/*.................... interior  ......................*/

#main-content { position:relative; }

#main-content #photo { width:650px; padding:7px 7px 11px 7px!important; background: url(/assets/layout/header-photo-container.png) no-repeat ; }

#main-content #photo img { border-bottom:4px solid #cf9303; width:650px; overflow:hidden;}

#main-content h1 { font:normal normal 50px/50px Georgia, "Times New Roman", Times, serif; color:#c9971b; margin-top:30px; padding:0; letter-spacing:-4px; }

#main-content h2 { font:italic normal 20px/20px Georgia, "Times New Roman", Times, serif; color:#204e83; height:25px; margin:0; padding:0; letter-spacing:-1px; }

#main-content h3 { color:#275487; font-size:14px; margin:0; padding:0; }

#main-content p { font: normal normal 13px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#494949; padding-bottom:10px; clear:both;}

#main-content p img { float:left; padding:0 10px 10px 0; }

#main-content p.excerpt { font:italic normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#858585; }

#main-content p.hide span { color:#c7910b; }

#main-content p.more { display:none; }

#main-content p#product-categories{font:normal normal 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif!important; }

#main-content p#product-categories a{color:#858585!important; text-decoration:underline; background-image:none!important; padding:0!important;}

#main-content p#product-categories a:hover{color:#275487!important;}

#main-content li {font:normal normal 13px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; background-image:none!important; background:#fff;padding:2px;}

#main-content .listing { margin:20px 0!important; padding:0!important; }

#main-content .listing li {float:left; list-style: none; padding:0px; margin:0; width:330px;}


#main-content .entry,
#main-content .news-entry {position: relative;margin-bottom: 20px;}
#main-content .entry h2, #main-content .entry p {margin-left: 165px;}
#main-content .entry img {position: absolute;float: left;top: 0;left: 0;}
#main-content .news-entry {padding-top: 30px;}
#main-content .news-entry .metadata {position: absolute;top: 0;left: 0;font: 10px Arial;text-transform: uppercase;color: #CCC;}



/* // related // */
#main-content #related li {position: relative;margin-bottom: 10px;}

#main-content #related li img {position: absolute;top: 0;left: 0;border: 5px solid #CCC;}

#main-content a,
#main-content a:link { color:#204e83;}

#main-content a.show-more { background: url(/assets/layout/icon-down-arrow.gif) no-repeat top right;  margin:0; padding-right:10px; }

#main-content a:hover { color:#c9971b; }

#main-content a#read-more{background: #e5e5e5!important; padding:2px 5px; float:right; display:block!important; clear:both!important; margin:20px 30px 0 0!important;}
#main-content #projects{margin-top:50px;}

#main-content #divisions li {min-height: 55px;}
#main-content #divisions li h2 {letter-spacing: normal;height:auto;font-size:14px}
#main-content #divisions li h2 a {text-decoration: none;}
#main-content #divisions li span {font:10px Arial !important;color:#204e83; margin:0; padding:0;color: #333;}

/* // breadcrumbs //*/

#breadcrumbs { background: #e6e2e2; position:absolute; top:166px; right:10px; margin:0; padding:5px 10px !important; text-align:right; font:normal normal 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif !important; color:#494949;}

#breadcrumbs a { color:#204e83; margin:0 !important; padding:0 !important; background-image:none!important; }

/* // gallery //*/

#main-content #gallery { position:relative; float:left; width:315px; margin:0 15px 0 0; padding:0;}

#main-content #gallery ul { width:315px; height:105px; overflow:hidden; display:block; margin:10px 0 0 0!important; }

#main-content #gallery li { display: inline; list-style:none; width:88px; height:105px;  margin:0 7px 0 0; float:left; position:relative; }

#main-content #gallery li a {padding: 0;}

#main-content #gallery li a img { padding:3px; border:1px solid #CCC; }
#main-content #gallery li a:hover img { background-color: #CCC;border:1px solid #204E82; }

#main-content #gallery a.gallery-button { background: url(/assets/layout/gallery-button.gif) no-repeat 0 0; width:21px; display:block; height:21px; line-height:21px; text-align:center; overflow:hidden; padding-right:0; color:#fff; text-decoration:none; margin-left:10px; float:left; }

#main-content #gallery a.gallery-button:hover { background-position:-21px 0; width:21px; color:#c9971b; }

#main-content #gallery a.prev { clear: left; }

/* // featured //*/

#main-content #interior-featured { float:left; width: 300px;border-left:1px solid #ccc; height:150px!important; padding:0 0 0 20px!important; margin:0!important; position:relative; top:-15px; }

#main-content #interior-featured {
	margin-bottom: 0;
}

#main-content #interior-featured h3, #main-content #interior-featured p {margin:0 0 0 98px; padding:0;}

#interior-featured p { font:normal normal 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif!important; color:#494949;}

#interior-featured p span{ display:block!important; float:left!important; width:160px; color:#929292; font-style:italic; margin:0; padding:0;}

#main-content #interior-featured img {position: absolute;top: 25px;left: 20px;padding:3px; border:1px solid #ccc;}

/* ---------- @ sidebar -----------*/

#sidebar { margin-top:75px; border-left:1px dashed #ccc; }

#sidebar h3 { color:#c9971b; font-size:15px; padding:0 0 0 20px; margin:0 0 10px 0;}

#sidebar p { font:normal normal 11px/14px Arial, Helvetica, sans-serif; color:#858585; padding-left:20px; padding-bottom:10px; margin:0;}

#sidebar ul {font:normal normal 11px/14px Arial, Helvetica, sans-serif; color:#858585; padding-bottom:10px; margin-left:10px;}

#sidebar p#company-details{font:normal normal 13px/30px "Trebuchet MS", Arial, Helvetica, sans-serif!important;}

#sidebar p#company-details a{color:#275487; text-decoration:underline;}

#sidebar p#company-details a:hover{color:#c9971b}

#sidebar p a { color:#FFF; text-decoration:none; }

#sidebar div {position: relative;margin-bottom: 20px;padding-bottom: 20px;background:url(../layout/sidebar-div.gif) bottom no-repeat;}
#sidebar div:last-child, #sidebar div.last {
	background: none;}

#sidebar .icon { width:75px; height:56px; margin:0 0 0 20px; padding:0; display:inline-block; }

#sidebar #google-map{margin:20px 0 20px 20px; width: 225px; height: 225px; padding:0; border:4px solid #ccc;overflow:hidden;}
#sidebar #google-map div {
	background: none;
}
#sidebar #google-map span {
	display: none;
}
#sidebar a img { margin:0 0 10px 20px; border:0pt none; }

ul#companies { list-style:none; margin:0; padding:0; float:left; clear:left; }

ul#companies li { width:169px; height:54px; padding:0; margin:20px 0; display:block; }

ul#companies li a img { border:0pt none; height:54px!important; }

/* ---------- @ Float Clearing -----------*/

.clearfloat:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }

.clearfloat { display:inline-block }

.clearfloat { display:block }