h2 {
	color:#2768a2;
	margin-bottom:12px;
}

ul {
	margin-left:24px;
	margin-bottom:20px;
}


.left {float:left; margin:0 12px 20px 0;}


/*--HOME--*/
#intro {
	width:450px;
	margin:10px;
	float:left;
	text-align:left;
	font-family:Futura;
	padding:0 0 18px 0;
	height:200px;
}

#intro h1 {
	font-size:18px;
	color:#26689f;
}

#intro p {
	font-size:14px;
	margin:8px 16px 8px 16px;
	text-align:left;
	color:#404040;
}


#services {
	width:840px;
	margin:0 auto;
	background-color:#f3f3f3;
}

#services h1 {
	color:#407eb9;
	font-size:16px;
	text-align:center;
	margin:12px;
}

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

.service {
	width:210px;
	height:200px;
	float:left;
	background-color:#f3f3f3;
	background-image:url(../images/bg_service.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.servicert {
	width:210px;
	height:200px;
	float:left;
	background-color:#f3f3f3;
	background-image:url(../images/bg_servicert.jpg);
	background-repeat:no-repeat;
	background-position:top;

}

.heading {
	margin-top:12px;
	height:64px;
}

.desc {
	text-align:left;
	margin:10px;
	padding:0;
}

.desc ul {
	margin:10px;
	padding:0;
}

#services a:link {color:#0e9dcc;text-decoration:none; outline:none;}
#services a:visited {color:#0e9dcc;text-decoration:none; outline:none;}
#services a:hover, #services a:focus {color:#9fd914;text-decoration:none; outline:none;}



#announcements {
	width:400px;
	float:left;
	margin:16px;
	
}

.announcement {
	padding:8px 0 8px 0;
	margin-bottom:16px;
	color:#e3e3e3;
	background-image:url(../images/bg_announcement.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

.title {
	font-weight:bold;
	font-size:12px;
}

#featured {
	float:right;
	width:320px;
	height:180px;
	margin:16px;
	background-image:url(../images/bg_box.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	padding:0 0 18px 0;
}

#featured img {
	float:left;
}

#featured p {
	float:right;
	width:150px;
	text-align:left;
	margin:14px 6px 0 0;
	font-weight:bold;
}

#featured a:link {color:#ffffff; text-decoration:none; outline:none;}
#featured a:visited {color:#ffffff; text-decoration:none; outline:none;}
#featured a:hover, #featured a:focus {color:#ffffff; text-decoration:underline; outline:none;} 





/*--PORTFOLIO PAGE--*/

#desc_portfolio {
	text-align:left;
	width:260px;
	float:left;
	margin-left:20px;
	background-image:url(../images/bg_portfolio.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

#gallery {
	width:524px;
	float:right;
}

.gallery_item {
	width:250px;
	float:left;
	margin:0 6px 12px 6px; 
}


/*--SERVICES PAGE--*/
#desc_services {
	text-align:left;
	width:260px;
	float:left;
	margin-left:20px;
	background-image:url(../images/bg_services.jpg);
	background-position:top right;
	background-repeat:no-repeat;

}

.service_heading {
	font-weight:bold;
	font-size:1.1em;
}

#services_detail {
	width:524px;
	float:right;
	margin:0 10px 0 0;
}


.services_detail {
	width:480px;
	height:190px;
	margin:0;
	padding:30px 120px 0 20px;
	background-image:url(../images/bg_services_detail.jpg);
	background-repeat:no-repeat;
}


/*--PRODUCTS PAGE--*/
#desc_products {
	text-align:left;
	width:260px;
	float:left;
	margin-left:20px;
	background-image:url(../images/bg_products.jpg);
	background-position:top right;
	background-repeat:no-repeat;

}


#products_detail {
	width:524px;
	float:right;
	margin:0 10px 0 0;
}



.products_detail {
	width:480px;
	height:440px;
	margin:0;
	padding:30px 120px 0 20px;
	background-image:url(../images/bg_products_detail.jpg);
	background-repeat:no-repeat;
}

.bold {
	font-weight:bold;
	color:#65727d;
}

#extra {
	width:440px;
	margin:0 auto;
}

#extra li {
	margin-bottom:0.2em;
}
.products_detail li {
	margin-bottom:1.2em;
}


/*--SUPPORT--*/

#support {
width:420px;
float:left;
margin:10px 0 10px 20px;
}

#contact_info {
color:#fefefe;
width:320px;
height:180px;
float:right;
margin:10px 0 10px 0;
padding:10px;
background-image:url(../images/bg_contact.jpg);
background-repeat:no-repeat;
}

#contact_info a:link {color:#ffffff; text-decoration:none; outline:none;}
#contact_info a:visited {color:#ffffff; text-decoration:none; outline:none;}
#contact_info a:hover, #contact_info a:focus {color:#ffffff; text-decoration:underline; outline:none;} 

form {
width:300px;
margin:0 auto;	
}

input {
	padding:0;
	margin-bottom:0.5em;
	padding:1px;
	border:1px solid #cac6be;
	width:190px;
}

textarea {
	padding:1px;
	height:40px;
	width:275px;
	border:1px solid #cac6be;
}

label {
	clear:both;
	display:block;
	float:left;
	width:80px;
	text-align:left;
	padding-right:4px;
	margin-bottom:0.5em;
	font-size:1em;
	line-height:1.5em;
	font-style:normal;
}

#submit {
	width: 100px;
	height: 20px;
	float:right;
	margin:4px 22px 2px 0;
	background-image:url(../images/button_submit.png);
	background-repeat:no-repeat;
	color:#8a8a8c;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	border:none;
	background-color:transparent;
}


#success {
	width:420px;
	margin:0 auto;
	padding:40px 0 40px 0;
	font-size:1.4em;
	text-align:center;
}

#success h2 {
	text-align:center;
}