html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#FFF;
	font-family: helvetica, sans-serif, arial;
	
	
	
}


/*structure for page*/

div#wrapper {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;

	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

/*branding - header*/

div#branding{

	width:100%;
	height:95px;
	background-color:#17272a;
	background:#17272a url(../images/vertical_repeat.jpg) 0 0 repeat-x;
}

div#brandingInside {

	width:944px;
	height:95px;
	margin: 0 auto;
	background:#17272a url(../images/visual_design_header.jpg) top center;
	
	
}

/*branding - logo*/
div#brandingInsideLogo {
	float:left;
	margin-top:25px;
	margin-left:60px;
	width:238px;
	height:57px;

	
}
	
#brandingInsideLogo a{
	display: block;
	width:238px;
	height:57px;

}
/*branding - rollover logo*/

#brandingInsideLogo a:link, #brandingInsideLogo a:visited{
	
	text-decoration: none;
	/*background-image: url("../images/visual_desing_logo.gif");*/
	background: transparent url("../images/manolo_bevia_logo.png");
	
	
}

#brandingInsideLogo a:hover, #brandingInsideLogo a:active{
	
	text-decoration: none;
	background: transparent url("../images/manolo_bevia_logo_rollover.png");
	
}

/*structure manin navigation*/

#mainNavigation{	
	float:right;
	margin-top:47px;
	margin-right:53px;
	width:452px;
	height:24px;
}

#mainNavigation ul{	
	list-style: none;
	margin: 0;
	padding: 0;



}

#mainNavigation li {	
	float:left;
	margin-right:3px;
}



/*rollover about*/

#mainNavigation li a.about{	
	display:block;
	width:78px;
	height:24px;
	text-decoration: none;
	background: transparent url(../images/visual_design_about.jpg);
}
#mainNavigation li a.about:hover{		
	background-position: 0 -24px;
}

/*rollover portfolio*/
#mainNavigation li a.portfolio{	
	display:block;
	width:95px;
	height:24px;
	text-decoration: none;
	background: transparent url(../images/visual_design_portfolio.jpg);
}
#mainNavigation li a.portfolio:hover{		
	background-position: 0 -24px;
}

/*rollover services*/
#mainNavigation li a.services{	
	display:block;
	width:95px;
	height:24px;
	text-decoration: none;
	background: transparent url(../images/visual_design_services.jpg);
}
#mainNavigation li a.services:hover{		
	background-position: 0 -24px;
}	


/*rollover client*/
#mainNavigation li a.clients{	
	display:block;
	width:83px;
	height:24px;
	text-decoration: none;
	background: transparent url(../images/visual_design_clients.jpg);
}
#mainNavigation li a.clients:hover{		
	background-position: 0 -24px;
}	
/*rollover contact*/
#mainNavigation li a.contact{	
	display:block;
	width:86px;
	height:24px;
	text-decoration: none;
	background: transparent url(../images/visual_design_contact.jpg);
}
#mainNavigation li a.contact:hover{		
	background-position: 0 -24px;
}	
	
		
#browse_project_title {
	display:block;
	width:255px;
	height:57px;
	margin-left:50px;
	background:#FFF url(../images/visual_design_browse_projects.gif) 0 0 no-repeat;
	
}

/*featured projects*/

#content {
	width:944px;
	
	margin:0 auto;
	margin-top:15px;
	padding:1em 1em 0px;  /*bottom padding for footer */
	background-color:#FFF;

}

#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	height:202px;
	background:#eaf7fa;
	
}
#footerInsideContent {
	position:relative;
	margin:0 auto;
	width:843px;
	height:140px;
	background:#eaf7fa;
	border-bottom:1px solid #d8e4e6;

}


#hire{
	float:left;	
	width:205px;
	height:88px;
	margin: 31px 0 0 14px;
	padding-right:23px;
	border-right: 1px solid #cbd9dc;
	
	
}

#hire a{
	display:block;
	width:205px;
	height:88px;
	background:#eaf7fa url(../images/visual_design_hire.gif) 0 0 no-repeat;
	
}
#hire a:hover{
	background:#eaf7fa url(../images/visual_design_hire_over.gif) 0 0 no-repeat;
	
}

#addr{
	float:left;	
	width:142px;
	height:88px;
	margin: 31px 0 0 19px;
	padding-right:23px;
	border-right: 1px solid #cbd9dc;
	
	
}

#addr a{
	display:block;
	width:142px;
	height:88px;
	background:#eaf7fa url(../images/visual_design_addr.gif) 0 0 no-repeat;
	
}

#elsewhere{
	float:left;	
	width:182px;
	height:88px;
	margin: 31px 0 0 15px;
	padding-right:24px;
	border-right: 1px solid #cbd9dc;
	
	
}



#elsewhere ul{	
	list-style: none;
	margin:0;
	padding:0;

}

#elsewhere li {	
	float:left;
}

#elsewhere li a{	
	display:block;

}
#elsewhere li a img{	
	border:0;
}


/*
#elsewhere li a.facebook{	
	width:105px;
	height:44px;
}

#elsewhere li a.flickr{	
	width:77px;
	height:44px;
}
#elsewhere li a.linkedin{	
	width:105px;
	height:44px;
}
#elsewhere li a.twitter{	
	width:77px;
	height:44px;
}

*/


