body, ul, ol, li, p, h1, h2, h3, h4, h5, form {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #76726d;
	background-color: #fffcd5;
}
a img, img {
	border: none;
	}
a:active,a:focus {
   outline:none;
   border: none;
   color: #00acb2;
}
a{
	color: #00acb2;
	text-decoration: none;
}
a:hover, #active a{
	color: #007477;
}
.header {
	background-image: url(../pics/header.png);
	background-repeat: repeat-x;
	height: 348px;
	width: 100%;
	background-color: #1c1b19;
}
.header_container{
	background-image: url(../pics/wave.png)!important;
	.background-image: url(../pics/wave.gif);
	background-repeat: no-repeat;
	height: 348px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-position: center top;
}
.header_container2, .content_container, .footer_container2{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.header_container2 {
	height: 348px;
	position: relative;
	}
.header_container2 .portfolio{
	background-image: url(../pics/portfolio.png)!important;
	.background-image: url(../pics/portfolio.gif);
	height: 473px;
	width: 471px;
	position: absolute;
	top: 138px;
	right: -45px;
	z-index: 100;
}
.header_container2 .portfolio #slider{
	margin: 20px;
}
.header_container2 #slider2{
	background-image: url(../pics/about.png)!important;
	.background-image: url(../pics/about.gif);
	height: 106px;
	width: 225px;
	background-repeat: no-repeat;
	position: absolute;
	left: 232px;
	top: 392px;
	text-align: center;
}
.header_container2 #arrow{
	background-image: url(../pics/arrow.png)!important;
	.background-image: url(../pics/arrow.gif);
	height: 17px;
	width: 10px;
	position: absolute;
	left: 456px;
	top: 407px;

}
#slider2 h4, .hp_projects h4, .project h4{
	font-size: 11px;
	font-weight: bold;
	color: #76726d;
	text-transform: uppercase;
	margin-top: 0px;
}
.hp_projects h4, .project h4{
	color: #B8B5B1;
}
#slider2 p, .hp_projects p, .project p{
	font-size: 11px;
}
.header_container .logo{
	height: 71px;
	width: 211px;
	position: absolute;
	left: 0px;
	top: 33px;
}
.header_container .topmenu{
	height: 19px;
	width: 57px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.topmenu li{
	display: inline;
	height: 19px;
	width: 19px;
	list-style-type: none;
	float: left;
	}
.topmenu li a{
	font-size: 10px;
	font-weight: bold;
	background-image: url(../pics/topmenu.png)!important;
	.background-image: url(../pics/topmenu.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 15px;
	color: #FFFFFF;
	display: block;
	padding-top: 3px;
	padding-left: 4px;
}
.topmenu a:hover, .topmenu #active a, .menu #active a, .header_container .calltoaction1 a:hover, .header_container .calltoaction2 a:hover, .header_container .calltoaction3 a:hover, .hp_contact #submit:hover, .previous_next .previous a:hover, .previous_next .next a:hover {
	color: #262422;
}
.topmenu #active a{
	background-image: url(../pics/topmenu_active.png)!important;
	.background-image: url(../pics/topmenu_active.gif);
}
.header_container .menu{
	text-align: right;
	height: 36px;
	position: absolute;
	top: 71px;
	right: 0px;
	font-size: 24px;
	text-transform: lowercase;
}
.menu li{
	display: inline;
	height: 36px;
	float: left;
}
.menu li a {
	display: inline;
	height: 33px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	margin-left: 10px!important;
	.margin-left: 0px;
	float:left;
}
.menu li a:hover {
	color: #fffcd5;
}
.menu #active a{
	background-image: url(../pics/menu_active.png)!important;
	.background-image: none;
	background-repeat: repeat-x;
	padding-right: 0px;
	padding-left: 0px;
	color: #262422!important;
	.color: #FFFFFF;
}
.menu #menuleft, .menu #menuright  {
	background-image: url(../pics/menu_active_left.png)!important;
	.background-image: none;
	height: 36px;
	width: 10px;
	background-repeat: no-repeat;
	float: left;
}
.menu #menuright {
	background-image: url(../pics/menu_active_right.png)!important;
	.background-image: none;
}
.menu #menuleft {
	margin-right: -10px;
	margin-left: 10px;
	}
