/* style reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}

/* global styles */
html, body {height:100%;}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #fff;
	color: #fff;
    background: #918a84;
}

a, a:visited {text-decoration: none; color:#000;}
h2{font-size:26px;}
div.clearfix {clear: both;}

#outer{display:table; height:100%; overflow: hidden; width:100%; }
#middle{display: table-cell; vertical-align: middle; width:100%;}
#inner{ width:100%;   }

#container_home{position:relative; width:995px; height:672px; margin:auto; background:url(../img/home.jpg) no-repeat; border:1px solid #bbb5b1; }
#container{position:relative; width:995px; height:672px; margin:auto; background:#aea6a3; border:1px solid #bbb5b1;}

#logo{position:absolute; top:16px; left:60px;}
#home_top{position:absolute; top:0; right:0; background:url(../img/home_top.jpg) no-repeat; width:620px; height:14px; padding:0 10px 0 0; text-align:right; color:#ADA7A3; }
#menu{position:absolute; top:150px; left:0px; width:92px;}
	#menu ul li {text-align:right;}
	#menu ul li a{color:#fff; text-decoration:none; display:block; width:115px; height:24px;}
	#menu ul li#video{ margin: 20px 0px 0px; }

#submenu{position:absolute; top:150px; left:140px; width:165px; color:#303030;} 
	#submenu p{font-size:15px; color:#CCC; line-height:18px;}
	#submenu .more{margin-top:5px;}
	#submenu h1 {padding:5px 0; font-size:15px; line-height:18px;}

#howtoview{position:absolute; bottom:30px; left:30px; color:#303030;}
	#howtoview ul.dotted_list {width:270px; opacity:0.0; background:#AEA6A3;} 
	#howtoview ul.dotted_list li{padding:0 0 15px 10px; background:url(../img/dot.png) no-repeat top left;}
	#howtoview .i{padding-top:10px;}
	
#content{position:absolute; top:139px; left:140px; width:200px; height: 523px; background-color: #3F241C; padding: 10px 15px 0px; }
	#content p {padding:5px 0; font-size:15px; line-height:18px}
	#content h1 {padding:5px 0; font-size:15px; line-height:18px}
	#content img {
		position: absolute; 
		margin: 10px 0px 0px; 
		right: 10px; 
	}

.wrap_1{height:30px; width:380px; float:right; clear:right; }
.wrap_2{height:25px; width:450px; float:right; clear:right; }
.wrap_3{height:25px; width:475px; float:right; clear:right; }
.wrap_4{height:25px; width:510px; float:right; clear:right; }
.wrap_5{height:25px; width:560px; float:right; clear:right; }
.wrap_6{height:25px; width:620px; float:right; clear:right; }
.wrap_7{height:25px; width:660px; float:right; clear:right; }
.wrap_8{height:50px; width:690px; float:right; clear:right; }
.wrap_9{height:50px; width:700px; float:right; clear:right; }
.wrap_10{height:25px; width:690px; float:right; clear:right; }
.wrap_11{height:25px; width:670px; float:right; clear:right; }
.wrap_12{height:25px; width:640px; float:right; clear:right; }
.wrap_13{height:25px; width:590px; float:right; clear:right; }
.wrap_14{height:25px; width:540px; float:right; clear:right; }
.wrap_15{height:25px; width:400px; float:right; clear:right; }

#gallery{position:absolute; top:0; left:324px; background:url(../img/gallery_bg.png) repeat top left;}
	#gallery .thumb {float:left; margin:0 0 1px 1px;}

#contact{position:absolute; top:300px; left:150px;} 
	#contact dl{font-size:15px; padding:10px 0;}
	#contact dl dt{color:#fff;}
	#contact dl dd{color:#303030;;}
	#contact dl a{color:#C7D62D;}
	#contact dl a:hover{color:#303030;; background:#C7D62D;}
#contact_img{position:absolute; top:0; right:1px;}
	
#about{position:absolute; top:150px; left:140px; width:150px; color:#303030; }
	#about p{padding:5px 0; font-size:15px; line-height:18px;}
	#about h1{padding:5px 0; font-size:15px; line-height:18px;}
	#about a{color:#C7D62D; font-size:15px;}
	#about a:hover{color:#303030; background:#C7D62D;}

#about_clients{position:absolute; top:0px; left:320px; width:115px; height:587px; padding:55px 10px 30px 10px; z-index:10;  }
	#about_clients ul li{font-size:12px; line-height:18px;}
	
#about_details{position:absolute; top:0px; left:320px; width:675px; height:672px; background:url(../img/about_bg.jpg) repeat-y left top; color:#303030; }
	#about_details ul.dotted_list{padding-top:20px;}
	#about_details ul.dotted_list li{padding:0 0 0 10px; background:url(../img/dot.png) no-repeat top left;}

	#about_details .column_1{position:absolute; top:0; left:135px; width:240px; height:294px; padding:150px 15px 10px 15px; border-right:1px solid #9d9692;}
	#about_details .column_2{position:absolute; top:0; left:405px; width:240px; height:294px; padding:150px 15px 10px 15px; }
	#about_details .column_3{position:absolute; bottom:0; left:1px; width:674px; }
	#about_details .column_3 a {display:block; width:674px; height:168px; }
	
#footer{width:310px; padding:15px 0 0 685px; margin:auto;}
	#footer img{float:left;}

.brown{color:#918A84}
.pale_brown{color:#ADA7A3}
.dark_grey{color:#666}
.green{color:#C7D62D}
.white{color:#FFF;}
a.white_link {color:#fff;}
a.white_link:hover{color:#303030; background:#C7D62D;}