/*### General All Purpose Styles ###*/
* {
	margin: 0;
	padding: 0;}
	
body {
	background-color: #00c0ff;
	background-image: url(Assets/bg_body.jpg);
	background-repeat: repeat-y;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif}
	
.clearfloat {
	clear: both;}
	
	
	
/*### Span Styles ###*/
.active{
	background-image: url(Assets/bg_active.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 30px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 5px;
	color: #fff;
	float: left;}
	
.inactive {
	background-image: url(Assets/bg_inactive.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 30px;
	padding-left: 9px;
	padding-right: 5px;
	padding-top: 2px;
	color: #fff;
	float: left;}
	
.footer_bullet {
	margin-right: 10px;
	font-size: 10px;
	font-weight: bold;}
	
.highlight {
	color: #5bceff;}
	
.highlight_contact {
	width: 70px;
	float: left;
	color: #5bceff;
	font-weight: bold;}	



/*### Block Styles ###*/
#wrapper {
	margin: auto;
	width: 900px;
	position: relative;}
		
.header {
	width: 900px;
	height: 280px;
	margin-top: 10px;
	background-image: url(Assets/bg_header.png);
	background-repeat: no-repeat;}
	
#header_contact {
	float: right;
	width: 230px;
	margin-top: 80px;
	margin-left: 50px;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;}
	
#navbar {
	width: 800px;
	margin: auto;
	margin-top: -100px;}
	
#main_content {
	background-color: #fff;
	background-image: url(Assets/main_dropshadow.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: auto;
	width: 800px;}
	
#main_content .description {
	width: 340px;
	margin-left: 20px;
	padding-top: 30px;}
	
.news {
	clear: both;
	margin-top: 30px;
	margin-left: 20px;}
	
.service_list {
	clear: both;
	margin-top: 10px;
	margin-left: 20px;}
	
.gallery_photos {
	width: 800px;
	margin-top: 10px;}
	
.contact_form {
	width: 400px;
	float: left;
	margin-top: 20px;
	padding-bottom: 40px;}
	
.contact_details {
	width: 250px;
	float: left;
	margin-top: 20px;
	margin-left: 50px;
	font-size: 12px;}
	
.photobar {
	margin-top: 40px;
	padding-bottom: 30px;}
	
#footer {
	width: 900px;
	height: 147px;
	background-image: url(Assets/bg_footer.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;}
	
#footer .company_information {
	width: 230px;
	padding-left: 10px;
	float: left;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;}
	
#footer .navigation {
	width: 130px;
	height: 120px;
	margin-left: 50px;
	margin-top: 10px;
	float: left;}
	
#footer .company_description {
	float: left;
	width: 430px;
	border-right: 2px solid #5bceff;
	border-left: 2px solid #5bceff;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;}
	
	
	
/*### Heading Styles ###*/
h1, .news h3, .service_list h3, .gallery_photos h3, .contact_form h3, .contact_details h3 {
	color: #5bceff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-left: 10px;
	margin-bottom: 10px;}
	
.gallery_photos h3 {
	padding-top: 10px;
	margin-bottom:10px;
	margin-left: 30px;}
	
.contact_form h3 {
	margin-left: 30px;
	padding-top: 10px;}
	
.contact_details h3 {
	padding-top: 10px;
	margin-left: 30px;}
	
.news ul li h4, .service_list ul li h4 {
	font-family: Arial, Verdana, Tahome, Helvetica, sans-serif;
	font-size: 14px;
	color: #5bceff;}
	
#footer h5 {
	font-family: Arial, Verdana, Tahome, Helvetica, sans-serif;
	font-size: 12px;
	color: #5bceff;
	padding-top: 10px;}
	
#footer .navigation h5 {
	padding: 0px;
	margin-left: 5px;}
		


/*### Paragraph Styles ###*/
#main_content .description p {
	padding-left: 10px;
	color: #666;
	font-size: 12px;
	text-align: justify;
	border-left: 2px solid #5bceff;}	
	
