/* Copyright 2010 Hylidix LLC. All Rights Reserved */

body {background-color: #FFFFFF;margin: 0px;padding: 0px; font-family: "Arial";}

img {border:none;}
.imgleft {float: left;margin: 0px 15px 10px 0px;}
.imgleftside {float: left;margin: 5px 10px 0px 5px;}
.imgright {float: right;margin: 0px 0px 10px 10px;}
.imgcenter {margin: 10px auto; text-align:center;display:block;}

h1 {font: bold 24px "Liberation Sans", "Arial", Helvetica, sans-serif;margin: 0px 0px 30px 0px;}
.headline {font: bold 30px "Liberation Sans", "Arial", Helvetica, sans-serif;margin: 0px;padding: 10px 10px 0px 0px;float: right;}
h2 {font: bold 18px/120% "Liberation Sans", "Arial", Helvetica, sans-serif;}

h2.home, h1.home {margin: 0px;
}
h3 {font: bold 16px/120% "Liberation Sans", "Arial", Helvetica, sans-serif;}

h3.sidebar {
	width: 170px;
	background: #FFFFFF url('images/bullet-arrow-sm.gif') no-repeat left center;
	border-bottom: 1px #D5D5D5 solid;
	border-top: 1px #D5D5D5 solid;
	margin: 0px;
	padding: 10px 0px 10px 30px;
	color: #0058B0;
}

#header {
	background: #000000 url('images/hback.jpg') repeat-x bottom;
	height: 125px;
	width: 100%;
	min-width: 960px;
}

#hcontainer {
	background: none;
	width: 960px;
	height: 100px;
	margin: 0px auto;
	padding: 0px;
}

#logo {
	float:left;
	clear: both;
	display: inline;
	width: 320px;
	height: 80px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#contact {
	height: 60px;
	width: 400px;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 84px;
	float: left;
	display: inline;
	font: bold 20px "Liberation Sans", "Arial", Helvetica, sans-serif;
	color: #04588C;
	text-align: left;
}

#contact p {font: normal 17px "Liberation Sans", "Arial", Helvetica, sans-serif;color: #000000;margin:0px auto;}

#socmed {
	width: 140px;
	margin: 35px 5px 0px 0px;
	text-align: right;
	float: right;
	display: inline;
}

#menu {
	height: 30px;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	float: left;
	display: inline;
	clear: both;
}

#hbrow {background: url('images/homebannerback.jpg') repeat-x center top;height: 300px;width: 100%;	min-width: 960px;}
#homebanner {background: url('images/homebanner.jpg') no-repeat center top;height: 300px;width: 100%;margin: 0px auto;}
#hbcontainer {width: 960px;height: 300px;margin: 0px auto;font-family: "Liberation Sans", "Arial", Helvetica, sans-serif;color: #FFFFFF;}

#hbcontainer .video {
	width: 361px;
	height: 270px;
	margin: 15px 0px 0px 0px;
	display: block;
	background: #000000 url('images/video-temp.jpg') no-repeat;
	float: left;
}
#hbcontainer .list {width: 590px;margin: 0px;float: right;padding: 10px 0px 0px 0px; font: normal 16px "Liberation Sans", "Arial", Helvetica, sans-serif;}
#hbcontainer .list ul {float: left;margin: 15px 0px 0px 20px;}
#hbcontainer .list ul li {list-style-type:none; background: transparent url('images/144.png') no-repeat left top; line-height: 130%; padding: 0px 0px 3px 25px;*margin-left: 40px;}
#hbcontainer .subscribe {font: bold 18px Arial, sans-serif;width: 200px;float: left;margin: 20px 0px 0px 95px;}
#hbcontainer .button {display: inline;float: right;padding: 5px 10px 0px 0px;}

#subbanner {
	background: #DBDBDB url('images/subbanner.jpg') no-repeat center top;
	width: 100%;
	min-width: 960px;
	height: 35px;
	margin: 0px auto;
	border-top: 1px #444444 solid;
	border-bottom: 1px #CCCCCC solid;
}

#content {
	width: 960px;
	margin: 15px auto;
	padding: 0px;
}

