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

*{
	margin:0;
	padding:0
	}
	
	body{
	
	background:#fff;
	color:#777;
	font:80%/140% Helvetica, arial, sans-serif;
	text-align: center;
	margin:0;
	padding:0;
	}
	#workframe{
	
	width: 902px;
	position:relative;
	margin: 0 auto;

	
	
	
	}
	#wrapper{
	
	width: 900px;
	border:1px dotted #221;
	position:relative;
	margin: 0 auto;
	margin-top:20px;
	height: 640px;
	}
	
	#container{
	width: 800px;
	
	height: 560px;
	margin: 0 auto;
	margin-top: 35px;
	}
	
	
	#masthead{
	
	background-image: url(image/mast.jpg);
	width: 102px;
	height: 146px;
	float: left;
	position: relative;
	margin-bottom: 20px;
	
	
	}
	
	a{
	color:#444;
	text-decoration:none;
	outline:none;
	}
	
	a:hover{
	color:#f1592a;
	}
	#nav{
	
	width: 698px;
	height: 138px;
	float: left;
	position: relative;
	margin-top: 4px;
	
	
	}
	.coloumns{
	display:inline;
	float:left;
	margin-left:10px !important; /* IE6 fix */
	margin-left:8px;
	}	
	.coloumns li{
	

	text-transform: UPPERCASE;
	list-style-type:square;
	list-style-image: url(image/img/bullet1.jpg); 
	padding: 0px 2px 2px 4px;
	text-align: left;
	font-size: 11px;
	line-height: 2.2em;
	color: #666;
		
	}
	
	
	
	#nav li{
	

	text-transform: UPPERCASE;
	list-style-type:square;
	list-style-image: url(image/bullet1.jpg); 
	padding: 0px 2px 2px 4px;
	text-align: left;
	font-size: 11px;
	line-height: 1.8em;
	color: #666;
		
	}
	
	#nav ul a{
	color:orange;
	text-decoration:none;
	outline:none;
	color: #666;
	list-style-type:square;
	list-style-image: url(image/bullet1.jpg); 
	}
	
	#nav li:hover{
	color:#f15a29;
	list-style-type:square;
	list-style-image: url(image/bullet.jpg); 
	/*list-style-type: square;*/
	}
	
	#nav li a:hover{
	color:#f15a29;
	list-style-type:square;
	list-style-image: url(image/bullet.jpg); 

	}
	#nav #active a{
	color:#f15a29;
	list-style-type:square;
	list-style-image: url(image/bullet.jpg); 
	
	}
	
	#nav ul{
	

	margin-left: 61px;
	}	
	.work{
	position:relative;
	float: left;

	
	width: 800px;
	}
	
	
	#title{
	float: left;
	position: relative;
	
	text-align: left;
	
	}
	
	
	h1{
	font:helvetica, arial,sans-serif;
	text-transform:uppercase;
	font-size: 11px;
	font-weight:bold;
	text-align: right;
	color: #7d9058;
	
	}
	
	
	h2{
	font-size: 12px;
	line-height: 2.2em;
	color: #666;
	font-weight:bold;
	text-transform: UPPERCASE;
	}
	
	p3{
	font-size: 13px;
	font-weight:bold;
	color: #777;
	
	}
	
	.caption{
	color:#777;
	font:Helvetica, Arial, sans-serif;
	font-size: 11px;
	float: right;
	}
	

	
	.gallery_work{
	width:802px;
	
	
	}
	
	.gallery_work li{
	width:80px;
	height:22px;
	border:0.5px solid #a0ae85;
	float: right;
	background:#fff;
	margin-bottom:25px;
	

	}
	
	.gallery_work li div{
	left:240px;
	
	}
	
	.gallery_work li div .caption{
	font:italic 0.7em/1.4 arial,serif;
	}	
	
	#main_image{
	
	height:240px;
	width:800px;
	background:#fff;
	
	}
	
	
	#info{
	text-align:left;
	width:800px;
	float: left;
	position: relative;
	}
	
	#info_long{
	text-align:left;
	width:800px;
	float: left;
	position: relative;
	overflow:auto;
	height: 115px;
	}
	
	#info p{
	
	line-height: 1.3em;
	}
	#info_long p{
	
	line-height: 1.3em;
	}
	p1{
	
	font-size: 12px;
	color: #f15a29;
	}
	p2{
	
	font-size: 11px;
	font-weight: bold;
	}
	
	#imageholder{
	
	float: left;
	position: relative;
	margin-top: 10px;
	
	}
	
	#slideshow {

	margin:10px 5px 20px 0;
	padding:0;
	position:relative;
	height:240px;
	width:800px;
	}
	#slideshow1 {

	margin:10px 5px 20px 0;
	padding:0;
	position:relative;
	height:240px;
	width:800px;
	}
	
	
	#slideshow img {
	left:0;
	position:absolute;
	top:0;
	z-index:8;
	}
	
	
	#slideshow img.active {
	z-index:10;
	}


	#footer{
	color: #444;
	font-size: 11px;
	float: right;
	position: relative;
	
	}
	#footer p{
	
	color: #f1592a;
	}
	#footer a{
	
	color: #f1592a;
	text-decoration: underline;
	}

	    
	#wn	{ 
    position:relative; 
    width:750px; height:100px;
    overflow:hidden;
	float: left;	
	padding-right: 10px;
	}

	#scrollLinks{
	
	width:40px;
 	
	float: left;
	
	
	}
	
	#cont1{
	
	float: left;
	padding-right: 60px;
	}
	
	#cont2{
	
	float: left;
	padding-right: 60px;
	
	}
	#cont3{
	
	float: left;
	
	}
	#info a{
	font-size: 12px;
	text-decoration: underline;
	color: #777;
	
	}