/*--------------------------------------------------------------------
Layout
--------------------------------------------------------------------
*/
* {
 margin:0;
 padding:0;
}
body {
 text-align:center;
 padding:0;
 margin:0;
 font-family:Verdana, Arial, Sans-serif;
 font-size:11px;
}
#container {
 width:980px;
 margin:0 auto;
 position:relative;
 text-align:left;
 background:#f2f2f2;
}
a {
 color:#f89829;
 text-decoration:none;
}
a:hover, a:active {
 color:#bababa;
}

/*
--------------------------------------------------------------------
Header
--------------------------------------------------------------------
*/
.logo {
 margin:0px 0px 0px 10px;
 float:left;
}
#header {
 width:980px;
 height:127px;
 background:#ffffff;
 margin-bottom:30px;
 }
 

/*
--------------------------------------------------------------------
Navigation
--------------------------------------------------------------------
*/
.nav {
 width:640px;
 clear:right;
 margin:58px 0px 0px 0px;
 float:right;
 list-style: none;
 position:relative;
 z-index:99;
}
.nav li {
 float:left;
 width:160px;
 height:47px;
 border-bottom:1px #ffffff solid;
 text-align:left;
}
.nav li.on {
 border-bottom:1px #f2f2f2 solid;
}
.nav li.home {
 width:50px;
}
.nav li a {
 display:block;
}
.top_nav{
 margin:10px 20px 0 0;
 list-style:none;
 float:right;
 }
.top_nav li {
 float:left;
 font-size:9px;
 color:#808080;
}
.top_nav li a {
 letter-spacing:1px;
 text-decoration:none;
 font-size:9px;
 color:#808080;
 text-transform: uppercase;
}
.top_nav li a:hover {
 color:#f89829;
}
#sb_menu_clip2,
#sb_menu_clip3 {
 margin-left:-2px;
}
.sb_menu_clip {
 z-index:99;
}
.sb_menu ul {
 position:relative;
}
.sb_menu ul li {
 margin-left:0px;
 opacity: 0.9;
 -moz-opacity: 0.9;
 filter:alpha(opacity=90);
}
.sb_menu ul li a {
 display:block;
 width:151px;
 padding:10px 0px 8px 10px;
 text-align:left;
 color:#ffffff;
 text-decoration:none;
 background:#888888;
 text-transform: uppercase;
 border-width:0px 1px 1px 1px;
 border-color:#ffffff;
 border-style:solid;
 }
 
.sb_menu ul li.on a,
.sb_menu ul li a:hover {
 background:#b2b2b2;
}


/*
--------------------------------------------------------------------
Left
--------------------------------------------------------------------
*/
#left {
 display:inline;
 float:left;
 min-height:480px;
}
.leftcols3 {
 width:160px;
 margin:0 0 0 20px;
}
.leftcols2 {
 width:315px;
 margin:0px 0px 0px 20px;
}

 .leftcolshome {
 width:640px;
 margin:0px 0px 0px 20px;
}
.leftcolsprojects {
 width:315px;
 margin:0 0 0 20px;
}
.leftcolsgallery {
 width:180px;
 margin:0 0 0 20px;
}
.randomizer {
 width:640px;
 height:480px;
 overflow:hidden;
 position:relative;
 z-index:0;
}
.grid {
 margin-top:-480px;
 position:relative;
 z-index:90;
}
.navigation_secondary ul {
 list-style:none;
}
.navigation_secondary li a {
 display:block;
 text-decoration:none;
 color:#4c4c4c;
 font-size;12px;
 border-bottom:1px #ffffff solid;
 padding:8px 10px 10px 5px;
 width:145px;
 background:#cccccc;
}
.navigation_secondary li a:hover {
 background:#b2b2b2;
}
.navigation_secondary li.on a {
 background:#666666;
 color:#ffffff;
}
.navigation_secondary .article_list ul li a {
 width:132px;
 color:#ffffff;
 font-size:11px;
 padding:4px 10px 5px 18px;
 background:#cccccc; 
 margin:0;
}
.navigation_secondary .article_list ul li a:hover {
 color:#4c4c4c;
}
.navigation_secondary .article_list ul li.on a {
 background:url(/images/article_bullet.gif) 4px 8px no-repeat #cccccc;
 color:#4c4c4c;
 margin:0;
}

