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

body {
	background-color:#FFF;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

/** common **/

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px;
	color:#333;
	padding:0 0 0 10px 0;
	margin:0;
}

li.sub {
	margin-left: 22px;
	font-size: 13px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#0092ce;
	font-weight:bold;
	padding:0 0 20px 0;
	margin:0;
}

h2 {
	font-family:Helvetica, Arial,  sans-serif;
	text-shadow:#666 -1px -1px;
	font-size:20px;
	color:#0092ce;
	font-weight:normal;
	padding:0 0 20px 0;
	margin:0;
}

h3 {
	font-family:Helvetica, Arial,  sans-serif;
	text-shadow:#FFF 1px 1px;
	font-size:18px;
	color:#0092ce;
	font-weight:normal;
	padding:10px 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:#999 1px dotted;
}

p a {
	color:#333;
	text-decoration:none;
	
}

p a:hover {
	color:#0092ce;
}


.cel-stroke { border: 1px solid #666; }
.cel-stroke-thick { border: 4px solid #666; }

.clear {
	clear:both;
}

.cwidth { width:993px; margin:0 auto 0 auto; 
}

.floatright {
	float:right;
	margin:0 0 0 20px;
}

.floatleft {
	float:left;
}

.font-small { font-size: 10px; font-weight: bold; }

img {
	border:none;
}

.common li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px;
	color:#333;
	padding:0 0 0 0 0;
	margin:0 0 15px 0;
}

.common li a {
	color:#0092ce;
	text-decoration:none;
}

.common li a:hover {
	text-decoration:underline;
}

.quote {
	background-color:#f9f9f9;
	border:#999 dotted 1px;
	padding:15px;
	margin:12px;
}

.quote p {
	font-size:12px;
}

/** header **/

#header {
	background-color:#342d3b;
	border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
	width:100%;
	height:77px;
}

.logo { float:left; width:174px; height:77px; padding:0; margin:0; 
}

#clientlogin {
	background-color:#1d1921;
	width:100%;
	text-align:right;
	padding:6px 0 6px 0;
	margin:0 auto 0 auto;
	font-size:12px;
	font-weight:bold;
}

#clientlogin a {
	color:#FFF;
	text-decoration:none;
}

#clientlogin a:hover {
	color:#0092ce;
}

/** navigation **/

#navigation { float:right; width:771px; 
}

.mainnavi { margin:0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; text-align: right; 
}

.mainnavi ul {
	padding:0;
	margin:0;
}

.mainnavi li { float:left; list-style:none; font-size:12px; width:80px; padding:30px 5px 0 5px; border-right-width: 3px; border-right-style: solid; border-right-color: #3e3844; 
}

.mainnavi li a {
	color:#FFF;
	text-decoration:none;
	display:block;
}

.mainnavi li a:hover {
	color:#0092ce;
}

.header-video { float:right; height:155px; padding:0; margin-top: 11px; margin-right: 44px; margin-bottom: 0px; margin-left: 0px; width: 257px; 
}

/** banner **/

#bannerTEMP { background-image:url(images/bannerTEMP.jpg); background-position:center; background-repeat:no-repeat; background-color:#1bb9cc; width:100%; height:255px; 
}

#banner { background-image:url(images/banner.jpg); background-position:center; background-repeat:no-repeat; background-color:#1bb9cc; width:100%; height:255px; 
}

#subbanner1 {
	background-image:url(images/subbanner1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#1bb9cc;
	width:100%;
	height:187px;
}

#subbanner2 {
	background-image:url(images/subbanner2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#1bb9cc;
	width:100%;
	height:187px;
}

#subbanner3 {
	background-image:url(images/subbanner3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#1bb9cc;
	width:100%;
	height:187px;
}

#subbanner5 {
	background-image:url(images/subbanner5.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#1bb9cc;
	width:100%;
	height:187px;
}

#subbanner6 {
	background-image:url(images/subbanner6.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#1bb9cc;
	width:100%;
	height:187px;
}

#subbanner7 {
	background-image:url(images/subbanner7.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#1bb9cc;
	width:100%;
	height:187px;
}

