/*			Main structure

			#container
			#general_nav
			#header
			#main_nav
			#container_content
			#main_content
			#sub_content
			#sub_content
			#footer				*/
		
	
/* ------------------------------------------reset---------------------------------------------*/




/* ------------------------------------------general---------------------------------------------*/

*{

	margin: 0;
}

html, body {
	height: 100%;
}
body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	behavior:url(htc/csshover.htc);
	background-color: #E0DFF1;
}
p{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}
h1{
	color: #4652A4;
	display: block;
	background-color: #FBFBFD;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0DFF1;
	margin-bottom: 10px;
}
h2{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
h3{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDFF;
	color: #4652A4;

}
h4{
	font-size: 12px;
	display: block;
	margin-bottom: 10px;

}				
ul, li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
span{

	margin: 0px;
	padding: 0px;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
*:focus {
	outline: none /*--fix dotted border on links--*/
}
img, .slogan{ behavior: url(htc/iepngfix.htc); }	
.clear {
	clear: both;
	
}
.img_1{
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}
.highlight {
	font-weight: bold;
	color: #000000;

}
.quotation_1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
.quotation{
	
	
}
.quotation li{
	font-size: 18px;
	font-weight: bold;
	color: #4652A4;
	display: block;
	padding: 20px;
	background-color: #EDEFFA;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: 1px solid #8090DD;}
.quotation li:hover{
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	padding: 20px;
	background-color: #4652A4;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: 1px solid #303870;
	
}
.construction{
	background-color: #F2F2F2;
	font-size: 14px;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	margin-top: 10px;
	display: block;
	text-align: center;
	font-weight: normal;
	border: 1px solid #D8D8D8;
}
a{
	color: #4652A4;
	text-decoration: none;
}
a:hover{
	color: #4652A4;
	text-decoration: underline;
}
.whatwedo{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	margin-left: 20px;


}
.whatwedo li{
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	margin-top: 10px;


}	
.whatwedo li p{
	display: block;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
	font-weight: lighter;
	font-style: italic;
}
.ads{
	margin-top: 15px;
	width: 200px;
	height: auto;
	margin-bottom: 15px;
}
.ads-botton{
	width: 200px;
	height: auto;
	margin-left: 10px;
}
.pic_right_portrait{
	float: right;
	border: 5px solid #F2F2F2;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
	width: 170px;
}
.pic_left_portrait{
	float: left;
	border: 5px solid #F2F2F2;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 170px;
}
.pic_right_landscape{
	float: right;
	border: 5px solid #F2F2F2;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
	width: 250px;
}
.pic_left_landscape{
	float: left;
	border: 5px solid #F2F2F2;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 270px;
}
.pic_center{
	border: 5px solid #F2F2F2;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	height: auto;
	width: 600px;
	display: block;
}
.pic-right-m-p {
	float: right;
	border: 5px solid #F2F2F2;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 300px;
	
	}
.box-gallery{
	margin-top: 20px;
	margin-bottom: 20px;
}
.more-details{}
/* ------------------------------------------paypal---------------------------------------------*/	
.paypal_form{
	height: auto;
	width: 590px;
	float: left;
	padding: 10px;
	border: 3px solid #E0DFF1;
	margin-bottom: 10px;
	margin-top: 10px;
}
.paypal_form .paypal_h1{
	color: #4652A4;
	font-size: 14px;

}
.paypal_form span{
	font-size: 12px;
	display: block;
	padding: 5px;
	background-color: #F4F4FB;
	margin-top: 5px;
	color: #4652A4;
	margin-bottom: 5px;

}
.paypal_form span em{
	color: #D12770;
	font-weight: bold;
	font-style: normal;


}
.paypal_form .unavailable{
	color: #CCC;


}
.paypal_button1{
	display: block;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-right: 10px;
}
.paypal_button2{
	display: block;
	float: right;
}


									

/* ------------------------------------------main structure---------------------------------------------*/
#container{
	min-height: 100%;
	height: auto !important;
	height: 100%; /* the bottom margin is the negative value of the footer's height */
	text-align:left;
	width:958px;
	background-color: #FFFFFF;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CBCAE8;
	border-left-color: #CBCAE8;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -90px;
	margin-left: auto;
}
#general_nav{
	background-color: #4652A4;
	height: 20px;
	width: auto;
}
#header{
	height: 179px;
	width: auto;
	background-image: url(../images/header6.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#main_nav{
	height:30px;
	width:958px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #4652A4;
	font-weight: normal;
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #303870;
}
#container_content{
	margin-top: 0px;

}
.key{
	height: 290px;
	width: 300px;
	position: absolute;
	background-image: url(../images/key_2.jpg);
	background-repeat: no-repeat;
	z-index: 10;
	left: 658px;
	top: 20px;
}
.slogan{
	position: absolute;
	top: 130px;
	width: 380px;
	height: 50px;
	left: 560px;
	z-index: 15;
	background-repeat: no-repeat;
	color: #FFF;
}
.slogan span{
	font-size: 13px;
	display: block;
	font-style: italic;
	font-weight: bold;

}
.side-box{
	height: auto;
	width: auto;
	background-color: #FFFAF2;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 5px solid #FFF1D9;
}
.side-box p{
	display: block;
}
.side-box .title{
	font-size: 14px;
	color: #4652A4;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}
.side-box span{
	font-size: 12px;
	display: block;
	color: #666;
}
#main_content{
	float: left;
	width: 618px;
	height: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EBEBEB;
	

}
#main_content_directory{
	float: left;
	width: 437px;
	height: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #EBEBEB;
	padding-top: 10px;
	padding-bottom: 20px;	

}
#sub_content{
	float:right;
	height: auto;
	width: 270px;
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#sub_content_left{
	float:right;
	height: auto;
	width: 200px;
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #EBEBEB;

}
#sub_content_right{
	float:left;
	height: auto;
	width: 200px;
	margin-top: 20px;
	padding: 10px;
	margin-right: 20px;
	border: 1px solid #EBEBEB;

}
#botton_content{
	display: block;
	background-color: #FFF;
	height: auto;
	width: auto;
	margin-bottom: 20px;
}
#footer, .push {
	width: 958px;
	margin: 0 auto;
	height: 90px;
}
#footer {
	background-color: #4652A4;
}