/*
--------------------------------------------------------------------
Projects Gallery
--------------------------------------------------------------------
*/

.leftcolsprojects .gallery .thumbnails .thumb, 
.leftcols2 .gallery .thumbnails .thumb {
 float:left;
 border-width:0 1px 1px 0px;
 border-color:#ffffff;
 border-style:solid;
}

/*--------------------------------------------------------------------
Main
--------------------------------------------------------------------
*/
#main {
 display:inline;
 min-height:480px;
}
.maincols3 {
 float:left;
 width:520px;
 background:#ffffff;
 overflow-x:hidden;
}
.page_text img {
 max-width:480px;
}
.maincols2 {
 background:#ffffff;
 float:right;
 width:615px;
 margin:0px 20px 0px 0px;
}
 .maincolshome {
 float:right;
 width:299px;
 min-height:480px;
 background: #4d4d4d;
 margin:0px 20px 0px 0px;
 border-left:1px #ffffff solid; 
}
.maincolsprojects {
 background:#ffffff;
 float:left;
 margin:0 0 0 4px;
 width:485px;
 overflow-x:hidden;
}
 .maincolsgallery {
 background:#ffffff;
 float:right;
 width:750px;
 margin:0 20px 0 10px; 
}
.divider {
 width:480px;
 margin:20px auto 20px auto;
 margin-top:20px;
}
.clearer {
 clear:both;
 line-height:0px;
}
.quicklinks_menu ul {
 list-style: none;
}
.maincolshome .quicklinks_menu {
 list-style:none;
}
.quicklinks_menu li.on a {
 background:#f89829 url(../images/arrow_on.gif) no-repeat 100% 0%;;
}
.quicklinks_menu ul li {
 font-size:12px;
 color:#ffffff;
 text-align:left;
 border-width:0px 1px 1px 0px;
 border-color:#ffffff;
 border-style:solid;
 opacity: 0.95;
 -moz-opacity: 0.95;
 filter:alpha(opacity=95);
}
.quicklinks_menu ul li a {
 color:#ffffff;
 text-decoration:none;
 padding:9px 0px 0px 25px;
 border-left:1px solid white;
 height:24px;
 width:274px;
 background:#888888;
 display:block;
}
.quicklinks_menu ul li a:hover {
 background:#b2b2b2;
}
#the_3d_image {
 display:block;
}
#slideshow {
 display:none;
 height:322px;
 overflow:hidden;
}
#see_3d_image {
 margin:1px 1px 0 0;
 display:none;
 float:right;
}
#see_slideshow {
 margin:1px 1px 0 0;
 display:block; 
 float:right;
}
.paging {
 margin:1px 0px 0 0px;
 float:right;
}
.back img, .previous img, .next img{
 margin-right:1px;
}
#overlay_title {
 font-size:24px;
 color:#ffffff;
 height:51px;
 position:relative;
 z-index:20px;
 margin-top:-315px;
 display:none;
}
#overlay_text {
 height:267px;
 font-size:14px;
 color:#ffffff;
 position:relative;
 z-index:20px;
 display:none;
}
.product_randomizer {
 position:relative;
 z-index:0;
}
/*
--------------------------------------------------------------------
Enews Contact Form
--------------------------------------------------------------------
*/

.contact {
 padding:20px 0 0 20px;
}
.contact .field .full {
 width:340px;
}
.contact .field .half {
 width:160px;
}
.contact .field {
 margin:0 0 10px 0;
 font-size:12px;
 color:#4c4c4c;
 line-height:18px;
}
.contact .submit {
 margin:20px 0 0 0;
}

