/* generated by csscreator.com */
html, body{
margin:0;
padding:left;
text-align:center;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
background-color:rgb(0,64,82);
}
#pagewidth{
width:985px;
text-align:left; margin:0;
margin-left:auto;
margin-right:auto;
padding:0;
}
#wrapper {
margin:0;
padding:0;
}
/**********/
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
#header {
background-image:url(../images/new-header.jpg);
background-repeat:no-repeat;
width:985px;
height:252px;
}
#nav {
width:985px;
height:33px;
background-color:transparent;
padding-top:215px;
margin-left:auto;
margin-left:auto;
}
#nav ul {
float: none;
list-style: none;
line-height: 1.25em;
color: #237387;
background-color: transparent;
font-weight: bold;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding-top:2px;
padding-left:30px;
width:985px;
padding-right: 0;
padding-bottom: 0;
}
/* -------------------------- */
/* The top main navigation links */
#nav a {
display: block;
/* padding: 5px 12px;*/
color: #237387;
background-color:transparent;
text-decoration: none;
/* background-image:url(../images/bar.jpg);
*/
background-position:right;
background-repeat:no-repeat;
padding-top:5px;
padding-bottom:5px;
padding-left:8px;
padding-right:16px;
}
#nav a:hover {
color: #000;
text-decoration: none;
}
#nav li {
float: left;
padding: 0;
list-style:none;
}
/* The dropdown links lists */
#nav li ul {
position: absolute;
z-index: 10;
left: -999em;
height: auto;
width: 170px;
font-weight: normal;
border: 1px solid #237387;
background-image:url(../images/nav-bak.jpg);
margin: 0; padding:0;
}
#nav li li {
padding: 0;
width: 100%;
}
#nav li ul a {
padding: 5px 8px;
width: 170px;
background-image:none;
* html width: 100px;
}
/* This controls the flyout location of the second level dropdowns */
#nav li ul ul {
margin: -2em 0 0 100px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
/* -------------------------- */
/* Here is the background of the main nav link while looking at the dropdown */
#nav li:hover, #nav li.sfhover {
background-color: transparent;
}
/* -------------------------- */
/* The dropdown links list colors */
#nav li ul.under a {
color: #237387;
/* background-image: none;*/
}
#nav li ul.under a:hover {
/* background: ;*/
color: #000;
}
/* -------------------------- */
/* The background of the second level links while looking at the dropdown under it... */
#nav li ul.under li:hover a.daddy, #nav li ul.under li.sfhover a.daddy {
color: #000;
}
#nav li ul.under li:hover, #nav li ul.under li.sfhover {
color: #000;
/* background-color: #663300;*/
}
/* -------------------------- */
#twocols{
width:985px;
float:left;
padding:0;
position:relative;
background-color:#FFFFFF;
padding-top:15px;
padding-bottom:15px;
margin:0;
}
#leftcol{
width:645px;
float:left;
margin:0;
padding:0;
position:relative;
border: none;
border-right:silver 1px solid;
padding-left:15px;
padding-right:15px;
text-align: left;
}
#leftcol-home{
width:900px;
float:left;
margin:0;
padding:0;
position:relative;
border: none;
border-right:silver 1px solid;
padding-left:15px;
padding-right:15px;
}
#services{
background-color:#FFF
}
#services .left #SEO{
width:300px;
float:left;
clear:none;
border:solid 0px #fff;
padding: 10px;
text-align: left;
background-color:#FFF
}
#services .left #SEO ul{list-style:none;margin:0;padding:0}
#services .left #SEO h2{font-family:Georgia;font-size:20px;color:#fff;margin:0;padding:0;font-weight:normal}
#services .left #SEO li{font-family:Arial;font-size:12px;line-height:2em}
#services .left #Web{
width:300px;
float:left;
clear:none;
border:solid 0px #fff;
text-align: left;
padding: 10px;
}
#services .left #Web ul{list-style:none;margin:0;padding:0}
#services .left #Web h2{font-family:Georgia;font-size:20px;color:#fff;margin:0;padding:0;font-weight:normal}
#services .left #Web li{font-family:Arial;font-size:12px;line-height:2em}
#services .left #contact{
width:300px;
float:left;
clear:none;
border:solid 0px #fff;
padding: 10px;
text-align: left;
}
#services .left #contact ul{list-style:none;margin:0;padding:0}
#services .left #contact h2{font-family:Georgia;font-size:20px;color:#fff;margin:0;padding:0;font-weight:normal}
#services .left #contact li{font-family:Arial;font-size:12px;line-height:2em}
#services .left #contact p{font-family:Arial;font-size:12px;color:#707070}
#rightcol{
background-color: #FFFFFF;
display:block;
margin:0;
padding: 0px 35px 0px 45px;
float: left;
position:relative;
width:220px;
}
#contact {
width:215px;
}
#contacttop {
width:215px;
background-image:url(../images/form-title.jpg);
background-repeat:no-repeat;
height:42px;
padding:0;
margin:0;
}
#contactmid {
width:195px;
padding:0; margin:0;
background-image:url(../images/form-mid.jpg);
background-repeat:repeat-y;
padding-left:15px;
padding-right:5px;
padding-top:3px;
position:relative;
font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000;
line-height:21px;
height:280px;
}
#contactmid p {
font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#237387;
height:12px;
font-weight:bold;
margin-bottom:4px;
}
input {
border: 1px #237387 solid;
max-width:110px;
width:115px;
height:17px;
vertical-align:top;
}
p {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color:#000;
line-height:21px;
}
.group {
font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000;
line-height:21px;
}
a:link{
color:#000066;
text-decoration:underline;
}
a:hover {
text-decoration:underline;
color:#000066;
}
a:visited{
color:000066;
text-decoration:underline;
}
#list{
padding-left:5px;
}
#list li {
font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000;
line-height:21px;
list-style:square;
margin-left:10px;
}
h1 {
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
line-height: 20px;
font-weight: bold;
font-style:normal;
color:#054E61;
/* font-size:15px;*/
margin:0;
padding:5px 0 23px 0;
}
h2 {
font-family: Arial, Verdana;
font-size: 15px;
line-height: 19px;
font-weight: bold;
color:#000;
margin:0;
padding:0px 0 5px 0;
}
.imgl {
float:left;
padding:0px 15px 10px 0px;
text-align:center;
font-weight:bold;
font:Arial;
}
.imgr {
float:right;
padding:0px 15px 15px 15px;
text-align:center;
font-weight:bold;
font:Arial;
}
#spacer {
height: 250px;
}
/*Footer********************************/
#footer{
height:78px;
clear:both;
width: 985px;
margin:0; padding:0;
margin-right: auto;
margin-left: auto;
background-color:transparent;
background-image:url(../images/footer-bak.jpg);
background-repeat:no-repeat;
padding-top:25px;
/* position:relative;*/
}
#footercontact {
margin:0; padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
text-decoration: none;
width: 980px;
padding-right: 3px;
text-align: center;
font-weight:bold;
position:relative;
height:15px;
}
#footercontact a:link {
color:#fff;
text-decoration:none;
}
#footercontact a:visited {
color:#fff;
text-decoration:none;
}
#footercontact a:hover {
color:#fff;
text-decoration:underline;
}
#footerlinks {
margin:0; padding:0;
text-align:center;
width: 980px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
line-height:17px;
color: #fff;
position:relative;
height:50px;
}
a.footer, a.footer:visited {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
a.footer:hover {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: underline;
}
a.directoryone, a.directoryone:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #fff;
}
a.directoryone:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
text-decoration: underline;
}
@media print {
body {background-color: white; color:#000; background:none;}
}