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


ul, li {
	margin : 0;
	padding : 0;
}
img {
	margin : 0;
	padding : 0;
	position : relative;
}
.fltrt {
	float : right;
	margin-left : 8px;
}
.fltlft {
	float : left;
	margin-right : 8px;
}
.clearfloat {
	clear : both;
	height : 0;
	font-size : 1px;
	line-height : 0;
	text-align : center;
}
.style1 {
	font-size : 16px;
	font-weight : bold;
}
.style2 {
	font-size : 24px;
}
.style3 {
	font-size : xx-small;
}
.style5 {
	font-size : 10px;
}
a {
	font-size : 12px;
	color : #cccccc;
}
a:visited {
	color : #cccccc;
	text-decoration : none;
}
a:hover {
	color : #666666;
	text-decoration : none;
}
a:link {
	text-decoration : none;
}
a:active {
	text-decoration : none;
}
h2 {
	font-size : 14px;
	font-weight : bold;
}
body {
	margin : 0;
	padding : 0;
	text-align : center;
	color : #ffffff;
	font-family : century verdana, arial;
	font-size : 12px;
	font-weight : normal;
	background-image : url(../images/background.jpg);
	background-repeat : repeat-x;
	background-color : #000;
}
#container {
	width : 868px;
	margin : 30px auto;
	border : 1px solid #0c1a3d;
	text-align : left;
	background-color : #0b2158;
}


#container-index {
	width : 868px;
		height:650px;
	margin : 30px auto;
	border : 1px solid #0c1a3d;
	text-align : left;
	
}

