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

* {margin:0;padding:0;} 

html, body, #wrap {height: 100%;}

html, body
	{
		margin:0px;
		padding:0px;
		background-color:#f4e7bd;

	}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 50px;}  /* must be same height as the footer */

a {
	color:#8E6E3C;
	font-weight:bold;
	text-decoration:none;
	}

a:hover {
	color: #832700;
	text-decoration:none;
	}


h1,h2,h3,h4,h5,h6,span
	{
		margin:0px;
		padding:0px;
	}
#headerbg
	{
		width:100%;
		height:245px;
		float:left;
		margin:0px;
		padding:0px;
		background-image: url(images/layout/headerbg.jpg);
		background-repeat:repeat-x;
	}
#headerblank
	{
		width:1004px;
		height:245px;
		float: none;
		margin:0 auto;
		padding:0px;
	}
#header
	{
		width:1004px;
		height:245px;
		float: left;
		margin:0px;
		padding:0px;
		background-image:url(images/layout/header.jpg);
		background-repeat:no-repeat;
	}
#menu
	{
		width:550px;
		height:33px;
		float: right;
		margin:133px 51px 0 0;
		padding:0px;
	}
#menu ul
	{
		width:700px;
		height:33px;
		float:left;
		margin:0px;
		padding:0px;
		display:block;
	}
#menu ul li
	{
		width:76px;
		height:33px;
		float:left;
		margin:0 1px 0 0;
		padding:0px;
		display:block;		
	}
#menu ul li a.menu
	{
		width:76px;
		height:26px;
		float:left;
		margin:0px;
		padding:7px 0 0 0;
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		text-decoration:none;
		background-image:url(images/layout/menu.jpg);
		background-repeat:no-repeat;
	}	
#menu ul li a.menu:hover
	{
		width:76px;
		height:26px;
		float:left;
		margin:0px;
		padding:7px 0 0 0;
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		text-decoration:none;
		background-image: url(images/layout/menuover.jpg);
		background-repeat:no-repeat;		
	}


/*-------------------------------------------------------------------------------------HEADERPART--------------------------------------------------END--------------------------------------*/	
 .wrapper {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -4em;
 }

#contentbg
	{
		width:100%;
		float:left;
		margin:0px;
		padding:0px;
	}
#contentblank
	{
		width:1004px;
		float: none;
		margin:0 auto;
		padding:0px;
	}		
#content
	{
		width:1004px;
		float: left;
		margin:0px;
		padding:0px;
	}
#contentleft
	{
		width:190px;
		float: left;
		margin:0px;
		padding:34px 0 33px 52px;
	}
#leftheading
	{
		width:180px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		color:#7e8901;
	}
#leftheading h4
	{
		width:216px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		font-weight:normal;
		color:#7e8901;
	}
.lefttxtblank
	{
		width:195px;
		height:77px;
		float: left;
		margin:20px 0 0 0;
		padding:0px;
	}
.lefttxtblank02
	{
		width:195px;
		height:77px;
		float: left;
		margin:33px 0 0 0;
		padding:0px;
	}

.leftboldtxtblank
	{
		width:150px;
		height:34px;
		float: left;
		margin:0px;
		padding:0 0 0 9px;
	}
.leftboldtxt
	{
		width:147px;
		height:13px;
		float: left;
		margin:0px;
		padding:0 0 0 3px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#b22d00;
	}
.lefttxt
	{
		width:132px;
		height:13px;
		float:left;
		margin:0px;
		padding:0 0 0 18px;
		font-family:Arial;
		font-size:9px;
		font-weight: normal;
		color:#464646;
		background-image:url(images/layout/lefttxtbg.jpg);
		background-repeat:no-repeat;
	}
.leftnormaltxt
	{
		width:194px;
		float:left;
		margin:4px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		font-weight: normal;
		color:#464646;
	}
.morebutton
	{
		width:194px;
		float:left;
		margin:7px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		font-weight: normal;
		color:#464646;
	}
.more
	{
		font-family:Arial;
		font-size:11px;
		font-weight: normal;
		color:#a5122a;
		text-decoration:none;
	}
.more:hover
	{
		font-family:Arial;
		font-size:11px;
		font-weight: normal;
		color:#a5122a;
		text-decoration: underline;
	}
#leftnavheading
	{
		width:180px;
		float: left;
		margin:35px 0 0 0;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		color:#7e8901;
	}
#leftnavheading2
	{
		width:180px;
		float: left;
		margin:35px 0 0 0;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		color:#7e8901;
	}



#leftnavheading h4
	{
		width:180px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		font-weight:normal;
		color:#7e8901;
	}