#content .left {
	margin: 20px 0px 0px 0px;	
	width: 710px;
	float: left;
	display: inline;
	font: normal 12px/140% "Liberation Sans", "Arial", Helvetica, sans-serif;
	color: #000000;
	text-align: left;
}

#content a:visited,a:link,a:active{color:#0066CC;}
#content a:hover{color: #FF6600;}

#content .left ul li {padding: 5px 0px;}

#content .right {
	background-color: #F5F5F5;
	margin: 20px 0px 0px 0px;	
	width: 200px;
	float: right;
	display: inline;
	border-left: 1px #D5D5D5 solid;
	border-right: 1px #D5D5D5 solid;
	border-bottom: 1px #D5D5D5 solid;
}

#content .right p {margin: 5px 5px 10px 5px;font: normal 12px/130% "Liberation Sans", "Arial", Helvetica, sans-serif;}

#content .righttext {
	margin: 30px 0px 0px 0px;
	padding: 0px;
	width: 200px;
	float: right;
	display: inline;
	font: normal 12px/130% "Liberation Sans", "Arial", Helvetica, sans-serif;
	text-align: left;
}

.arrow {background: url('images/box-arrow.gif') no-repeat;width: 200px;height: 6px;margin-top: -1px;}

#hbox {width: 320px;height: 330px;display: inline-block;float: left;font: normal 16px/120% "Liberation Sans", "Arial", Helvetica, sans-serif;text-align: left;margin-top: 15px;}

#hbox p {margin: 10px 0px 0px 15px;width: 290px;}
#hbox p.t {margin: 87px 0px 0px 15px;}

#hbox.seo {background: #FFFFFF url('images/seo_c.jpg') no-repeat left top;font: normal 16px/120% "Liberation Sans", "Arial", Helvetica, sans-serif;}
#seolink {position:relative; width:272px; height:34px; background:transparent url('images/seoButton.jpg'); overflow:hidden; margin:20px auto;}
#seolink a {float:left; width:272px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:100px; background:transparent url(images/seoButtonh.jpg) no-repeat 500px 500px;}
#seolink a:hover {background-position: 0 0; z-index:50;}

#hbox.emm {background: #FFFFFF url('images/emm_c.jpg') no-repeat left top;font: normal 16px/120% "Liberation Sans", "Arial", Helvetica, sans-serif;}
#emmlink {position:relative; width:272px; height:34px; background:transparent url('images/emmButton.jpg'); overflow:hidden; margin:20px auto;}
#emmlink a {float:left; width:272px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:100px; background:transparent url(images/emmButtonh.jpg) no-repeat 500px 500px;}
#emmlink a:hover {background-position: 0 0; z-index:50;}

#hbox.wsd {background: #FFFFFF url('images/wsd_c.jpg') no-repeat left top;font: normal 16px/120% "Liberation Sans", "Arial", Helvetica, sans-serif;}
#wsdlink {position:relative; width:272px; height:34px; background:transparent url('images/wsdButton.jpg'); overflow:hidden; margin:20px auto;}
#wsdlink a {float:left; width:272px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:100px; background:transparent url(images/wsdButtonh.jpg) no-repeat 500px 500px;}
#wsdlink a:hover {background-position: 0 0; z-index:50;}

#hdivider {background: #FFFFFF url('images/hdivider.jpg') no-repeat center top;width: 965px;height: 1px;clear:both;margin: 10px auto;}

#dbox {
	width: 590px;
	height: 330px;
	display: inline-block;
	float: left;
	font: normal 14px/120% "Liberation Sans", "Arial", Helvetica, sans-serif;
	text-align: left;
	margin-top: 5px;
	padding: 10px 30px 0px 15px;
}

#hbox.customers {background: #FFFFFF url('images/works.jpg') no-repeat left top;float:right;}

#divider {clear:both;width: 960px;height: 10px; margin: 0px auto;}

