* { padding: 0; margin: 0; }

body {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 13px;
 color:#5f5f5f;
 background: #d8dfe1  url(img/homepage-bg.jpg) repeat-x;
}

p {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 13px;
 color:#5f5f5f;
}

#wrapper { 
 margin: 0 auto;
 width: 720px;
}

#content {
 margin-bottom: 20px;
 width: 100%;
}

a {
	color: #934a14;
	text-decoration: none;
	border: none;
}
a img {
	border:none;
}

a:hover {
	color: #934a14;
	text-decoration: underline;
}

h1{
	font-size: 24px;
	color:#4e4d4d;
	margin-bottom: 10px;
}

h2{
	font-size: 18px;
	color:#4e4d4d;
	margin-bottom: 10px;
}
h3{
	font-size: 14px;
	color:#263263;
	margin-bottom: 10px;
}

h4{
	font-size: 12px;
	color:#4e4d4d;
	font-weight: bold;
	margin-bottom: 0px;
}

.hr{
	width:633px;
	height:3px;
	margin:20px 0;
	background: url(img/hr_header.jpg) no-repeat;
}

.clear { clear: both; background: none; }

/*---------------- Header ----------------------*/
#header {
 width: 720px;
 height: 100px;
 margin-bottom: 25px;
 background: transparent url(img/header-hr.png) no-repeat scroll left bottom;
}

#logo {
float: left;
margin-top: 20px;
background: url(/images/logo.png) top no-repeat;
}

#nav {
width: 300px;
height: 81px;
float: right;
margin: 5px 2px 0px 0px;
}

.hidden{
	display:none;
}

/*---------------- navigation----------------------*/


ul.iconmenu {
 list-style-type:none; 
 float:left; 
 display:block; 
 width:300px; 
 margin:0px; 
 background:none;}

ul.iconmenu li {
 display:inline;
 font-size:11px;
 font-weight:bold;
}

ul.iconmenu li.divider{
 width:1px;
 height:81px;
 display:block;
 float:left;
 background:url(img/icon-divider.jpg) no-repeat center;
}

a.iconnav:link, a.iconnav:visited {
 display:block; 
 float:left; 
 padding:15px 25px 0px 25px; 
 margin:0;
 text-decoration:none; 
 background:none; color:#FFFFFF;
}



/*---------------- Feature Area ----------------------*/
#featureArea { 
 width: 675px;
 height: 250px;
 clear: both;
 background:url(img/featureArea.png) no-repeat;
 margin: 0px 0px 10px 0px;
}

#featureArea p{ 
	font-size: 16px;
	font-weight: normal;
	color: #626262;
	float:right;
	width:305px;
	margin: 40px 70px 0 0;
	line-height: 18px;

}
#featureArea span{ 
	color:#444444;
	font-size: 21px;
	font-weight: bold;
}

/*---------------- My Experience ----------------------*/
#myExperience { 
 width: 310px;
 margin: 15px 0 30px 0;
 padding-right: 30px;
 border-right: 1px solid #bcc5cb;
 float:left;
}

#myExperience img { 
 float:left;
 margin:10px 10px 25px 10px;
}

#myExpertise { 
 width: 310px;
 margin: 15px 0 20px 10px;
 float:left;
}

#myExpertise img { 
 float:left;
 margin:10px 10px 25px 10px;
}

/*---------------- Home Bottom ----------------------*/


#services { 
float:left;
width:675px;
}

#services h2 { 
width:675px;
margin-bottom: 15px;
text-align: center;
}

#services img { 
 float:left;
 margin:5px;
}


.btml{ 
 width:175px;
 float: left;
 margin:0 0 0 2px;
}

.btmm{ 
width:175px;
 border-left:1px solid #bcc5cb;
 float: left;
 padding-left: 15px;
 margin:0 0 0 25px;
}

.btmr{ 
width:175px;
 border-left:1px solid #bcc5cb;
 float: left;
 padding-left: 15px;
 margin:0 0 0 25px;
}
/*---------------- left column ----------------------*/

#leftcolumn { 
 display: inline;
 width: 370px;
 float: left;
}

#leftcolumn p{ 
 margin-bottom: 10px;
}

#leftcolumn img{ 
 margin: 5px 10px 5px 0;
 float: left;
}

#content a img {
	border:2px solid #6a757f;
}

/*---------------- right column ----------------------*/

#rightcolumn { 
 display: inline;
 color: #444444;
 margin: 40px 10px 0px 0px;
 padding: 20px 5px 10px 15px;
 width: 265px;
 background: #d2dadc;
 border: 1px solid #cbd1d6;
 float: right;
}

.rspacer{
	height:1px;
	background: #cbd1d6;
	margin: 25px 0px;
}
	
.lefttxtblank{
		float: left;
		margin:10px 0 10px 0;
		padding:0px;
	}

.leftboldtxt{
		width:135px;
		float: left;
		margin:0px;
		padding:5px 0 0 5px;
		font-size:12px;
		font-weight:normal;
		color:#666;
	}

.lefticon{
		width:81px;
		height:65px;
		float: left;
		margin:0px;
		background-image:url(img/hireMe.png);
		background-repeat:no-repeat;
	}
	
.lefticon2{
		width:81px;
		height:65px;
		float: left;
		margin:0px;
		background-image:url(img/gmail-icon.png);
		background-repeat:no-repeat;
	}
.lefticon3{
		width:81px;
		height:65px;
		float: left;
		margin:0px;
		background-image:url(img/pdf-icon.png);
		background-repeat:no-repeat;
	}
	
.emailicon{
		width:39px;
		height:34px;
		float: left;
		margin:0px 20px;
		background-image:url(img/email-icon.png);
		background-repeat:no-repeat;
	}
	
.phoneicon{
		width:39px;
		height:34px;
		float: left;
		margin:0px 20px;
		background-image:url(img/phone-icon.png);
		background-repeat:no-repeat;
	}
.addressicon{
		width:39px;
		height:34px;
		float: left;
		margin:0px 20px;
		background-image:url(img/house-icon.png);
		background-repeat:no-repeat;
	}


/*---------------- Footer ----------------------*/
#footer { 
 width: 690px;
 height: 250px;
 clear: both;
 border-top: 1px solid #bcc5cb;
 background: url(img/footer-bg.jpg) repeat-x;
 margin: 50px 0px 10px 0px;
 padding: 10px;
}

#footer p {
	color:#848484;
}

#footer h4 {
	color:#6c6c6c;
}

#bl{
	width:345px;
	float:left;
	margin: 10px 0 20px 15px;
}

#br{
	width:125px;
	float:left;
	margin: 10px 0 20px 5px;
}

#bm{
	width:150px;
	float:left;
	margin: 10px 0 20px 35px;
}