#quote{
	float:left;	
	width:142px;
	height:88px;
	margin: 31px 0 0 19px;
	padding-right:23px;

	
	
}

#quote a{
	display:block;
	width:142px;
	height:88px;
	background:#eaf7fa url(../images/visual_design_quote.gif) 0 0 no-repeat;
	
}

#quote a:hover{
	background:#eaf7fa url(../images/visual_design_quote_over.gif) 0 0 no-repeat;
}


#footerInsideLegal {
	position:relative;
	margin:0 auto;
	padding-top:13px;
	width:843px;
	height:40px;
	background:#eaf7fa;
	font-family:Helvetica, sans-serif, Arial;
	font-size:12px;
	color:#929a9c;


}
#footerInsideLegal .legal{
	float:left;
	padding-top:5px;
	height:21px;
	
	
}

#footerInsideLegal a:link, #footerInsideLegal a:visited{
		color: #00a0e4;


	text-decoration:none;
	
	
}
#footerInsideLegal a:hover, #footerInsideLegal  a:active{
	color: #6d8387;
	text-decoration:underline;
	
}

#footerInsideLegal a.disclaimer{
	background:none;

 	color:#6d8387;
}






#footerInsideLegal .hosting{

	float:right;
	
}



#footerInsideLegal .hosting img{

	border:0;
	vertical-align:middle;
	margin-right:5px
}

.displace {
	position: absolute;
	left: -5000px;
}

/*clients page css rules*/

#section_content{
	margin:0;
	padding-left:61px;
	padding-right:50px;
	padding-bottom:150px;
	font-family: helvetica, sans-serif, arial;
	/*font-family: Corbel, helvetica, sans-serif, arial;*/

}
#section_content h1{
	font-size:20px;
	color: #6d8387;
}

#section_content h2{
	font-size:18px;
	color: #00a0e4;
	/*padding-bottom:10px;
	border-bottom:1px dotted #cccece;*/
	padding-top:15px;
	border-top:1px dotted #cccece;
	
}

#section_content h2 a:link, #section_content h2 a:visited{
		color: #6d8387;


	text-decoration:none;
	
	
}
#section_content h2 a:hover, #section_content h2  a:active{
	color: #00a0e4;
	text-decoration:underline;
	
}

#section_content h2 span{
		color: #6d8387;

	
	
}



#section_content p{
	font-size:16px;
	color: #6d8387;
	line-height: 1.4;
}


#section_content a:link, #section_content a:visited {
	
	color: #00a0e4;
	text-decoration:none;
	
}

#section_content a:hover, #section_content a:active{
	
	color: #6d8387;
	text-decoration:none;
	
}



/*rollover about*/

#mainNavigation li a.about_page{	
	display:block;
	width:78px;
	height:24px;
	text-decoration: none;
	background: transparent url(../images/visual_design_about.jpg);
	background-position: 0 -24px;
}

/*rollover portfolio*/

#mainNavigation li a.portfolio_page{	
	display:block;
	width:95px;
	height:24px;
	text-decoration: none;
	background: transparent url(../images/visual_design_portfolio.jpg);
	background-position: 0 -24px;
}

/*rollover client*/
#mainNavigation li a.clients_page{	
	display:block;
	width:83px;
	height:24px;
	text-decoration: none;
	background: transparent url(../images/visual_design_clients.jpg);
	background-position: 0 -24px;
}
	
/*rollover services*/
#mainNavigation li a.services_page{	
	display:block;
	width:95px;
	height:24px;
	text-decoration: none;
	background: transparent url(../images/visual_design_services.jpg);
	background-position: 0 -24px;
}

/*rollover contact*/
#mainNavigation li a.contact_page{	
	display:block;
	width:86px;
	height:24px;
	text-decoration: none;
	background: transparent url(../images/visual_design_contact.jpg);
	background-position: 0 -24px;
}


/*contact form*/


  

FIELDSET {
	border-style: none;
}

LEGEND {
	DISPLAY: none;
}

.form-elements{
	BORDER: #bfc8bc 1px dashed; 
	MARGIN: 0px; 
	WIDTH: 392px; 
	COLOR: #095f83; 
	PADDING: 0.5em; 
	font-size: 12px;


	
}
p.contact-form{
	color: #095f83;
}

label { 
	margin-top: 5px;
	width: 150px; 
	float: left; 

}

label em{

	font-weight: bold; 
	padding-right: 1em; 
	vertical-align: top; 
	color:#990000;
}

form.contact-form{
	padding-bottom: 100px;
}


/*rollover submit btn for contact*/

#submit-contact{
	margin-left:150px;
}


#submit-contact a{	
	
	display:block;
	width:78px;
	height:24px;
	text-decoration: none;
	background: transparent url(../images/btn_contact_submit.gif);
}
#submit-contact a:hover{		
	background-position: 0 -24px;
}


/*Browse porffolio*/

/*colors*/

.blue{

color:#00a0e4;
}

.book{
border:1px solid #999999;
margin-right:10px;
}

ul.services_offered{
	list-style: none;
	margin:0;
	padding:0;
	

}

ul.services_offered li{

	
	font-size:16px;
	color: #6d8387;
	line-height: 1.3;
}