.contact_details p {
	margin-left: 20px;
	padding-left: 10px;
	border-left: 2px solid #5bceff;
	color: #666;}
		
	
#footer p {
	color: #f1fafe;
	font-weight: bold;}
	
#footer .company_description {
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;}
	
	
	
/*### List Styles ###*/
#header_contact ul {
	}

#header_contact ul li {
	list-style-type: none;
	color: #f1fafe;
	font-weight: bold;}

#navbar ul {
	height: 60px;}
	
#navbar ul li {
	float: left;
	height: 50px;
	margin-right: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	background-color: #5bceff;
	background-image: url(Assets/nav_dropshadow.png);
	background-repeat: repeat-x;
	background-position: bottom;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px}
	
#navbar ul li.active_nav {
	background-color: #fff;
	background-image: none;}
	
.news ul li, .service_list ul li {
	border-left: 2px solid #5bceff;
	list-style-type: none;
	color: #666;
	font-size: 12px;
	float: left;
	width: 235px;
	padding-left: 10px;
	margin-right: 10px;}
	
.service_list ul li {
	margin-bottom: 20px;}
	
.gallery_photos ul {
	margin-left: 20px;
	margin-bottom: 20px;
	border-left: 2px solid #5bceff;
	float: left;}

.gallery_photos ul li {
	list-style-type: none;
	margin-left: 25px;
	margin-bottom: 12px;
	margin-top: 12px;
	float: left;}
	
.photobar ul li{
	list-style-type: none;
	float: left;
	margin-left: 27px;}
	
#footer .company_information ul li, #footer .navigation ul li {
	list-style-type: none;
	color: #f1fafe;
	font-weight: bold;}
	
#footer .navigation ul li {
	margin-left: 10px;}

	
	
	
/*### Link Styles ###*/
#header_contact a {
	color: #5bceff;
	text-decoration: none;}
	
#header_contact a:hover {
	border-bottom: 2px dotted #5bceff;}

#navbar ul li a {
	text-decoration: none;
	color: #fff;}
	
#navbar ul li a:hover {
	border-bottom: 2px dotted #fff;}
	
#navbar ul li.active_nav a {
	color: #5bceff;}
	
.description a {
	color: #5bceff;
	font-weight: bold;
	text-decoration: none;}
	
.description a:hover {
	border-bottom: 2px dotted #5bceff;}
	
#footer ul li.active_nav a:hover {
	border: none;}
	
#footer p a, #footer .navigation ul li a {
	color: #f1fafe;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Verdana, Tahome, Helvetica, sans-serif;}
	
#footer p a {
	color: #5bceff;
	font-style: italic;}
	
#footer a:hover {
	border-bottom: 2px dotted #5bceff;}
	
	
/*### Images Styles ###*/
img {
	border: none;}

.header img {
	margin-left: 20px;
	margin-top: 20px;}
	
#main_content img.houseplan_home {
	float: right;
	margin-top: -250px;
	margin-right: -20px;}
	
#main_content img.houseplan_services {
	float: right;
	margin-top: -220px;
	margin-right: -20px;}
	
#main_content img.houseplan_gallery {
	float: right;
	margin-top: -240px;
	margin-right: -40px;}
	
#main_content img.houseplan_contact {
	float: right;
	margin-top: -210px;
	margin-right: -20px;}
	
#main_content img.houseplan_thanks {
	float: right;
	margin-top: -190px;
	margin-right: -20px;}
	
/*### Form Styling ###*/
.contact_form form {
	margin-left: 20px;
	border-left: 2px solid #5bceff;
	padding-left: 10px;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	color: #666;}
	
.contact_form label {
	width: 100px;
	float: left;}
	
.contact_form input, .contact_form textarea {
	margin-bottom: 5px;
	width: 255px;
	background-color: #b9eaff;
	color: #666;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 2px;
	border: 1px solid #00c0ff;}
	
.contact_form input:focus, .contact_form textarea:focus {
	background-color: #fff;
	border: 1px solid #333;}
	
.contact_form input.btn {
	width: 70px;
	background-color: #00c0ff;
	color: #fff;
	float: right;
	margin-right: 100px;}