/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF url(images/bg_tail.gif) repeat top center;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#a9a9a9;
}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#414141; outline:none;}
a:hover{text-decoration:none; color:#1fcce9;}
p {padding-bottom:22px;}
p.extra {padding:1px 0 19px;}

h1 {
	font-size:30px; 
	color:#373737; 
	line-height:30px; 
	font-weight:normal; 
	margin-right:52px; 
	border-bottom:1px solid #e6e6e6; 
	padding:35px 0 9px; 
	margin-bottom:14px;
}
h2, h2 a {font-size:12px; color:#414141; line-height:18px;}

/* ============================= main layout ====================== */

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.footer_wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -102px; /* the bottom margin is the negative value of the footer's height */
	background:url(images/footer_bg_tail.gif) repeat-x bottom center;
}
.push {	height: 102px;}


.imgindent {margin:0 28px 0 0; float:left;}
.fright {text-align:right;}
.image {padding:12px 0 8px;}
.images {padding:5px 0 15px;}

/* ============================= header ====================== */
#header {color:#9a9a9a; font-weight:bold; font-size:10px; text-transform:uppercase; overflow:hidden;}
#header .right {padding:13px 0 0; width:40%;}
#header .right a {margin-right:8px; width:58px; height:57px; float:right; text-decoration:none;}
.right a.icon1 {background:url(images/header_icon1.png) no-repeat top center;}
.right a.icon2 {background:url(images/header_icon2.png) no-repeat top center;}
.right a.icon3 {background:url(images/header_icon3.png) no-repeat top center;}
.right a.icon4 {background:url(images/header_icon4.png) no-repeat top center;}
#header .right a:hover {background-position: bottom;}
#header .right span { float:right; padding:18px 0;}
#header .right a.first {margin:0 4px 0 11px;}

div.menu {width:340px; float:left; padding:97px 18px 0;}
ul.menu {width:290px; background:url(images/menu_bg.png) no-repeat left top; position:relative; display:block; height:235px;}
.menu a {text-decoration:none; position:absolute; display:block;}
.menu .item1 a {left:42px; top:22px; width:110px; height:30px; background:url(images/menu_item1.png) no-repeat left top;}
.menu .item2 a {left:69px; top:54px; width:168px; height:40px; background:url(images/menu_item2.png) no-repeat left top;}
.menu .item3 a {left:100px; top:99px; width:118px; height:38px; background:url(images/menu_item3.png) no-repeat left top;}
.menu .item4 a {left:89px; top:146px; width:110px; height:31px; background:url(images/menu_item4.png) no-repeat left top;}
.menu .item5 a {left:136px; top:186px; width:111px; height:31px; background:url(images/menu_item5.png) no-repeat left top;}
.menu a:hover {background-position: right top;}
.menu a.active {background-position: right top; cursor:default;}


/* ============================= content ====================== */
#page1 #content {padding:51px 0 0 302px;}

.content {width:530px; float:left; background:url(images/content_bg.png) no-repeat top right; height:470px; padding:0 21px 0 33px;}
#page7 .content p {padding-right:50px;}
.content ul {margin:-3px 0; padding-bottom:7px;}
.content li { background:url(images/marker.gif) no-repeat 0 5px; padding-left:16px; line-height:21px;}
.content li a {color:#414141; text-decoration:none;}
.content li a:hover {color:#1fcce9;}

.link {color:#414141; font-weight:bold;}
.link:hover {color:#1fcce9; text-decoration:underline;}

.scroll {padding-right:50px; height:340px; overflow:auto;}

.block1 {padding:5px 0 21px;}

/*phone*/
.phone {font-weight:bold; color:#414141; padding:18px 0;}
.phone span {display:inline-block; width: 94px; }

/* ============================= footer ====================== */
.footer {font-size:10px; padding:15px 0 0;}
#footer ul {margin-left:-6px;}
#footer li {float:left;}
#footer li a {color:#8e8e8e; text-transform:uppercase; text-decoration:none;margin:0 5px 0 6px; }
#footer li a:hover {color:#24272b;}

#footer p {color:#888c8e; padding:32px 0 0;}
#footer p a {color:#888c8e; margin-left:10px;}
#footer p a:hover,#footer p a.active {color:#bebfc0;}
#footer span {color:#bebfc0; text-transform:uppercase;}

/* ============================= forms ============================= */
label {height:30px; display:block; background:url(images/input_bg.gif) no-repeat top center;}
#ContactForm {padding-top:5px;}
input, textarea {
	width:209px;
	border:0;
	padding:3px 17px;
	font-size:11px;
	color:#414141;
	background:none;;
	line-height:13px;
}
#ContactForm div div{background:url(images/textarea_bg.gif) no-repeat top center;}
#ContactForm div.fright {background:none;}
textarea {
	height:65px; overflow:auto; margin-bottom:7px; padding-right:0; width:226px;}
#ContactForm a {margin:0 4px 0 13px;}