/* 
  ------------------------------------------------
  Selestin | http://www.websbyselestin.com
  ------------------------------------------------
*/

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #333333; background-color: #ffffff; margin: 0; padding: 0; min-width: 1260px;}
#bod #container #wrapper #column_wrapper #rightindex #ebusiness .content a {text-decoration: none;}
#container, #containertech {background-color:#000000; margin:0; padding: 0; background-image: url(../images/bgpower.jpg); background-repeat: no-repeat;}
#containertech {background-image: url(../images/bgpowertech.jpg); background-position: top left; background-repeat: no-repeat;}

h1, h2, h3, h4 {font-family: "Palatino Linotype", Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size: 1.25em; 	margin: 0;}
h2 {font-size: 1.2em; margin: 20px 0 0 0;}
h3 {font-size: 1.1em; margin: 20px 0 0 0;}
h4 {font-size: 1em; margin: 20px 0 0 0;}

.style1 {font-style:italic; color: #CCCCCC; font-weight: bold;}
.style2 {color: #FFFFFF; font-weight: bold;}
.style3 {color: #004080; font-weight: bold;}

h1.serviceintro { color: #FCFCFA; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h2.style4 { margin: 0; color: #FBC408; padding-bottom: 20px; }
h2.style5 { margin: 0 0 0 0; color: #FBC408; padding: 55px 0 0 0; }
.nomargintop {margin-top: 0;}
.content p {margin: 12px 0;}
.copyright {padding-left: 20px;}
p.intro { margin-top: -2px; margin-bottom: 0px; }
p.support { margin-top: 0px; margin-bottom: 0px; }
p.supportgold {color: #FBC408; margin-top: 0px; margin-bottom: 0px;}

img {border: none; 	margin: 0;}
img.floatlft {float:left; clear: right; padding: 10px 10px 5px 0;}
.floatlftfeatutedsites, .servicesdes {float:left; clear: right; padding: 0 10px 5px 0;}	
img.floatrgt {float:right; clear: right; padding: 10px 0 10px 10px;}

div.thumbs {float:left; clear: right; padding: 10px 10px 0px 0;}	
div.float {float: left; margin: 0 auto; padding: 0; width: 260px;}	
.clearfloat {clear: both; height: 0; line-height: 0; font-size: 0;}

.pullquote {
float: right;
margin: 10px;
color: #000000;
width:30%;
padding: 0;
border:1px solid black;
font-size:0.9em;
background-color: #ffffff;
text-align: left;
}

div.hr {border: none; color: #000000; background-color: #000000; width: 75%; height: 1px;}

#masthead, #mastheadtech {background-image: url(../images/bgmast.jpg); padding: 0px; margin: 0 0 20px 0; height: 99px;}
#masthead .content, #mastheadtech .content {padding: 0;}
#masthead h1, #mastheadtech h1 {color: #000000; font-size: 175%; position: relative; width: 520px; height: 99px; overflow: hidden;}
#masthead h1 span, #mastheadtech h1 span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/logoselestin.jpg); background-repeat: no-repeat;}
#mastheadtech h1 span {background-image: url(../images/logotech.jpg); background-repeat: no-repeat;}

#logo {margin: 0;}

#navcontainer { width: 460px; margin-left: 620px; margin-top: -55px; overflow: auto; height: 50px; }
#nav { width: 460px; margin: 0; padding: 0; float: left; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
#nav li {margin: 0; padding: 30px 0 0 0; float: left;}	
#nav a {width: 90px; float: left; color: #FFFFFF; text-decoration: none; text-align: center; line-height: normal; border-right: 1px solid #FFFFFF;}
#navcontainer #nav #navhome a {border: none;}	
#nav a:hover {color: #0777e2!important; font-weight: bold; text-decoration: none;}

#wrapper { width: 990px; margin: 0 auto; height: 350px; }
#column_wrapper {}
#wrapper .menulist a, #wrapper .menulist a:visited {color: #000000;}

#layout-top {
height: 16px;
width: 210px;
font-size: 0;
background-image: url(../images/acpaneltop.gif);
background-repeat: no-repeat;
line-height: 0.0;
margin: 0 auto;
}

#layout_bottom {
height: 16px;
font-size: 0;
clear: both;
background-image: url(../images/acpanelbottom.gif);
background-repeat: no-repeat;
width: 210px;
margin: 0 auto;
}

#left {width: 700px; float: left;}
#left .content {padding: 20px 20px 0 20px; font-size: 0.8em; line-height: 1.65em;}
#left a:link {color: #000000;}
#left a:visited {color: #000000;}
#left a:hover {color: #0066CC;}

#outsource { width: 700px; height: 320px; float: left;} 
#outsource .content { padding: 20px 15px 0 15px; font-size: 0.8em; line-height: 1.65em; background-image: url(../images/bgservpanelhm.jpg); background-repeat: no-repeat; background-position: left bottom; color: #FFFFFF; height: 284px; 
}

div.outsourcead1 { width: 172px; height: 165px; float: left; clear: right; margin-left: -13px; margin-top: 57px; color: #000000; }
div.outsourcead2 { width: 179px; height: 165px; float: left; clear: right; margin-left: 0px; margin-top: 57px; color: #000000; }
div.outsourcead3 { width: 165px; height: 165px; float: left; clear: right; margin-left: 0px; margin-top: 57px; color: #000000; }
div.outsourcead1 p { padding: 0 0 0 10px; }
div.outsourcead2 p, div.outsourcead3 p {margin: 0;}

#outsource a:link {color: #000000;}
#outsource a:visited {color: #000000;}
#outsource a:hover {color: #0066CC;}
#outsource .content .supportgold a, #outsource .content .supportgold a:link {color: #FBC408; text-decoration: none; font-weight: normal;}
#outsource .content .supportgold a:visited {color: #FBC408;}
#outsource .content .supportgold a:hover {color: #0777e2;}

.menulist {margin: 6px 0 12px 0; padding: 0; list-style-type: none;}

#right, #rightindex, #rightportfolio {width: 290px; float: left;}
#right .content {padding: 24px 20px; font-size: 0.75em; line-height: 1.5em;}
#rightindex .content {padding: 0px 40px; font-size: 0.75em; line-height: 1.5em;}
#rightportfolio .content {padding: 0; font-size: 0.75em; line-height: 1.5em;}
#rightportfolio a {color: #f9fffd!important;}
#rightportfolio a:link {color: #f9fffd!important; text-decoration:none;}
#wbsfeaturedsite a, #wbsfeaturedsite a:link {color: #fece26!important; text-decoration:none;}
#rightportfolio a:visited, #wbsfeaturedsite a:visited {color: #f9fffd; text-decoration: none;}
#rightportfolio a:hover, #wbsfeaturedsite a:hover { color: #0777e2!important; }
#rightportfolio ul {list-style:none; margin-left:-25px; margin-top:5px;}
#rightportfolio li {padding: 3px 0; margin-left: 0px;}
#rightportfolio img {padding-top: 22px; padding-bottom: 0px;}
#right a:link {color: #000000;}
#right a:visited {color: #000000;}
#right a:hover {color: #0066CC;}

#ebusiness {
width: 211px;
height: 282px;
font-family: "Palatino Linotype", Verdana, Arial, Helvetica, sans-serif;
background-image: url(../images/products.jpg);
background-repeat: no-repeat;
color: #000000;
margin: 38px auto 0 auto;
overflow: hidden;
}

#ebusiness .content {padding: 25px 0 0 0; font-size: 1em; line-height: normal; text-align: left; font-weight: bold;}
#ebusiness a:link {color: #000000;}
#ebusiness a:visited {color: #000000;}
#ebusiness a:hover {color: #0066CC;}
#ebusiness ul {list-style:  url(../images/arrow.gif) outside;}

#marketingtools {margin: 0 auto; width: 100%; height: 140px; overflow: hidden;}
#marketingtools a:link {color: #000000; text-decoration: none;}
#marketingtools a:visited {color: #000000; text-decoration: none;}
#marketingtools a:hover {color: #0777e2; text-decoration: none;}
#marketingtools ul {list-style:  url(../images/arrow.gif) outside; padding-top: 0px;}

#column_bottom {height: 12px;}

#footer { margin: 10px 0 0 0; font-size: 0.7em; background-color: #FFFFFF; background-image: url(../images/bgfooter2.jpg); background-repeat: repeat-x; padding: 0px; }
#footer .content {padding: 36px 0 20px 95px; color: #CCCCCC;}
#footercontentholder {margin: 0 auto; width: 990px;}
#footercontentholderpcontainer {margin: 0; padding: 0; background-color: #FFFFFF; visibility: hidden; display: none; border-bottom: 1px solid #000000;}

#wbsfeaturedsite {background-color: #000000; color: #FFFFFF; margin-top: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
#wbsfeaturedsite h1.heading2 {color: #FFFFFF; font-size: 1.5em}
#wbsfeaturedsite .content {color: #FFFFFF!important; padding-top: 20px;}

#introselestin, #contactselestin {margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #000000;}
#introselestin .heading1 {padding: 0; margin: 0; color: #333333; font-size: 1.25em;}
#introselestin .heading2 { padding: 0; margin: 0; color: #000000; font-size: 1.5em; }
#introselestin .content, #contactselestin .content, #wbsfeaturedsite .content {padding: 50px 25px 0 25px; line-height: 1.5em; font-size: 1.1em; color: #000000;}
#introselestin a:link {color: #333333!important; font-weight: bold;}
#introselestin a:visited {color: #333333!important;}
#introselestin a:hover {color: #0066CC!important; text-decoration: underline;}

#contactselestin .heading1 {padding: 0; margin: 0; font-size: 1.1em;}
#contactselestin .heading2 {padding: 0; margin: 0; color: #0000FF; font-size: 1.2em;}
#contactselestin .content .style_a {margin: 0; padding: 10px 0 0 90px; font-weight: bold;}
#contactselestin .content .style_b {margin: 0; 	padding: 10px 0 0 141px;}
#contactform {width: 550px; margin:0 0 0 90px; padding:0;}
#contactform h3 {font-size: 1.1em; margin: 0; padding: 0;}
#contactform p {margin:0}

#seelive, #readmore {margin-top: 0px;}

#newslettersignup {margin-left: 5px; margin-top: 5px;}

#howto {margin: 15px 0 0 0; padding: 0 0 0 25px; width: 190px; float: left; list-style: none;}
#howto li {width: 100%; float: left;}
#howto a {display: block; color: #cccccc!important; text-decoration: none; padding: 0px; line-height: 1.5em; border: none;}
#howto a:hover { color: #0777e2!important; font-weight: normal!important; text-decoration: none; }

#footercontentholderp {margin: 0 auto; width: 990px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#footercontentholderp .heading1, #footercontentholderp .heading2 {padding: 0; margin: 0;}
#footercontentholderp .heading2 {color: #0000FF;}
#footercontentholderp .content {padding: 20px; line-height: 1.5em; font-size: 0.85em; color: #000000 !important;}
#footer a:link {color: #0066CC;}
#footer a:visited {color: #0066CC}
#footer a:hover {color: #000000;}

#floatleftfooterindex1 { float: left; background-image: url(../images/howtotut.png); background-repeat: no-repeat; margin: 20px 20px 10px 35px; padding: 0; width: 260px; height: 300px; overflow: hidden; 
}

#floatleftfooterindex2, #floatleftfooterindex2main {
float: left;
background-image: url(../images/featuresites/featurefsj.png);
background-repeat: no-repeat;
background-position: top center;
margin: 20px 20px 10px 35px;
padding: 0;
width: 260px;
height: 300px;
overflow: hidden;
}

#floatleftfooterindex2main {background-image: url(../images/businesslogosvc.png); background-repeat: no-repeat; background-position: top center;}

#floatleftfooterindex3 {
float: left;
background-image: url(../images/clientsay.png);
background-repeat: no-repeat;
background-position: top center;
margin: 20px 20px 10px 35px;
padding: 0;
width: 260px;
height: 300px;
overflow: hidden;
}

#floatleftfooterindex1 .content {margin: 25px 20px 10px 15px; padding: 10px 5px 10px 0px; color: #000000;}
#floatleftfooterindex2 .content, #floatleftfooterindex2main .content {margin: 20px 15px 10px 15px; padding: 250px 5px 10px 10px; color: #000000;}
#floatleftfooterindex3 .content { margin: 20px 15px 10px 15px; padding: 10px 10px 10px 15px; line-height: 1.5em; color: #cccccc; overflow: hidden; }
#floatleftfootercontact1 {float: left; margin: 20px 20px 10px 40px; padding: 0; width: 260px; height: 300px; overflow: hidden;}
#floatleftfootercontact2 {float: left; background-position: top center; margin: 20px 20px 10px 35px; padding: 0; width: 260px; height: 300px; overflow: hidden;}
#floatleftfootercontact3 {float: left; background-position: top center; margin: 20px 20px 10px 35px; padding: 0; width: 260px; height: 300px; overflow: hidden;}
#floatleftfootercontact1 .content {margin: 25px 20px 10px 15px; padding: 10px 5px 10px 0px; color: #000000;}
#floatleftfootercontact2 .content {margin: 20px 15px 10px 15px; padding: 250px 5px 10px 10px; color: #000000;}
#floatleftfootercontact3 .content {margin: 20px 15px 10px 15px; padding: 10px 10px 10px 15px; line-height: 1.5em; color: #000000; overflow: hidden;}

#testimony {margin: 0 auto; width: 990px;}
#testimony .content {padding: 60px 50px 20px 50px;}
.testimonyauthor {font-weight: bold; font-family: "Palatino Linotype", Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em;}

.uberlink {font-weight: bold !important; color: #fece26!important;}

#closingcredits {
margin: 0;
font-size: 0.7em;
clear: both;
background-color: #FFFFFF;
background-image: url(../images/closingcredits.gif);
background-repeat: repeat-x;
background-position: top;
}

#closingcredits .content {padding: 20px 20px 10px 20px; color: #000000;}

#bottomnav { margin: 0 ; padding: 0; list-style: none; }
#bottomnav li {display: inline;}
#bottomnav a {width: 60px; color: #0777e2; text-align: center; text-decoration: none; padding: 0 10px; line-height: 1.5em; border-right: 1px solid #cccccc;}
#bottomnav a:visited {color: #0777e2!important; font-weight: normal!important;}	
#bottomnav a:hover {color: #000000!important; font-weight: normal!important; text-decoration: none;}
#bottomnav #bottomnavhome a {border-right: none;}