/*
--------------------------------------------------------------------
Right
--------------------------------------------------------------------
*/
#right {
 display:inline;
 float:right;
 min-height:480px;
}
.rightcols3 {
 width:250px;
 margin:0px 20px 0 10px;
}
.rightcolsprojects {
 width:125px;
 margin:0 20px 0 0;
}
.documents ul{
 list-style:none;
}
.documents li{
 margin:0 0 10px 0;
 min-height:50px;
 overflow:visible;
}
.documents .title {
 font-size:9px;
 text-transform:uppercase;
 color:#ffffff;
 width:119px;
 padding:4px 4px 6px 4px;
 text-align:center;
 background:url(/images/document_title_background.png);
 position:absolute;
 z-index:3;
 top:0;
 left:0;
}

.documents .image {
 position:relative;
 cursor:pointer;
}

.documents .overlay {
 z-index:2; 
 position:absolute;
 background:#f7d3aa;
 width:127px;
 top:0; left:0; bottom:0; right:0;
 opacity:.7;
 filter:alpha(opacity=70);
}
#right.rightcols3 .caption {
 font-size:10px;
 color:#808080;
 margin:10px
}

/*
--------------------------------------------------------------------
Footer
--------------------------------------------------------------------
*/
#footer {
 clear:both;
}
#footer ul {
 list-style:none;
 padding-right:5px;

}
#footer li {
 float:left;
}


/*
--------------------------------------------------------------------
Formatting
--------------------------------------------------------------------
*/
a {}
a:hover {}

.page_text {
 font-size:12px;
 color:#4c4c4c;
 margin:0 0 10px 0;
 line-height:18px;
 padding:0px 20px 10px 20px;
}
.page_text ul {
 padding:0 0 0 30px;
}
.page_title {
 font-size:24px;
 color:#808080;
 padding:30px 0px 10px 20px;
}
.page_description {
 color:#808080;
 font-size:18px;
 font-weight:normal;
 line-height:24px;
 padding:0 20px 10px 20px;
}
.page_description ul {
 padding:10px 0 0 18px;
 line-height:20px;
 font-size:14px;
 color:#808080;
}
.page_description li {
 padding:0 0 5px 0px;
}
.home_title {
 font-weight:bold;
 font-size:21px;
 color:#ffffff;
 padding:10px 20px 0 20px;
}
.home_description {
 font-weight:normal;
 font-size:20px;
 color:#ffffff;
 line-height:20px;
 padding:10px 20px 0 20px;
}
.home_text {
 clear:both;
 padding:0px 20px 0px 20px;
 font-size:13px;
 color:#ffffff;
 margin-bottom:15px;
 line-height:16px;
}
.gallery_text {
 font-size:18px;
 line-height:20px;
 color:#ffffff;
}
.article_list ul {
 list-style:none;
}
#main.maincolsprojects .article_list li {
 clear:both;
 width:350px;
 background:url(/images/hr.gif) no-repeat 50% 0%;
 border-top:1px solid #cccccc;
 margin:0 0 0 20px;
}
.article_list .title a {
 padding:0px 20px 0px 0px;
 margin:0;
 text-decoration:none;
 font-size:13px;
 font-weight:bold;
 color:#808080;
}
.maincolsprojects .article_list .title{
 float:left;
 padding:10px 0 10px 0;
 margin:0;
}
.article_list .description {
 font-size:12px;
 color:#4c4c4c;
 padding:10px 20px 10px 20px;
 margin:0px 0 0px 0;
 line-height:18px;
 display:none;
}
.article_list .more {
 float:right;
 padding:11px 0px 10px 0px;
 margin:0 0px 0px 0;
}

.product_overlay {
 position:absolute;
 background:black;
 overflow:hidden;
 text-align:left;
 width:0px;
}

body > .product_overlay {
 background:url(/images/overlay_background.png);
}

.product_overlay .title {
 color:#ffffff;
 width:575px;
 margin:20px 20px;
 font-size:24px;
}

.product_overlay .description {
 font-size:14px;
 color:#ffffff;
 width:575px;
 margin:20px 20px;
}

.product_overlay .description ul {
 padding:0 0 0 18px;
}