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

html {
	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*/





/*structure manin navigation*/

#mainNavigation{	
	float:right;
	margin-top:47px;
	margin-right:20px;
	width:420px;
	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:100px;
	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:10px;
	background:#eaf7fa;
	font-family:Helvetica, sans-serif, Arial;
	font-size:12px;
	color:#929a9c;


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

#footerInsideLegal a:visited{
		color: #2e6d99;


	text-decoration:none;
	
	
}

#footerInsideLegal a:link{
		color: #2e6d99;


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

#footerInsideLegal a:hover{
	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: #2e6d99;
	/*padding-bottom:10px;
	border-bottom:1px dotted #cccece;*/
	padding-top:15px;
	border-top:1px dotted #cccece;
	
}

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


	text-decoration:none;
	
	
}

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


	text-decoration:none;
	
	
}
#section_content h2 a:active{
	color: #2e6d99;
	text-decoration:underline;
	
}

#section_content h2 a:hover{
	color: #2e6d99;
	text-decoration:underline;
	
}

#section_content h2 span{
		color: #6d8387;

	
	
}



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


#section_content a:visited {
	
	color: #2e6d99;
	text-decoration:none;
	
}


#section_content a:link {
	
	color: #2e6d99;
	text-decoration:none;
	
}

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



#section_content a:hover{
	
	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 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{	
	
	display:block;
	width:78px;
	height:24px;
	text-indent: -9999px;
	text-decoration: none;
	background: transparent url(../images/btn_contact_submit.gif);
	border: none;
}
#submit:hover{		
	background-position: 0 -24px;
}


/*Browse porffolio*/

/*colors*/

.blue{

color:#2e6d99;
}

.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;
}
.HeaderButtonOne{
	width:95px;
	height:20px;
	background-color:#089ae5;
	font-size:12px;font-weight:bold;
	font-family:Arial;
	color:#FFFFFF;
	text-align : center;
	float : left;
	padding-top:4px;
	text-decoration:none;
}
.HeaderButtonTwo{
	width:95px;
	height:20px;
	background-color:#2d6d99;
	font-size:12px;font-weight:bold;
	font-family:Arial;
	color:#FFFFFF;
	text-align : center;
	float : left;
	padding-top:4px;
	text-decoration:none;
}
.HeaderButtonOne:hover{
	width:95px;
	height:20px;
	background-color:#2d6d99;
	font-size:12px;font-weight:bold;
	font-family:Arial;
	color:#FFFFFF;
	text-align : center;
	float : left;
	padding-top:4px;
	text-decoration:none;
}