@charset "UTF-8";

/* CSS Document */
/* Architectural Cladding - John McGeary 2009*/

/* EDITOR START */

hr{
border-bottom:1px solid #434343;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
margin-top:15px;
margin-bottom:15px}

h1{
font-size:18px;
color:#434343;
margin-bottom:15px}

h2{
font-size:13px;
color:#000000;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:13px;
color:#434343;
margin-top:5px;
margin-bottom:5px}

h4{
font-size:12px;
color:#000000;
margin-top:5px;
margin-bottom:5px}

a{
color:#717171;
text-decoration:none}

a:hover{
color:#717171;
text-decoration:underline}

p{
margin-bottom:10px}

.grey{
color:#434343}

img, div, input { behavior: url("iepngfix.htc") }


/* EDITOR END */

body{
font-size:12px;
font-weight:200;
line-height:20px;
color:#000000;
font-family:Helvetica, Arial, Verdana, sans-serif;
background:#434343 url(assets/bg.gif) repeat top center fixed}

*{
margin:0;
padding:0}

img{
border:0}


/* Main Container */
#wrapper{
width:100%;
height:100%;
padding:0;
margin:0;
background:url(assets/fade.png) repeat-y top center}

#main_container_wrapper{
width:100%;
height:100%;
padding:0;
margin:0}

#main_container{
width:990px;
height:100%;
padding:0;
margin:0;
background:#ffffff url(assets/mainarea-bg.gif) repeat-y top right;
margin:0 auto}

/* Masthead */
#masthead{
width:990px;
height:401px;
margin:0;
padding:0;
float:left}

.slideshow{
width:685px;
height:370px;
margin:0;
padding:0;
float:left}

#masthead-right{
width:305px;
height:370px;
margin:0;
padding:0;
float:left;
background:url(assets/logo.jpg) no-repeat top right}

/* Mainarea */
#mainarea{
width:990px;
height:100%;
float:left;
margin:0;
background:url(assets/logo-nb.gif) no-repeat bottom right}

#left_column{
width:680px;
float:left;
margin:0;
padding:0}

#right_column{
width:265px;
float:right;
margin:0;_margin:0 0 0 -3px;
padding:20px 18px 20px 22px}

#right_column img{
border-top:2px solid #ffffff;
border-bottom:2px solid #434343;
margin:0 0 20px 0;
width:261px;
height:141px}

#right_column h2{
color:#434343}

.textarea{
padding:40px;
margin:0;
width:606px;
height:100%;
float:left}

.textarea ul{
padding:10px 0 10px 15px;
color:#434343}

.textarea li{
padding:0 0 8px 0;
color:#434343}

.textarea ol{
padding:10px 0 10px 15px;
color:#434343}

/* Navigation Right */
.navigation_right{
width:259px;
float:left;
line-height:19px;
text-align:left;
padding:0;
margin:210px 0 0 23px;_margin:210px 0 0 13px}

.navigation_right ul{
margin:0;
padding:0;
width:259px}

.navigation_right li{
list-style:none;
margin:0;
width:259px}

.navigation_right a{
text-decoration:none;
color:#000000;
margin-bottom:5px;
padding:0;
display:block;
background:url(assets/li-right.gif) no-repeat top right;
border-bottom:1px solid #434343}

.navigation_right a:hover{
text-decoration:underline;
color:#434343;
margin-bottom:5px;
padding:0;
display:block;
background:url(assets/active-right.gif) no-repeat top right}

.navigation_right .active a{
color:#434343;
margin-bottom:5px;
text-decoration:none;
font-weight:bold;
padding:0;
display:block;
background:url(assets/active-right.gif) no-repeat top right}

.navigation_right .active a:hover{
color:#434343;
margin-bottom:5px;
text-decoration:underline;
font-weight:bold;
padding:0;
display:block;
background:url(assets/active-right.gif) no-repeat top right}

.navigation_right .active{
color:#434343;
margin-bottom:5px;
text-decoration:none;
font-weight:bold;
padding:0;
display:block;
background:url(assets/active-right.gif) no-repeat top right}

.navigation_right .active a{
color:#434343;
margin-bottom:5px;
text-decoration:none;
font-weight:bold;
padding:0;
display:block;
background:url(assets/active-right.gif) no-repeat top right}

.navigation_right .active a:hover{
color:#434343;
margin-bottom:5px;
text-decoration:none;
font-weight:bold;
padding:0;
display:block;
background:url(assets/active-right.gif) no-repeat top right}
 
.navigation_right li ul li a{
color:#434343!important;
text-decoration:none!important;
font-size:11px!important;
margin:0!important;
width:260px;
font-weight:200!important;
background-image:none!important}

.navigation_right li ul li a:hover{
color:#434343!important;
text-decoration:underline!important;
font-size:11px!important;
margin:0!important;
width:260px;
font-weight:200!important;
background-image:none!important}

/* Navigation Top */
.navigation_top{
width:990px;
height:27px;
float:left;
text-align:left;
padding:0;
margin:0;
background-color:#000000;
border-top:2px solid #ffffff;
border-bottom:2px solid #716f6e}

.navigation_top ul{
margin:0;
padding:0;
width:990px}

.navigation_top li{
list-style:none;
display:inline;
line-height:27px;
margin:0 27px 0 27px}

.navigation_top a{
text-decoration:none;
color:#ffffff;
padding:0}

.navigation_top a:hover{
text-decoration:underline;
color:#ffffff;
padding:20px 0 6px 0;
background:url(assets/active-bottom.gif) no-repeat bottom center}

.navigation_top .active a{
color:#ffffff;
text-decoration:none;
font-weight:bold;
padding:20px 0 6px 0;
background:url(assets/active-bottom.gif) no-repeat bottom center}

.navigation_top .active a:hover{
color:#ffffff;
text-decoration:underline;
font-weight:bold;
padding:20px 0 6px 0;
background:url(assets/active-bottom.gif) no-repeat bottom center}

/* Footer */
#footer{
width:990px;
height:130px;
font-size:9px;
margin:0;
padding:0;
clear:left;
border-top:2px solid #716f6e}

.footer_left{
width:685px;
height:20px;
margin:60px 0 0 0;
text-align:left;
float:left}

.footer_left a{
text-decoration:none;
color:#000000}

.footer_left a:hover{
text-decoration:underline;
color:#000000}

.footer_left p{
font-size:9px;
color:#000000;
padding:0px;
margin:3px 0 0 40px}

.footer_right{
width:290px;
height:90px;
float:left;
margin:20px 0 0 0}

.footer_right img{
float:left;
margin:12px}

.thumb{
float:left}