#header {
	background : #000;
	background-image : url(../images/header.png);
	position : relative;
	height : 181px;
	width : 868px;
	background-repeat : no-repeat;
	background-position : center;
}
#header h1 {
	margin : 0;
	padding : 20px 10px;
	color : #ffffff;
	font-size : 14px;
	font-weight : 300;
	font-family : Futura;
	text-transform : uppercase;
	float : right;
}
#sidebar1 {
	float : left;
	width : 225px;
	padding : 0;
	position : relative;
	height : auto;
	margin-left : 75px;
	margin-top : 35px;
}
#content {
	color : #ffffff;
	font-size : 14px;
	width : 868px;
	height : auto;
	position : relative;
	font-family : Futura;
	line-height : 1.3em;
	margin-left : 0;
	background-image : url(../images/contentbkgd.png);
	background-repeat : repeat-x;
	z-index : 100;
	padding : 0;
	text-align : left;
}
#content_index {
	color : #ffffff;
	font-size : 14px;
	width : 868px;
	position : relative;
	font-family : Futura;
	line-height : 1.3em;
	margin-left : 0;
	background-image : url(../images/contentbkgd.png);
	background-repeat : repeat-x;
	height:510px;
	z-index : 100;
	min-height : 525px;
}
#content h2 {
	font-size : 14px;
	font-weight : bold;
	margin : 10px;
	text-align : center;
	float : right;
}
#logo_inside {
	float : right;
	width : 220px;
	
	padding-right : 5px;
	position : relative;
	margin-right : 0px;
	padding-left : 5px;
	font-family : "Century Gothic", Tahoma, "Helvetica Neue";
}
#logo_inside a {
	font-family : "Century Gothic", Tahoma, "Helvetica Neue";
	font-size : 16px;
	color : #ffffff;
}
.lowersection {
	margin : 0;
	color : #ffffff;
	font-size : 12px;
	position : relative;
	height : 175px;
}
#idx {
	width : 850px;
	padding : 0px;
	height : auto;
	position : relative;
	text-align : left;
	padding-left: 10px;
	padding-top: 10px;
}
.lowersection2 {
	margin : 0;
	color : #ffffff;
	font-size : 14px;
	position : relative;
	height : auto;
	width : 490px;
	padding-left : 20px;
	float : left;
	padding-top : 10px;
}
#sidebar2 {
	float : left;
	width : 150px;
	margin : 10px;
	height : auto;
	font-family : Futura;
	font-size : 14px;
	color : #ffffff;
	text-align : center;
	position : relative;
}
#lowercontent {
	width : 480px;
	position : relative;
	height : auto;
	padding-top : 10px;
	font-family : Futura;
	font-size : 12px;
	color : #ffffff;
	margin-left : 0;
	font-weight : 300;
	padding-left : 0;
}
.index {
	width : 400px;
	padding-left : 60px;
	font-size : 14px;
}
.logo_index {
	position : absolute;
	top : 110px;
	left : 110px;
	width : 325px;
}
#lowerright {
	float : right;
	width : 250px;
	background : #7399c6;
	font-size : 20px;
	color : #ffffff;
	position : absolute;
	left : 462px;
	top : 167px;
}
.residential {
	position : absolute;
	left : 65px;
	top : 374px;
}
.residential a, .commercial a {
	color : #ff9900;
	text-transform : uppercase;
	font-size : 16px;
}
.residential a:hover, .commercial a:hover {
	color : #ff6600;
}
.commercial {
	position : absolute;
	left : 385px;
	top : 374px;
}
#footer {
	padding : 50px 20px 0 20px;
	position : relative;
	width : 828px;
	clear : both;
	font-size : 10px;
	text-align : center;
	height : 25px;
	line-height : 1.2em;
	background : transparent;
	margin-top: 30px;
}
.footer_left {
	float : left;
	font-weight : bold;
	font-size : 12px;
	font-family : "Century Gothic", Tahoma, "Helvetica Neue";
}
.footer_right {
	float : right;
	text-align : right;
	font-size : 12px;
	color : #ffffff;
	font-family : "Century Gothic", Tahoma, "Helvetica Neue";
}
.footer_right a {
	font-size : 14px;
	color : #fff;
}
.footer_right a:hover {
	color : #ff6600;
}
.footer_center {
	text-align : center;
	float : left;
	line-height : 1.8em;
}
#footer p {
	margin : 0;
	padding : 5px 0;
	color : #fff;
	font-weight : 300;
}
.dropmenudiv_c {
	position : absolute;
	top : 0;
	border : 1px solid #918d8d;
	border-width : 0 1px;
	font : normal 12px Verdana;
	line-height : 18px;
	z-index : 100;
	background-color : white;
	width : 200px;
	visibility : hidden;
}
.dropmenudiv_c a {
	width : auto;
	display : block;
	text-indent : 5px;
	border : 0 solid #918d8d;
	border-bottom-width : 1px;
	padding : 2px 0;
	text-decoration : none;
	font-weight : bold;
	color : black;
}
* html .dropmenudiv_c a {
	width : 100%;
}
.dropmenudiv_c a:hover {
	background-color : #eaeaea;
}
#nav {
	padding : 0;
	margin : 0;
	list-style : none;
	height : 35px;
	position : relative;
	z-index : 9999;
	font-family : arial, verdana, sans-serif;
	margin-left : 15px;
	color : #ff9900;
	width : 848px;
}
#nav li.top {
	display : block;
	float : left;
	height : 24px;
}
#nav li a.top_link {
	display : block;
	float : left;
	height : 24px;
	line-height : 22px;
	color : #ff9900;
	text-decoration : none;
	font-size : 12px;
	font-weight : bold;
	padding : 0 30px 0 30px;
	cursor : pointer;
	background : transparent;
	letter-spacing : 0.2em;
}
#nav li a.top_link span {
	float : left;
	display : block;
	padding : 0 24px 0 12px;
	height : 35px;
}
#nav li a.top_link span.down {
	float : left;
	display : block;
	padding : 0 24px 0 12px;
	height : 35px;
}
#nav li:hover a.top_link {
	color : #ff6600;
	background : transparent;
}
#nav li:hover {
	position : relative;
	z-index : 200;
}
#nav li:hover ul.sub {
	left : 1px;
	top : 22px;
	background-color : #0b2157;
	padding : 3px;
	border : 1px solid #000;
	white-space : nowrap;
	width : 122px;
	height : auto;
	z-index : 9999;
	text-align : left;
}
#nav li:hover ul.sub li {
	display : block;
	height : 20px;
	position : relative;
	float : left;
	width : 120px;
	font-weight : normal;
}
#nav li:hover ul.sub li a {
	display : block;
	font-size : 12px;
	height : 14px;
	width : 120px;
	line-height : 14px;
	text-indent : 5px;
	color : #ff9900;
	text-decoration : none;
	border : 1px solid #999999;
}
#nav li ul.sub li a.fly {
	background : #bbd37e url(images/arrow.gif) no-repeat 80px 6px;
}
#nav li:hover ul.sub li a:hover {
	color : #fff;
	background-color : #406aa3;
}
#nav li:hover ul.sub li a.fly:hover {
	background : transparent;
	color : #fff;
}
#nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {
	left : 145px;
	top : -4px;
	padding : 3px;
	border : 1px solid #ccc;
	white-space : nowrap;
	width : 124px;
	z-index : 999;
	height : auto;
	background-color : #596778;
}
#nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {
	position : absolute;
	left : -9999px;
	top : -9999px;
	width : 0;
	height : 0;
	margin : 0;
	padding : 0;
	list-style : none;
}
#nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {
	background : #596778 url(images/arrow_over.gif) no-repeat 80px 6px;
	color : #fff;
	border-color : #fff;
}
#nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly {
	background : #bbd37e url(images/arrow.gif) no-repeat 80px 6px;
	color : #000;
	border-color : #bbd37e;
}