.nav_footer{
	width: 800px;
	float: left;
	display: block;
	height: auto;
	padding-top: 10px;
	margin-left: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	margin-top: 20px;
}.nav_footer ul {
	padding-left: 3px;

}
.nav_footer ul li{
	display: inline-block;
	position: relative;
	float: left;
	width: auto;


}
.nav_footer ul li a{
	display: inline-block;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;


}
.nav_footer ul li a:hover{
	display: inline-block;
	text-decoration: underline;


}

.copyright{
	display: block;
	width: 410px;
	float: left;
	text-align: left;
	height: auto;
	margin-left: 12px;
	color: #A9AFDA;
	margin-top: 5px;
}
.copyright a{
	color: #FFFFFF;

}

.copyright a:hover{
	color: #FFFFFF;
	text-decoration: underline;

}


/*------------directory------------*/
.box_directory{
	display: block;
	background-color: #F8F8FF;
	height: auto;
	width: auto;
	margin-top: 10px;
	padding: 10px;

}
.quick_links{
	padding: 10px;
	margin-top: 10px;
	font-weight: bold;
	width: 220px;
	background-color: #FFFFCC;
}
.quick_links ul{
	margin-left: 10px;
}
.quick_links span{
	color: #F65F04;
	font-size: 10px;
	display: block;
	margin-bottom: 6px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.quick_links ul li a {
	color: #4652A4;

}
.quick_links ul li a:hover{
	color: #4652A4;

}
.table_directory {
	margin-top: 10px;
}	
.table_directory th{
	background-color: #DDDDFF;
	text-align: left;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 70px;
	color: #4652A4;

}
.table_directory td{
	padding: 5px;
	width: 320px;
	background-color: #FFFFFF;

}				
/*------------end directory------------*/
/* ---------- @general_nav -----------*/
#general_nav ul{
	line-height: 20px;
	display: block;
	padding-right: 10px;
	color: #A3A3A3;
	font-size: 10px;
	float: right;


}
#general_nav ul li{
	display: inline;

}
#general_nav ul li a{
	color: #FFFFFF;
	text-decoration: none;

}
#general_nav ul li a:hover{
	text-decoration: underline;


}

/* ---------- @end general_nav -----------*/

/* ---------- @suckerfish nav-----------*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	height: 30px;
	line-height: 30px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #8090DE;
}

#nav a {
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
#nav a:hover {
	color: #FFFFFF;
}

#nav li { /* all list items */
	float: left;
	width: auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6671BD;
}
#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	width: 250px;
	height: auto;

}
#nav li ul li{
	display: block;
	height: 30px;
	width: 250px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4652A4;

}

#nav li:hover ul {
	z-index: 5;
}
#nav li ul a:hover{
	background-color: #F65F04;
	color: #FFFFFF;
	width: 230px;
	display: block;

}
#nav ul li #current{
	background-color: #8090DE;
	color: #FFF;
	background-image: url(../images/nav_bg_3.jpg);
	background-repeat: repeat-x;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-color: #4652A4;
}
#nav li:hover .keep_a, #nav li.sfhover .keep_a{
	background-color: #374180;
	color: #FFFFFF;
}
.plus{
	color: #FFFFFF;
}
/* ---------- @end suckerfish nav-----------*/

/* ---------- mail_list-----------*/
.mail_list{
	background-color: #F65F04;
	padding: 20px;
	color: #FFFFFF;
}
.label1{
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #FFFFFF;
	font-weight: bold;
}
.input1{
	display: block;
	width: 150px;
}
.button_submit1{
	display: block;
	margin-top: 10px;
	float: right;

}

/* ---------- @end mail_list-----------*/

/* ---------- @ contact form -----------*/

.form3 {
	width: 320px;
	background-color: #F8F8FF;
	margin-top: 20px;
	padding: 10px;
	float: left;
	
}
.form3 em{
	color: #CC0000;

	
}

.form3 li{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9FF;


	
}
.form3 li:hover{
	background-color: #FFFFCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9FF;

	
}

.label3{
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4652A4;
	margin-top: 5px;
	margin-bottom: 3px;
	letter-spacing: 1px;
	width: 200px;
	display: block;
}
.input3{
	width: 200px;
	border: 1px solid #D9D9FF;

	
}
.select3{
	width: 150px;
	border: 1px solid #D9D9FF;

	
}
.legend3{
	color: #F65F04;


	
}
.textarea3 {
	border: 1px solid #D9D9FF;
	width: 200px;

	
}
.button3{
	margin-top: 10px;
	margin-left: 160px;

	
}
.contact_info{
	width: 200px;
	float: right;
	margin-top: 20px;
	padding: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #4652A4;
}
.contact_info span{
	color: #F65F04;
	font-size: 14px;
	font-weight: bold;

}

/* ---------- @end contact form -----------*/