
/* -----------------------------------------------------------------------------------*/
/* ---------------------------------->>> GLOBAL <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------*/

body{ font-size:62.5%; font-family:Helvetica, Arial, sans-serif; }

h1{
	color:#4F411C;
	font-size:1.8em;
	text-align:left;
}

h2{
	color:#4F411C;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
	text-align:left;
}

p{ 
	font-size:1.3em; 
	line-height:2em; 
	margin-bottom:15px; 
	text-align:justify;
	}

a{ 	
	color:#4F411C; 
	font-weight:bold; 
	text-decoration:none;
	}
a:hover{ background-color:#e5dfbb; }

li{ 
	background:url(../images/bullet_square.png) center left no-repeat; 
	font-size:1.2em;
	padding-left:12px; 
	text-align:left;
	}

/* -----------------------------------------------------------------------------------*/
/* ---------------------------------->>> LAYOUT <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------*/

#site{ 
	background:transparent url(../images/bkrnd.jpg) no-repeat top left;
	margin:50px auto;
	text-align:center;
  	width:963px; 
	}
	
#sidebar{
	display:inline;
	float:left;
	margin-left:156px;
	width:279px;
	}

#content{
	border-left:2px solid #28687b;
	color:#4F411C;
	display:inline;
	float:left;
	margin:310px auto 50px 50px;
	padding:0 60px 0 20px;
	width:390px;
	}


#footer {
	background:white url(../images/bkrnd.jpg) no-repeat bottom left;
	clear:both;
	height:40px;
	}
	#footer p{ color:#4F411C; font-size:1em; margin-top:15px;}
	#copyright{ float:left; display:inline; margin-left:156px; text-align:center; width:279px; }
	#contactInfo{ float:left; text-align:center; width:528px; }

/* -----------------------------------------------------------------------------------*/
/* -------------------------------->>> NAVIGATION <<<---------------------------------*/
/* -----------------------------------------------------------------------------------*/

#nav{ width:158px; margin: 40px auto; }
#nav li{ background:transparent; padding-left:0;}

#nav a{ display:block; width:158px; height:38px; text-indent:-999px; }
#nav a:hover, .active{ background-position:bottom left !important;}

#home	 	{ background:url(../images/nav_home.png);}
#profiles	{ background:url(../images/nav_profiles.png);}
#contact 	{ background:url(../images/nav_contact.png);}
#clients	{ background:url(../images/nav_clients.png);}
#experience	{ background:url(../images/nav_experience.png);}

/* -----------------------------------------------------------------------------------*/
/* ------------------------------------>>> FORMS <<<----------------------------------*/
/* -----------------------------------------------------------------------------------*/

#formStyle{}
	#formStyle form{ padding:15px; }
	#formStyle button{ float:right; margin:10px 30px;}
	#formStyle label{ float:left; text-align:right; font-size:1.3em; margin-right:5px; width:120px;}
	#formStyle input, textarea{ width:200px; border:1px solid #ccc;  margin-bottom:10px; padding:2px; float:left; }


.required{ font-weight:bold;}

.error{ background-color:#e3e0cb; color:#28687b; font-size:1.3em; padding:10px 20px; text-align:left;}
.error ul{ margin:15px auto; width:230px;}
.error li{ font-size:inherit; background:url(images/bullet_square_turq.png) left center no-repeat; }


/* -----------------------------------------------------------------------------------*/
/* ------------------------------>>> ACCENT CLASSES <<<-------------------------------*/
/* -----------------------------------------------------------------------------------*/

.shortP{ line-height:1.4em;}

.smallcaps li{ 
	color:#6E8878; 
	font-family:"Copperplate Gothic Bold";
	font-size:120%;  
	letter-spacing:.1em;
	 margin-bottom:5px; 
	}


.textheavy li{ 
	background-position:3px left;
	margin-bottom:15px;
	font-size:12px;
	}
		

.textheavy {
background-color:#e3e0cb;
padding:30px 30px 15px 30px;
}

.clientlist{
padding:0px 0px 10px 30px;
line-height:20px;
text-align:left;
}