#leftnavheading2 h4
	{
		width:180px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		font-weight:normal;
		color:#7e8901;
	}
#leftnav
	{
		width:180px;
		float: left;
		margin:0px;
		padding:0px;
	}
#leftnav ul
	{
		width:180px;
		float: left;
		margin:0px;
		padding:0px;
		display:block;
	}
#leftnav ul li
	{
		width:180px;
		height:21px;
		float: left;
		margin:0px;
		padding:0px;
		display:block;		
	}
#leftnav ul li a.leftnav
	{
		width:175px;
		height:18px;
		float: left;
		margin:0px;
		padding:3px 0 0 19px;
		font-family:Arial;
		font-size:12px;
		font-weight: normal;
		color:#464646;
		text-decoration:none;
		background-image:url(images/layout/leftnavactive.jpg);
		background-repeat:no-repeat;
	}
#leftnav ul li a.leftnav:hover
	{
		width:175px;
		height:18px;
		float: left;
		margin:0px;
		padding:3px 0 0 19px;
		font-family:Arial;
		font-size:12px;
		font-weight: bold;
		color:#b22d00;
		text-decoration:none;		
		background-image:url(images/layout/leftnavactive.jpg);
		background-repeat:no-repeat;
	}
#leftnav ul li a.leftnavbot
	{
		width:175px;
		height:18px;
		float: left;
		margin:0px;
		padding:3px 0 0 19px;
		font-family:Arial;
		font-size:12px;
		font-weight: normal;
		color:#464646;
		text-decoration:none;		
		background-image:url(images/layout/leftnavbot.jpg);
		background-repeat:no-repeat;
	}
#leftnav ul li a.leftnavbot:hover
	{
		width:175px;
		height:18px;
		float: left;
		margin:0px;
		padding:3px 0 0 19px;
		font-family:Arial;
		font-size:12px;
		font-weight: bold;
		color:#b22d00;
		text-decoration:none;		
		background-image:url(images/layout/leftnavbot.jpg);
		background-repeat:no-repeat;
	}
/*-------------------------------------------------------------------------------------LEFTRPART----------------------------------------------------------------END--*/	
#contentmid
	{
		width:450px;
		float:left;
		margin:0px;
		padding:0px 0 33px 34px;
		background-image:url(images/layout/vline.jpg); 
		background-repeat:repeat-y; 
	}
#contentgb
	{
		width:700px;
		float:left;
		margin:0px;
		padding:0px 0 33px 34px;
		background-image:url(images/layout/vline.jpg); 
		background-repeat:repeat-y; 
	}
.midheading
	{
		width:450px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:12px;
		font-weight: bold;
		color:#7e8901;
		text-align: center;
	}
.midheading h2
	{
		width:450px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:28px;
		font-weight:normal;
		color:#7e8901;
	}
.midtxt
	{
		width:400px;
		float: left;
		margin:22px 0 0 0;
		padding:0px;
		font-family: Arial;
		font-size:12px;
		color:#464646;
	}
.midboldtxt
	{
		font-family: Arial;
		font-size:12px;
		font-weight:bold;
		color:#b22d00;
	}

.projectheading
	{
		font-family:Georgia;
		font-size:12px;
		color:#c0943c;
		padding:0 0 0 14px;
	}


#whbg
	{
		width:470px;
		height:184px;
		float:left;
		margin:10px 0 10px 0;
		padding:0px;
		background-image:url(images/layout/projecttausta.jpg);
		background-repeat:no-repeat;
	
	}
.whbg
	{
		width:470px;
		height:184px;
		float:left;
		margin:10px 0 10px 0;
		padding:0px;
		background-image:url(images/layout/projecttausta.jpg);
		background-repeat:no-repeat;
	
	}
#pentuebg
	{
		width:467px;
		height:368px;
		float:left;
		margin:10px 0 10px 0;
		padding:0px;
		background-image:url(images/layout/pentuetausta.jpg);
		background-repeat: no-repeat;

	}
.pentuetxt
	{
		width:200px;
		float:left;
		margin:10px 5px 0px 15px;
		padding:0 0 0 0;
		font-family:Arial;
		font-size:10px;
		color:#464646;
		text-align: center;
	}

.pentuesukutxt
	{
		width:460px;
		float:left;
		margin:5px 1px 1px 1px;
		padding:0 0 0 0;
		font-family:Arial;
		font-size:10px;
		color:#464646;
		text-align: center;
	}



#whpic
	{
		width:200px;
		height:154px;
		float:left;
		margin:10px 10px 5px 10px;
		padding:2px;
		display: block;
		background-color: #f0f0f0;
		border:solid 1px #636233;
	}
