@charset "UTF-8";
/* CSS Document */

/**********************

CSS Document

Coded by: Kristofer Henry / BLACKCAPstudio
khenry@blackcapstudio.com

Thanks Kefan for the help: Kefan Xie
xiekefan@gmail.com

**********************/

body {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#wrapper {
	width: 1098px; 
	margin: auto; 
}

/**********************

Header

**********************/

#header {
	padding-top: 20px; 
}

/**********************

Navigation

**********************/

#navi {
	width: 1010px; 
	margin: 0px auto 0; 
	border-top: 1px solid #333; 
}

#navi {
	position: relative;  
	width: 1010px; 
	height: 25px; 
}

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

#navi ul li {
                float: left;
                padding: 2px 20px 5px 0px;
}

#navi ul li a {
                float: left;
                display: block;
                height: 16px;
                font: normal 14px "arial";
                color: #000000
}

#navi ul li a {
	color: #333;
}
#navi ul li a:link {
	color: #333;
}
#navi ul li a:visited {
	color: #333;
}
#navi ul li a:hover {
	background-color: #e1771e; color: #fff; text-decoration: none;
}
#navi ul li a:active, A:focus {background-color: #FF9900; color: #fff; text-decoration: none;
}

/**********************

Content

**********************/

#content {
	position: relative; 
	width: 1010px; 
	font: normal 12px "arial";
	padding: 0px 0px 0px 2px;
	margin: auto; 
}

*main_block {
	float: left;
	height: 202px;
	width: 1010px;
}

*main_block p {
	float: left;
	font: normal 12px "arial";
	color: #000000;

}

#services_block h3 {
	padding: 0px;
	margin: 10px 0 0; 
	font: bold 20px "arial"; 
	color:#e1771e; 
}

#services_block h4 {
	padding: 0px;
	margin: 10px 0 0; 
	font: bold 14px "arial"; 
	color:#e1771e; 
}


#services_block {
	width: 1015px; 
}

#s1 {
	float: left;
	width: 235px;
	list-style: none;
	font: normal 13px "arial"; 
	color: #333333;
}

#s2 a {
    color: #e1771e;
	font: normal 13px "arial";
}

#s2 {
	float: left;
	width: 235px;
	list-style: none;
	font: normal 13px "arial"; 
	color: #333333;
}

#s3 a {
    color: #333333;
	font: normal 13px "arial";
}

#s3 {
	float: left;
	width: 235px;
	list-style: none;
	font: normal 13px "arial narrow italic"; 
	color: #333333;
}


#s4 a {
	color: #333333;
	font: normal 13px "arial";
}

#s4 {
	float: right;
	width: 225px;
	font: normal 12px "arial"; 
	color: #333333;
}

#pic_block1 {
	float: left;
}

#joe_block p { 
	display: block; 
}

#joe_block {
	clear:both;
	float: left;
	height: 173px;
	list-style: none;
	font: normal 12px "arial"; 
	color: #333333;
}

#pic_block2 {
	float: left;
}

#amber_block {
	clear: both;
	float: right;
	width: 1010px;
	list-style: none;
	font: normal 12px "arial"; 
	color: #333333;
}



/**********************

Footer

**********************/

#footer {
	width: 1010px; 
	margin: 10px auto 0; 
	border-top: 1px solid #333; 
}

#footer p { 
	float: right; 
	margin: 0; 
	padding: 5px;
	font: normal 0.8em "arial narrow"; 
	color: #333; 
} 

#footer a { 
	float: left;
	margin: 0; 
	padding: 5px;
	font: normal 0.8em "arial narrow"; 
	color: #333;
} 

/**********************

Miscellaneous

**********************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */