@charset "utf-8";
/* CSS Document */

body{background:url(../images/bg4.jpg) #000; margin:0px; padding:0px}
img {border-style:none;}
a{color:#CCCCCC; text-decoration:none}
a:hover{color:#999999;}

div.clear{clear:both; line-height:1px; height:1px; font-size:1px;}
#toggle_me{display:inline;}

/*| PAGE CONTAINER |*/
#container{margin-left:auto; margin-right:auto; width:930px; height:auto;}

.accent_box{background:#ff6600; margin:0px; padding:5px}
.accent_box a{color:#222;}
.accent_box a:hover{color:#fff;}
.single_column .accent_box h6{color:#555; font-size:13px; font-family:Arial,Helvetica,sans-serif; font-weight:lighter;}
.single_column .content h1{color:#ff6600; font-size:18px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-style:normal; text-align:left;}
.single_column .content h6{color:#fff; font-size:16px; font-family:Arial,Helvetica,sans-serif;}

.MenuBarVertical li{width:160px; height:15px; color:#000;font-family:Arial,Helvetica,sans-serif; font-style:italic; font-weight:bold; padding:10px; margin-right:20px; background:url(../images/bg_galli.jpg); border:1px solid #111;list-style:none;}
.MenuBarVertical li:hover{background:url(../images/bg_galli.jpg); background-position:0px -35px;font-size:12px;}

/*| NAV |*/
.nav{float:right; position:relative; right:-30;}

/*| HEAD |*/
#head{width:930px; height:108px; padding-top:70px;}
#head #tcc_left{width:620px; float:left;}
#head #tcc_left #left{width:310px; float:left;}
#head #tcc_left #right{width:300px; float:right; padding-top:15px;}
#head #tcc_right{width:310px; float:right;}

/*| FONTS |*/
h1{color:#fff; font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-style:italic; text-align:center}
h2{color:#ff6600; font-size:18px; font-family:Arial,Helvetica,sans-serif; font-weight:lighter; display:inline;}
h3{color:#fff; font-size:13px; font-family:Arial,Helvetica,sans-serif; font-weight:lighter;}
h4{color:#ccc; font-size:15px; font-family:Arial,Helvetica,sans-serif; margin-bottom:-10px}
h5{color:#fff; font-size:18px; font-family:Arial,Helvetica,sans-serif; font-weight:lighter; display:inline;}
h6{color:#ff6600; font-size:12px; font-family:Arial,Helvetica,sans-serif; font-weight:lighter; margin-bottom:-10px}
.h6inline{color:#ff6600; font-size:15px; font-family:Arial,Helvetica,sans-serif; font-weight:lighter; display:inline}
.h3alt{color:#fff; font-size:13px; font-family:Arial,Helvetica,sans-serif; font-weight:lighter; display:inline;}
.single_column h6{color:#ff6600; font-size:14px; font-family:Arial,Helvetica,sans-serif; font-weight:lighter; display:inline}
.single_column h3{color:#fff; font-size:12px; font-family:Arial,Helvetica,sans-serif;display:inline}

hr{color:#ff6600; border-color:#ff6600; width:100%;}

/*| NAVBAR |*/
#navbar{margin:0px; padding:0px;}
#navbar li{float:left; list-style:none;}
#navbar li a span{display:none;}
#navbar li a{height:25px; display:block; margin-left:-5px;}
#navbar li#home a{width:73px; background-position:0px 0px; display:block; background:url(../images/m_home.png) no-repeat;}
#navbar li#home a:hover{background-position:0px -25px;}
#navbar li#about a{width:94px; background-position:-50px 0px; display:block; background:url(../images/m_about.png) no-repeat;}
#navbar li#about a:hover{background-position:0px -25px;}
#navbar li#architecture a{width:110px; background-position:-110px 0px; display:block; background:url(../images/m_arch.png) no-repeat;}
#navbar li#architecture a:hover{background-position:0px -25px;}
#navbar li#construction a{width:117px; background-position:0px 0px; display:block; background:url(../images/m_cons.png) no-repeat; margin-left:-6px;}
#navbar li#construction a:hover{background-position:0px -25px;}
#navbar li#references a{width:107px; background-position:-110px 0px; display:block; background:url(../images/m_ref.png) no-repeat;}
#navbar li#references a:hover{background-position:0px -25px;}
#navbar li#gallery a{width:114px; background-position:0px 0px; display:block; background:url(../images/m_photo.png) no-repeat; margin-left:-7px;}
#navbar li#gallery a:hover{background-position:0px -25px;}
#navbar li#contact a{width:100px; background-position:-110px 0px; display:block; background:url(../images/m_cont.png) no-repeat; margin-left:-6px;}
#navbar li#contact a:hover{background-position:0px -25px;}


/*| BODY |*/
#body{width:930px; height:auto; clear:both;}

/*| SINGLE COLUMN |*/
#single_column{width:930px; height:100px; float:left;}
#single_column .content{}
.left{width:460px; float:left;}
.right{width:470px; float:right;}
p{color:#fff; font-size:13px; font-family:Arial,Helvetica,sans-serif; line-height:19px; font-weight:lighter;}
li{color:#fff; font-size:13px; font-family:Arial,Helvetica,sans-serif; line-height:19px; font-weight:lighter;}
/*| PHOTOS COLUMN |*/
#photos{width:930px; float:left;}
#photos .content{}
#photos #tcc_left{width:470px; float:left;}
#photos #tcc_left #left{width:230px; float:left;}
#photos #tcc_left #right{width:230px; float:right;}
#photos #tcc_right{width:440px; float:right;}
#photos #tcc_left img{border:solid 5px #fff; margin:0px 0px 10px 0px}
#photos #tcc_right img{border:solid 5px #fff; margin:0px 0px 10px 0px; float:right;}

/*| FOOTER |*/
#footer{width:930px; height:54px;}
#footer #tcc_left{float:left; width:880px; height:auto;}
#footer #tcc_right{float:right; width:50px; height:auto;}