
/* CSS Document */

/*

Copyright (c) 2008, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt

version: 2.5.2

*/



/* resets*/

html{

	color:#60b6d5;

	background:#FFF;

	font-family:Tahoma;

	font-size:11px;

	background:#384751 url(../images/htnl-back.png) repeat-x;
	
	height: 100%;
}

body {
	
	height: 100%;
	
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}

/* to preserve line-height and selector appearance */

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*to enable resizing for IE*/

input,textarea,select{font-size:100%;}

/* because legend doesn't inherit in IE */

legend{color:#000;}



/* end resets*/


/* clearing fix */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* end clearfix */


#doc {
	width:100%;
	background: url(../images/doc-back.jpg) no-repeat;
	
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 0%; /* the bottom margin is the negative value of the footer's height */
		margin-bottom: -77px;
}

#hd {
	margin-top:0px;
}

#hd h1 {
	background:url(../images/logo.jpg) no-repeat;
	height:100px;
	width:323px;
	text-indent:-5000px;
	margin-left:60px;
	float:left;
	overflow:hidden;

}
#hd h1 a{
	display:block;
	height:100px;
	width:323px;
}
#hd .menu {
	width:720px;
	color:#8f8f8f;
	height:53px;
}
#hd .date {
	width:264px;
	color:#727C86;
	float: right;
	text-align:right;
	line-height:110px;
	padding-right:30px;
}
#hd .main {
	background:url(../images/header-main-01.jpg) no-repeat;
	height:242px;
	width:572px;
	text-indent:-5000px;
	margin-left:110px;
	margin-top:10px;
}

#hd .menu ul {
	padding-left:0px;
	padding-top:0px;
	width:600px;
	margin-left:95px;
}

#hd .menu li {
	line-height:43px;
	float:left;
	text-align:center;
	text-transform:uppercase;
}

#hd .menu li a {
	display:block;
	color:#fff;
	height:53px;
	text-decoration:none;
}

#hd .menu .home {
	background:url(../images/menu-home.jpg) no-repeat top;
	height:53px;
	width:159px;
}
#hd .menu .about {
	background:url(../images/menu-about.jpg) no-repeat top;
	height:53px;
	width:142px;
	
}
#hd .menu .services {
	background:url(../images/menu-services.jpg) no-repeat top;
	height:53px;
	width:142px;

}
#hd .menu .contacts {
	background:url(../images/menu-contacts.jpg) no-repeat top;
	height:53px;
	width:157px;
}
#hd .menu .home a.this, 
#hd .menu .home a:hover {
	background:url(../images/menu-home.jpg) no-repeat top;
	color:#bddeff;
}
#hd .menu .about a.this, 
#hd .menu .about a:hover {
	background:url(../images/menu-about.jpg) no-repeat top;
	color:#bddeff;
}
#hd .menu .services a.this, 
#hd .menu .services a:hover {
	background:url(../images/menu-services.jpg) no-repeat top;
	color:#bddeff;
}
#hd .menu .contacts a.this, 
#hd .menu .contacts a:hover {
	background:url(../images/menu-contacts.jpg) no-repeat top;
	color:#bddeff;
}

/* Main Content */

#bd {
	padding-top:0px;
	margin-left:102px;
	width:580px;
}

#bd .main {
	padding:10px;
}

#bd .services {
	padding:10px;
}
#bd p{
	padding-bottom:10px;
	line-height:16px;
	width:93%;
	margin-left:26px;
}
#bd .services p{
	padding-bottom:10px;
	line-height:16px;
	width:93%;
	margin-left:26px;
}
#bd a{
	color:#DBECC0;
	text-decoration:none;
}
#bd a:hover{
	text-decoration: underline;
}
#bd .border {
	width:570px;
	display:block;
	margin-top:15px;
	border-bottom:2px solid #3C4D57;
}
#bd h2 {
	background:url(../images/h2.jpg) no-repeat;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:2px;
	width:520px;
	font-size:22px;
	padding-bottom:10px;
	color:#fff;
	padding-top:24px;
	padding-left:50px;
}
#bd h3 {
	background:url(../images/h3.gif) no-repeat 26px 28px;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:2px;
	width:520px;
	font-size:22px;
	padding-bottom:10px;
	color:#fff;
	padding-top:24px;
	padding-left:50px;
}
#bd .main ul {
	float:left;
	font-size:11px;
	line-height:20px;
	padding-bottom:10px;
	padding-left:27px;
}
#bd .main li {
	background:transparent url(../images/li-plus.gif) no-repeat scroll left 7px;
	display:inline;
	float:left;
	padding-left:14px;
	width:234px;
	text-decoration:underline;
}

#bd .services ul {
	font-size:11px;
	line-height:20px;
	padding-bottom:10px;
	padding-left:27px;
}
#bd .services li {
	background:transparent url(../images/li-plus.gif) no-repeat scroll left 7px;
	padding-left:14px;
}
#bd .main li p {
	height:76px;
	width:200px;
}


/* end Main Content */

/* footer */
#ft {
	width:100%;
	color:#7494a8;
	background:#010447 url(../images/fotter-back.jpg) repeat-x;
	height:77px;
	margin-top:10px;
}
#ft a {
	color:#7494a8;
	text-decoration:none;
	padding:0 5px;
}
#ft a:hover {
	text-decoration: underline;
}
#ft #center-text {
	width:98%;
	line-height:77px;
	margin-left:10px;
}
#ft .menu {
	display:block;
	margin-left:-5px;
	float:left;
}
#ft .logo {
	display:block;
	float:right;
}

.push {
	height: 77px; /* .push must be the same height as .footer */
}

/* End footer */

/* Contact Form */

.contact {
	font-family:Tahoma;
	font-size:11px;
	margin-left:25px;
}

.contact .sub {
	color:#3F3F3F;
	font-size:16px;
	font-weight:bold;
}

.contact .text {
	color:#60B6D5;
}

.contact .subtext {
	color:#D9E8C3;
	font-weight: 500;
	padding-right:10px;
}

.contact .orange_frame {
	height:16px;
	width:210px;
	font-family:Tahoma;
	font-size:12px;
	margin-top:4px;
	border:1px solid #999999;
}

.contact .btn {
	color: #fff;
	background-color:#2071AC;
	font-family: Tahoma;
	height: 25px;
	width: 150px;
	font-size: 11px;
	font-weight: bold;
	border:none;
}

/* End Contact Form */