.whpic
	{
		width:200px;
		height:154px;
		float:left;
		margin:10px 10px 5px 10px;
		padding:2px;
		display: block;
		background-color: #f0f0f0;
		border:solid 1px #636233;
	}



.pentuepic
	{
		width:200px;
		height:154px;
		float:left;
		margin:10px 10px 0px 15px;
		padding:2px;
		display: block;
		background-color: #f0f0f0;
		border:solid 1px #636233;
	}

.photo {
	padding: 3px;
	display: block;
	margin: 0 auto 15px auto;
	background-color: #F6EFDC;
	border: 1px solid #636233;
	}



#projectthumnail
	{
		width:130px;
		height:117px;
		float:left;
		margin:15px 0 0 15px;
		padding:0px;
		border:solid 3px #ebd693;
		
	}
#whblank
	{
		width:219px;
		float:left;
		margin:10px 0 0 0;
		padding:15px 0 0 0;
	}
.whblank
	{
		width:219px;
		float:left;
		margin:10px 0 0 0;
		padding:15px 0 0 0;
	}
#whtxt
	{
		width:240px;
		float:left;
		margin:0px;
		padding:0 0 0 0;
		font-family:Arial;
		font-size:10px;
		color:#464646;
	}
.whtxt
	{
		width:240px;
		float:left;
		margin:0px;
		padding:0 0 0 0;
		font-family:Arial;
		font-size:10px;
		color:#464646;
	}
.whboldtxt
	{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#853008;
		text-align: center;
	}
#whmore
	{
		width:194px;
		float:left;
		margin:0px;
		padding:5px 0 0 25px;
text-align: right;
	}
.whmore
	{
		width:194px;
		float:left;
		margin:0px;
		padding:5px 0 0 25px;
		text-align: right;
	}
.whmore
	{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#464646;
		text-decoration:none;
		
	}

#links	{
		width:206px;
		float:left;
		margin:0px;
		padding:0 0 0 0;
		font-family:Arial;
		font-size:12px;
		color:#464646;
text-decoration:none;
	}


.links:hover
	{
		font-family: Arial;
		font-size:12px;
		color:#8b2c00;
		text-decoration: none;
	}




.moreproject:hover
	{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#464646;
		text-decoration: underline;
	}

/*-------------------------------------------------------------------------------------MIDPART------------------------------------------------------------END---------*/		
#contentright
	{
		width:230px;
		float: left;
		margin:0px;
		padding:20px 0 20px 20px;	
	
	}
.rightheading
	{
		width:180px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		color:#7e8901;
	}
.rightheading h4
	{
		width:180px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		font-weight:normal;
		color:#7e8901;
	}
#galleryblank
	{
		width:180px;
		float:left;
		margin:21px 0 0 0;
		padding:0px;
	}

.righttxt
	{
		width:200px;
		float:left;
		margin:21px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:12px;
		color:#464646;
	}
.rightboldtxt
	{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#b22d00;
	}
/*--------------------------------------------------------------CONTENTPART-------------------------------------------------END--------------------------------------------------------------*/	
 #footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	background-image: url(images/layout/footertausta.jpg);
	background-repeat:repeat-x;
	clear:both;
	padding:0px;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	color:#F4E7BD;
	text-align:center;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.footertxt
	{
		width:184px;
		margin:10px 0 0 10px;
		padding:0px;
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
	}


#footerlinks
	{
		width:715px;
		float:left;
		margin:10px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:10px;
		font-weight:bold;
		color:#ee7e1f;
		text-align:center;
		text-decoration:none;
	}
.footerlinks
	{
		font-family:Arial;
		font-size:10px;
		font-weight:bold;
		color:#ee7e1f;
		text-align:center;
		text-decoration:none;
		padding:0 3px 0 3px;
	}
.footerlinks:hover
	{
		font-family:Arial;
		font-size:10px;
		font-weight:bold;
		color:#ee7e1f;
		text-align:center;
		text-decoration: underline;
		padding:0 3px 0 3px;		
	}
#copyrights
	{
		width:715px;
		float:left;
		margin:5px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:10px;
		color:#401400;
		text-align:center;
	}
#designedby
	{
		width:715px;
		float:left;
		margin:5px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:10px;
		font-weight:bold;
		color:#CCB576;
		text-align:center;
	}
.designedby
	{
		font-family:Arial;
		font-size:10px;
		font-weight:bold;
		color:#BB6D4F;
		text-align:center;
		text-decoration:none;
	}
.designedby:hover
	{
		font-family:Arial;
		font-size:10px;
		font-weight:bold;
		color:#BB6D4F;
		text-align:center;
		text-decoration:none;
		}