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

body {background: url(images/bg.png) repeat-x #717174; font: 12px/20px Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px;}
a {color: #717174; text-decoration: none;}
a:hover {color: #00bff3;}

#container {position: relative; width: 980px; margin: 0 auto; padding: 0px;}

#logo {position: absolute; top: 5px; left: 5px; width: 278px; height: 193px;}

#links {width: 685px; height: 70px; margin: 0 auto; margin-left: -10px;}

#flash {width: 695px; min-height: 320px; background: url(images/flashbgmid.png) repeat-y; padding-top: 2px; padding: 2px; padding-left:10px;}

#flashholder {width: 695px; min-height: 750px; position: relative; top:0px; left: 295px; z-index: 10;}
#flashholder2 {width: 695px; min-height: 750px; position: absolute; top: 106px; left: 295px; z-index: 10;}

object {outline: none};

#flashmid .h {display: inline; padding-right: 12px; padding-bottom: 10px;font-size: 20px; color: #4D78A3;}

#flashtop {width: 695px; height: 15px; background: url(images/flashbgtop.png) no-repeat; clear:both;}
#flashmid {width: 695px; min-height: 300px; background: url(images/flashbgmid.png) repeat-y; padding: 0px 25px 0px 17px}
#flashbtm {width: 695px; height: 15px;clear:both;}
#flashmid .top {paddingitop: 10px;}
#flashmid a {color: #4D78A3; text-decoration: underline;}
#flashmid a:hover {text-decoration: none}
#flashmid h1 {font-size: 20px; color: #4D78A3; font-weight: normal; padding-left: 32px;}
#flashmid h2 {font-size: 16px; color: #4D78A3; font-weight: normal;}
.flashbanner {width: 648px; height: 155px; margin-bottom:15px; border: solid 1px #E4EBF1; margin-left: 2px;}
.content {width: 608px; min-height: 180px; border: solid 1px #E4EBF1; padding: 12px 20px; margin-left: 2px;}
.content form {margin-bottom: 0px; padding-bottom: 0px;}
#flashmid img.a {padding-left:8px; padding-bottom: 6px;}
.content2 {width: 648px; min-height: 180px; border: solid 1px #E4EBF1; padding-left: 5px;}
.content3 {width: 606px; min-height: 180px; border: solid 1px #E4EBF1; padding: 12px 20px;}
.flashbanner2 {width: 648px; height: 205px; margin-left: 2px; z-index: 2;}
.flashbanner3 {width: 648px; height: 165px; margin-left: 2px;}

.title {background: url(images/arrow.png) no-repeat left;}
.thirds {width: 202px; text-align: center; float: left; padding-top: 60px;}
.thirds a{font-size: 16px; color: #4D78A3; text-decoration: none}
.thirds a:hover{text-decoration: underline}
.thirds a h2 {text-decoration: none;font-size: 16px; color: #4D78A3; font-weight: normal;}
.thirds a:hover h2 {text-decoration: underline}

label {display:block; padding-top: 8px; color: #000000; }
input {display:block; margin-top: 8px; border: solid 1px #000000; background-color: #FFFFFF; color: #000000;}
textarea {display: block; margin-top: 8px; border: solid 1px #000000; background-color: #FFFFFF; color: #000000; font: 12px/20px Verdana, Arial, Helvetica, sans-serif;}
button {display: block; margin-top: 8px; border: solid 1px #000000; background-color: #FFFFFF; color: #000000; padding: 4px;}

.half {width: 280px; float: left; padding: 10px 3px;}

#feature {
	width: 270px;
	height: 253px;
	position: absolute;
	top: 370px;
	left: 215px;
	z-index: 10;
	background: url(images/featured.png) no-repeat;
	padding: 16px 0px 0px 48px;
}

#feature a{color: #d1d3d4; text-decoration: none; font-size: 11px;}
#feature a:hover {color: #FFFFFF; text-decoration: underline;}
.feature {margin-top: 6px; padding-left:14px; float: left; line-height: 52px;}
.feat_top {margin-top: 14px; float: left; width:40px;}
.feat_top img{margin-bottom: 12px;}

#feature  h1 {color: #d1d3d4; font-size: 18px; font-weight: normal; line-height: 22px; padding-top: 6px; margin-bottom: 6px;}


#company {
	width: 254px;
	height: 159px;
	position: absolute;
	top: 206px;
	left: 25px;
	z-index: 5;
	background: url(images/company.png) no-repeat;
	color: #FFFFFF;
	padding: 82px 0px 0px 46px;
}

#company a{color: #FFFFFF; text-decoration: none; letter-spacing: 1px;}
#company a:hover {text-decoration: underline}

#sub {
	width: 264px;
	height: 216px;
	position: absolute;
	top: 206px;
	left: 25px;
	z-index: 5;
	background: url(images/submenu.png) no-repeat;
	color: #FFFFFF;
	padding: 25px 0px 0px 45px;
}

#sub h1{font-size: 18px; font-weight: normal; letter-spacing: 1px;}
#sub a{letter-spacing: 1px;color: #FFFFFF; text-decoration: none}
#sub a:hover {text-decoration: underline}
#sub a h1 {text-decoration: none; font-size: 18px;}
#sub a:hover h1 {text-decoration: underline}

#pass {width: 262px; height: 210px; position: absolute; top: 206px;	left: 25px;	z-index: 5;	background: url(images/submenu.png) no-repeat; color: #FFFFFF; line-height: 8px; padding: 31px 0px 0px 47px;
}
#pass h1{font-size: 18px; font-weight: normal; letter-spacing: 2px;}

#footer {clear: both; width: 980px; margin: 10px auto 0 auto; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #d1d3d4; padding: 0px;background: url(images/hr.png) no-repeat center top;}
#footer a {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #d1d3d4; text-decoration:none}
#footer a:hover {color:#FFFFFF}
#footer p {margin-top: 0px; padding-top: 0px; margin-bottom: 3px; padding-bottom: 3px;}

#info {
	color: #FFFFFF;
	text-align: center;
	width: 435px;
	position: absolute;
	top: 457px;
	left: 512px;
}
#info span {font-size: 16px; letter-spacing: 3px;}

.clear {clear: both;}