/* Footer */
#footer {width: 100%;min-width: 960px;height: 210px;background: #333333 url('images/fback.jpg') repeat-x top;color: #FFFFFF;}
#footer a:link {color: #FFFFFF;}
#footer a:hover, a:visited, a:active {color: #CCCCCC;}
#footerbox {width: 960px;height: 180px;margin: 0px auto;font: bold 20px "Liberation Sans", "Arial", Helvetica, sans-serif;color: #CCCCCC;text-align:left;}
#footerbox .left {width: 610px;height: 170px;display: inline-block;float: left;padding: 20px 10px 0px 15px;}
#footerbox .right {width: 295px;height: 170px;display: inline-block;float: left;padding: 20px 10px 0px 15px;font: normal 14px/140% "Liberation Sans", "Arial", Helvetica, sans-serif;color: #FFFFFF;}
#footerbox .right p {margin: 0px 0px 0px 78px;}
#footerbox .info {width: 960px;height: 20px;display: block;float: left;text-align: center;color: #FFFFFF;font-size: 12px;font-weight: normal;}
#footerbox .ql {width: 180px;margin: 0px;display: inline;float: left;color: #EEEEEE;}
#footerbox .ql p {font: normal 12px/140% "Liberation Sans", "Arial", Helvetica, sans-serif;width: 170px;margin: 10px 0px 0px 0px;padding: 0px;}
#footerbox .sv {width: 400px;margin: 0px 0px 0px 20px;display: inline;float: left;clear: right;color: #EEEEEE;}
#footerbox .sv p.left {font: normal 12px/140% "Liberation Sans", "Arial", Helvetica, sans-serif;width: 195px;height: 130px;margin: 10px 0px 0px 0px;padding: 0px;float: left;display: inline;}
#footerbox .sv p.right {font: normal 12px/140% "Liberation Sans", "Arial", Helvetica, sans-serif;width: 195px;height: 130px;margin: 10px 0px 0px 5px;padding: 0px;float: left;display: inline;}

/* Sitemap */
.sitemap {float: left;display: block; padding: 0px 0px 25px 15px; margin: 5px 0px 0px 5px;}
.sitemap ul {margin: 0px 0px 0px 0px; padding: 5px;} 
.sitemap ul li {margin: 0px 0px 0px 20px; padding: 5px;} 
.sitemap ul li a {font: normal 12px "Liberation Sans", "Arial", Helvetica, sans-serif;padding: 10px 0px;}

/* Contact Form */
form#seo {background:#DDDDDD; width:470px; padding:10px; border:1px solid #999999; margin: 24px 0px 10px 138px;}
form#seo fieldset {width:450px; display:block; border:1px solid #FFFFFF; padding:5px; font-family: Verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#seo legend {font-family: "Liberation Sans", "Arial", Helvetica, sans-serif;font-size: 1.3em;border:1px solid #FFFFFF;font-weight: bold;margin-bottom: 10px;padding: 6px 3px 1px 10px;width: 200px;height:23px; background:url('images/fieldset.jpg') repeat-x;color:#FFFFFF;}
form#seo label {clear:left; display:block; float:left; width:120px; text-align:right; padding-right:10px; color:#555555; margin-bottom:0.5em;}
form#seo input {padding-left:0.2em; margin-bottom:0.6em;}
form#seo input.texts {width: 200px;}
form#seo textarea {width:310px; height:150px; border:1px solid #FFFFFF; padding:0.3em; overflow:auto; background-color:#FFFFFF;}
form#seo #saveForm, form#seo #button2 {color:#C00000; background:#FFFFFF url(images/form.gif) repeat-x top left; cursor:pointer; width:205px; margin: 0px 5px;border:1px #FFFFFF solid;}
form#seo #saveForm:hover, form#seo #button2:hover {background-position:center left; color:#000000;}

/* Policies */
#pcontent {width: 700px;margin: 20px auto;padding: 0px;font: normal 12px/120% "Liberation Sans", "Arial", Helvetica, sans-serif;color: #000000;}
#phead {width: 700px;height: 80px;margin: 0px auto 40px auto;padding: 0px;}
h1.policy {text-align:right;padding:20px 15px 15px 0px;margin:0px;float:right;width:360px;}
#pcontent p.date {text-align:right;padding: 0px 15px 0px 0px;float:right;width:360px;}
#pfoot {width: 700px;margin: 40px auto 10px auto;padding: 0px;text-align: center;}
#pcontent a:visited,a:link,a:active{color:#0066CC;}
#pcontent a:hover{color: #FF6600;}