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

#template_wrapper{
margin-top:-270px;
}

#template_banner_bg{
width:100%;
height:130px;
background-color:#111;
position:relative;
z-index:1;
}

#template_banner{
width:950px;
height:123px;
position:relative;
top:140px;
z-index:1;
}

#content_topedge{
background:url(../images/content_topedge.jpg) repeat-x;
height:52px;
position:relative;
margin-top:143px;
}

.content_wrapper{
width:950px;
margin:0 auto;
position:relative;
margin-top:-39px;
}

h1.main_heading{
background:url(../images/heading_lines.jpg) no-repeat 0 0;
padding:40px 0 0 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:20px;
color:#73180b;
margin-bottom:35px;
}

/*--Template Content (Style:Left Menu, Content Right)--*/

#template_col1{
width:200px;
float:left;
}

#template_col1 ul{

background:url(../images/sidebar_seperator.jpg) no-repeat;
padding-top:1px;
}

#template_col1 li{
list-style:none;
background:url(../images/sidebar_seperator.jpg) no-repeat bottom left;
padding-bottom:1px;
}

#template_col1 li a{
text-decoration:none;
font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#939393;
display:block;
padding:8px 0 8px 25px;
}

#template_col1 li a:hover, #template_col1 li a.selected{
color:#390d0d;
background:url(../images/sidebar_highlight.jpg) repeat-y;
}

#template_col2{
margin-top:103px;
width:750px;
float:left;
}

/*--Portfolio Mods--*/
#template_col2_folio{
width:675px;
float:left;
padding-right:20px;
}

ul#folio_latest{
margin-left:17px;
}

ul#folio_latest li{
list-style:none;
margin-bottom:17px;
}

ul#folio_latest img{
float:left;
padding-right:21px;
}

*html ul#folio_latest a{
background-color:#000000;
background:url(*) no-repeat 6px 6px;
}

ul#folio_latest a{
text-decoration:none;
display:block;
height:163px;
padding:12px 12px 0 13px;
background:url(../images/portfolio_frame.png) no-repeat 6px 6px;
}



ul#folio_latest a span{
font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
color:#666;
}
ul#folio_latest a strong{
font-size:17px;
color:#444;
}

ul#folio_latest a:hover{
background-color:#eee;
}


#template_col1_folio{
overflow:visible;
width:250px;
float:left;
}

#template_col1_folio ul{

background:url(../images/portfolio_seperator.jpg) no-repeat;
padding-top:1px;
}

#template_col1_folio li{
list-style:none; 
background:url(../images/portfolio_seperator.jpg) no-repeat bottom left;
padding-bottom:1px;
}

#template_col1_folio li a{
text-decoration:none;
font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#939393;
display:block;
padding:8px 0 8px 33px;
}
#template_col1_folio li a:hover, #template_col1_folio li a.selected{

color:#390d0d;
background:url(../images/portfolio_highlight.jpg) repeat-y;
}



h1#portfolio_project_header {
padding:3px;
border-bottom:2px solid #eee;
font-size:17px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#010101;
font-weight:bold;
}
p#portfolio_project_desc {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
color:#5a5a5a;
padding:3px;
}
p#portfolio_project_desc i{
font-size:14px;
}

img#placeholder{
border:1px solid #ddd;
padding:8px;
}

#fullsize{
overflow:hidden;
}

#fullsize img{
margin:0 auto;
}

#desc{
display:none;
}
.rssImg{
width:78px;
padding:7px;
float:left;
}
.rssImg a{
display:block;
background-color:#777;
padding:4px;
}
.rssImg a:hover{
background-color:#ccc;
}
.rssThumbs{
background-color:#444;
margin-top:20px;
width:458px;
}


/*--Template Content (Style:Content Left, Notes Right)--*/

#template_col3{
width:750px;
float:left;
}

#template_col4{
margin-top:93px;
width:200px;
float:left;
}


/*--Global--*/

.content_wrapper{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
color:#5a5a5a;
}

h2.col2heading, h2.col_heading{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#010101;
font-weight:bold;
margin-bottom:20px;
}

.col1text, .col2text, .col3text, .col4text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
color:#5a5a5a;
}

.col1text, .col3text{padding:0 35px 0 17px;}
.col2text, h2.col2heading, .col4text{padding:0 0 0 17px;}

.col2text strong{font-weight:bold;}

img#asofia_logo{
float:left;
padding:0 30px 10px 0;
}

#template_col4 strong{
font-weight:bold;
font-size:14px;
color:#444;
}

#template_col2 ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
color:#5a5a5a;
margin-left:37px;
}



/*--Contact--*/
		
		.zemContactForm{
		background-color:#ddd;
		margin:0 0 0 17px;
		padding:22px;
		}
		
		.zemContactForm legend{
		display:none;
		}
		
		.zemContactForm label{
		display:block;
		font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#666;
		clear:left;
		margin-bottom:3px;
		}
		
		.zemSubmit{
		clear:both;
		float:right;
		padding:3px 5px 3px 5px;
		border:1px solid #aaa;
		}
		
		#Message{
		width:510px;
		height:178px;
		font-family:'MS Sans Serif', Arial, Helvetica, sans-serif;
		font-size:14px;
		border:1px solid #ccc;
		}
		
		#Name, #Email, #Phone, #Town{
		width:240px;
		height:17px;
		font-family:'MS Sans Serif', Arial, Helvetica, sans-serif;
		font-size:14px;
		border:1px solid #ccc;
		}
		#State, #Postcode{
		width:120px;
		height:17px;
		font-family:'MS Sans Serif', Arial, Helvetica, sans-serif;
		font-size:14px;
		border:1px solid #ccc;
		}
		#State{
		height:21px;
		}
		
		

		
		.zemContactForm input, textarea{
		float:left;
		margin:0 0 15px 0;
		}
		
		ul.zemError{
		margin-bottom:24px;
		padding:20px 20px 12px 25px;
		background-color:#fbf3de;
		font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
		font-size:13px;
		}
		
		.zemError li{
		list-style:none;
		margin-bottom:8px;
		color:#777;
		}
		
		.zemThanks{
		padding:20px 20px 20px 25px;
		background-color:#fbf3de;
		font-family:'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#777;
		}
		
		#contact_left{
		width:240px;
		float:left;
		}
		#contact_right{
		width:240px;
		padding-left:27px;
		float:left;
		}
		
		#contact_form{
		float:left;
		}
		
		#contact_righttext{
		float:left;
		padding-left:40px;
		}
		#contact_righttext a{
		text-decoration:none;
		color:#e9482e;
		}
		#contact_righttext a:hover{
		text-decoration:underline;
		}