#subbanner {
	background-image:url(images/subbanner4.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#1bb9cc;
	width:100%;
	height:187px;
}

.prolink {
	float:right;
	width:256px;
	height:77px;
	padding:0;
	margin:75px 30px 0 0;
}

.hexit { float:left; width:140px; height:178px; padding:0; margin-top: 70px; margin-right: 0; margin-bottom: 0; margin-left: 270px; 
}

.hexdata { float:left; width:133px; height:155px; padding:0; margin-top: 85px; margin-right: 0; margin-bottom: 0; margin-left: 5px; 
}

.hexpro { float:left; width:166px; height:177px; padding:0; margin-top: 40px; margin-right: 0; margin-bottom: 0; margin-left: 5px; 
}

.hexent { float:left; width:111px; height:133px; padding:0; margin-top: 60px; margin-right: 0; margin-bottom: 0; margin-left: 5px; 
}

.hexglo { float:left; width:133px; height:177px; padding:0; margin-top: 60px; margin-right: 0; margin-bottom: 0; margin-left: 5px; 
}

/** content **/

#maincontent {
	background-image:url(images/content_bg.gif);
	background-repeat:repeat-x;
	background-color:#FFF;
	width:100%;
	min-height:400px;
}

.content {
	float:left;
	width:600px;
	padding:30px 0 30px 0;
	margin:0 20px 0 0;
}

.subcontent { background-image:url(images/subcontent_bg.gif); background-repeat:repeat-x; width:100%; height:260px; 
}

/** sidebar **/

.sidebar {
	float:left;
	width:360px;
	padding:30px 0 30px 0;
	margin:0;
}

.sidebar-video {
	float:left;
	width:360px;
	padding:30px 0 30px 0;
	margin:0;
}

/** contact box **/

.contactbox {
	background-image:url(images/contactbox_bg.gif);
	background-repeat:no-repeat;
	width:354px;
	height:434px;
	margin:0 auto 0 auto;
}

.contactboxbig {
	background-image:url(images/contactboxbig_bg.gif);
	background-repeat:no-repeat;
	width:588px;
	height:434px;
	margin:0;
}

.contactboxtable {
	color:#666;
	text-shadow:#FFF 1px 1px;
}

.contactboxtable tr {
	background-image:url(images/linesep.gif); 
	background-position:bottom; 
	background-repeat:repeat-x;
}

.contactboxtable td {
	padding:7px 0 7px 0;
}

.contactpadding {
	padding:15px 20px 0 20px;
}

.contactpaddingbig {
	float:left;
	padding:15px 0 0 15px;
}

.contactbox h2 {
	color:#342d3b;
	padding:0;
	text-shadow:#FFF 1px 1px;
}

.field_box {
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	width:300px;
	max-width:300px;
	max-height:60px;
	border:none;
}

.contactbox a,
.contactboxbig a {
	color:#666;
	text-decoration:none;
}

.contactbox a:hover,
.contactboxbig a:hover {
	color:#0092ce;
}

/** sub content box **/

.subcontentbox {
	background-image:url(images/linesep_h.gif);
	background-position:right center;
	background-repeat:no-repeat;
	float:left;
	width:222px;
	height:250px;
	padding:10px 10px 0 10px;
	margin:0;
}

.subcontentbox h3 {
	border:none;
	color:#342d3b;
	padding:0 0 5px 0;
	margin:0;
	text-shadow:#FFF 1px 1px;
}

.subcontentbox ul {
	padding:0;
	margin:0;
}
.subcontentbox li {
	list-style:none;
	font-size:12px;
	text-shadow:#FFF 1px 1px;
	padding:0 0 5px 0;
	color:#333;
}

.subcontentbox li a {
	color:#333;
	text-decoration:none;
}

.subcontentbox li a:hover {
	color:#0092ce;
}

/** footer **/

#footer {
	background-color:#342d3b;
	border-top:#FFF 1px solid;
	width:100%;
	height:20px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:right;
	color:#FFF;
	font-size:10px;
	padding:8px 0 0 0;
}