.header_container #fr {
	width: 508px!important;
	.width: 478px;
}
.header_container .menu #rss{
	float: left;
	width: 16px;
	margin-top: 7px;
	margin-left: -3px;
	font-size: 12px;
}
.header_container .intro{
	width: 450px;
	padding-top: 130px;
	font-size: 14px;
	color: #ffffff;
}
.header_container .header_container2 #long  {
	width: 650px;
}
.header_container h1{
	font-size: 24px;
	font-weight: bold;
	color: #fffcd5;
}
.header_container h2{
	font-size: 18px;
	margin-bottom: 10px;
}
.header_container .calltoaction1 a, .header_container .calltoaction2 a, .header_container .calltoaction3 a{
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../pics/calltoaction1.png)!important;
	.background-image: url(../pics/calltoaction1.gif);
	height: 37px;
	width: 204px;
	position: absolute;
	left: 0px;
	bottom: -30px;
	display: block;
	text-align: right;
	padding-top: 17px;
	padding-right: 22px;
	text-transform: uppercase;
	background-repeat: no-repeat;
}

.header_container .calltoaction2 a{
	background-image: url(../pics/calltoaction2.png)!important;
	.background-image: url(../pics/calltoaction2.gif);
	left: 230px;
}
.header_container .calltoaction3 a{
	background-image: url(../pics/calltoaction3.png)!important;
	.background-image: url(../pics/calltoaction3.gif);
	right: 0px;
	left: auto;
}
.container {
	background-image: url(../pics/container.png);
	background-repeat: repeat-x;
	width: 100%;
}
.content_container{
	padding-top: 50px;
	min-height: 300px;
}
.content_container .hp_services {
	width: 210px;
}
.content_container h3, .hp_contact h3 {
	font-size: 16px;
	font-weight: bold;
	color: #262422;
	padding-bottom: 7px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.content_container h3, .hp_contact h3, .client {
	background-image: url(../pics/line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
.content_container ol {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 40px;
}
.content_container ol li {
	background-image: url(../pics/bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	list-style-type: none;
	margin-left: 3px;
	margin-top: 3px;
}
.content_container .hp_projects {
	height: 300px;
	width: 456px;
	margin-top: 10px;
}
.content_container .hp_projects #rss {
	float: right;
	margin-top: 3px;
	margin-right: 3px;
}
.content_container .hp_projects .project_left, .content_container .hp_projects .project_right, .related .project {
	background-image: url(../pics/project.png)!important;
	.background-image: url(../pics/project.gif);
	background-repeat: no-repeat;
	float: left;
	height: 106px;
	width: 225px;
	margin-bottom: 6px;
	text-align: center;
}

.content_container .hp_projects .project_left {
	margin-right: 6px;
}
.content_container .hp_projects #more{
	font-weight: bold;
	float: left;
	margin-top: 10px;
}
.hp_contact {
	height: 250px;
	width: 400px;
	position: absolute;
	top: 585px;
	right: -12px;
	background-image: url(../pics/hp_contact.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 20px;
}
.hp_contact label {
	font-size: 13px;
	font-weight: bold;
	width: 77px;
	float: left;
	margin-bottom: 10px;
}
.hp_contact input, .hp_contact textarea {
	float: left;
	background-color: #FFFFFF;
	background-image: none;
	height: 16px;
	width: 307px;
	border: 1px solid #d3d0a8;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #76726d;
	padding: 3px;
}
.hp_contact input:focus, .hp_contact textarea:focus {
	border: 1px solid #00acb2;
}
.hp_contact textarea {
	height: 70px;
	overflow: auto;
	}
.hp_contact #more{
	float: left;
	margin-top: 3px;
	margin-left: 77px;
}
.hp_contact #submit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(../pics/send.png);
	background-repeat: no-repeat;
	float: left;
	height: 25px;
	width: 85px;
	background-color: transparent;
	border-style: none;
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	margin-left: 177px;
}
.beforefooter{
	background-image: url(../pics/beforefooter.png);
	background-repeat: repeat-x;
	height: 40px;
	width: 100%;
}
.footer {
	background-image: url(../pics/footer.png);
	background-repeat: repeat-x;
	height: 97px;
	width: 100%;
	background-color: #1c1b19;
}
.footer .footer_container{
	background-image: url(../pics/footer_container.png)!important;
	.background-image: url(../pics/footer_container.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 97px;
	width: 100%;
}
.footer_container2 .logo{
	padding-top: 26px;
}
.footer_container2 .social{
	color: #fffcd5;
	font-size: 11px;
	margin-top: 7px;
}
.footer_container2 .social .item, .footer_container2 .social p {
	float: left;
	margin-left: 5px;
}
.footer_container2 .menu {
	margin-top: 45px;
	margin-bottom: -15px;
	text-transform: lowercase;
}
.footer_container2 .menu, .footer_container2 .about{
	color: #fffcd5;
	float: right;
	clear: right;
}
.footer_container2 #active a{
	background-image: none!important;
	color: #fffcd5!important;
}
.footer_container2 .menu a, .footer_container2 #active a{
	padding-right: 3px;
	padding-left: 3px;
}
#page{
	height: 200px;
}
.shadow {
	background-image: url(../pics/shadow.png)!important;
	.background-image: none;
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
}
.client {
	padding-bottom: 25px;
	margin-bottom: 20px;
}
.client .client_pic {
	border: 5px solid #FFFFFF;
	height: 240px;
	width: 390px;
}
.client .client_desc {
	width: 480px;
	height: 240px;
	float: right;
}
.client .client_desc .client_logo {
	background-image: url(../pics/about2.png)!important;
	!background-image: url(../pics/about2.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 80px;
	width: 224px;
	padding-top: 6px;
	padding-left: 10px;
}
.client .client_about {
	padding-left: 12px;
}
.client h3{
	font-size: 12px;
	font-weight: bold;
	color: #1d1b1a;
	background-image: none;
	margin-top: 20px;
	margin-bottom: -5px;
}
.client h4{
	font-size: 11px;
}
.client p{
	color: #1d1b1a;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 40px;
}
.more {
	font-size: 11px;
	color: #76726d;	
}
.previous_next {
	padding-bottom: 30px;
}
.previous_next .previous , .previous_next .next   {
	height: 25px;
	width: 85px;
	float: right;
	margin-right: 5px;
}
.previous_next .previous a , .previous_next .next a   {
	height: 15px;
	width: 75px;
	display: block;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding: 5px;
	background-image: url(../pics/previous.png);
	background-repeat: no-repeat;	

}
.previous_next .previous a {
	text-align: right;
}
.previous_next .next a  {
	background-image: url(../pics/next.png);
}
#noborder {
	background-image: none;
	margin-bottom: 0px;
}
.content_container .related {
	background-image: url(../pics/related.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 240px;
	width: 900px;
	margin-top: -35px
}
.related .project {
	margin-top: 22px;
}
.related .project, .content_container .service_description {
	margin-right: 38px;
	margin-left: 38px;
	float: left;
	width: 225px;
}
.related #last {
	margin-right: 0px;
}
.related h5 {
	font-size: 16px;
	font-weight: bold;
	color: #262422;
	margin-left: 38px;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 10px;
}
.content_container .services {
	float: right;
	height: 129px;
	width: 283px;
	margin-top: 10px;
	margin-right: 80px;
}
.content_container .services_text {
	width: 450px;
	margin-top: 5px;
	font-size: 13px;
	text-align: justify;
	height: 150px;
}
.content_container .services_text p, .content_container .services_text ul {
	margin-top: 3px;
	margin-bottom: 3px;
}
.content_container .services_text li, .service_description li {
	background-image: url(../pics/bullet.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 10px;
	list-style-type: none;
}
.service_description h3{
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
	color: #76726d;
	background-image: none;
}
#related_services {
	height: 280px;
	margin-top: 40px;
}
#page_contact {
	top: 250px;
	height: 345px;
}
.content_container .contact {
	height: 450px;
	width: 450px;
	background-image: url(../pics/line.png);
	background-repeat: repeat-x;
	background-position: center 113px;
}
.content_container .contact h4 {
	font-size: 14px;
	font-weight: bold;
	color: #1d1b1a;
	margin-bottom: 2px;
}
.content_container .contact .right {
	height: 72px;
	width: 205px;
	float: right;
	padding-left: 20px;
	background-image: url(../pics/vline.png);
	background-repeat: repeat-y;
	background-position: left;
	margin-top: -15px;
	padding-top: 15px;
}
.content_container .contact .map{
	border: 2px solid #00acb2;
	height: 212px;
	width: 444px;
	margin-top: 35px;
}
#logout {
	position: absolute;
	left: 0px;
	top: 0px;
}
#edit a, #logout a {
	color: #FFCC00;
}
.banner {
	height: 131px;
	width: 948px;
	margin-top: 15px;
	z-index: 10000;
	position: absolute;
}