/*
=================================
CSS document for serverstream.net
Developed by www.simbax.com
=================================
*/

body {
	padding:20px 0;
	margin:0;
	background:#EAEDEF url(../i/bg_body.gif) repeat-x top left;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	line-height:16px;
	text-align:center
}


/* main navigation tabs */
div#tabs {
	background:#000066 url(../i/bg_tabs.gif) repeat-x top left

}
div#tabs ul {
	padding: 0;
	margin:0;
}
div#tabs ul li {
	display:inline;
	list-style-type: none;
	padding:0;
	margin:0;
	float:left;
}
div#tabs ul li a {
	color:#fff;
	padding:6px 42px 6px 10px;
	text-decoration: none;
	display:block;
	font-size:10px;
	
}
div#tabs ul li a:hover {
	/*text-decoration:none;
	background:#B9CBE3*/
}

/* begin styling of dropdown sublist */
div#tabs li ul {
	position: absolute;
	left: -999em;
	height: auto;
	/*z-index:100;*/
	width: 150px;
	/*background:#fff;*/
	border-top:0;
	margin:0;
	padding:0;
	
}

div#tabs ul li ul ul { /* third-and-above-level lists */
	margin: -24px 0 0 144px;
}



	/** html div#tabs li ul {padding-top:4px}*/	
/*div#tabs li:hover ul, div#tabs li.sfhover ul { left: -999em }
div#tabs li:hover ul, div#tabs li.sfhover ul { left: auto }*/

div#tabs ul li:hover ul ul, div#tabs li.sfhover ul ul {
	left: -999em;
}

div#tabs ul li:hover ul, div#tabs ul li li:hover ul, div#tabs ul li.sfhover ul, div#tabs ul li li.sfhover ul {
	left: auto;
}


div#tabs ul li ul li {
	background:none;
	float:none;
	padding:0;
	margin:0;
}
div#tabs ul li ul li a {
	padding:4px 12px;
	margin:0;
	color:#fff;
	width:120px;
    background:#003366;
	opacity:.90;
    filter: alpha(opacity=90)
}
div#tabs ul li ul li ul li a {
	padding:4px 12px;
	margin:0;
	color:#fff;
	width:120px;
    background:#333;
	opacity:.90;
    filter: alpha(opacity=90)
}

div#tabs ul ul a:hover {
	text-decoration:underline
}
/* end main navigation tabs */


/* more info button	*/
a:link.moreinfo, a:visited.moreinfo { background:url(../i/bg_moreinfo.png) no-repeat center left; padding:5px 1px 5px 20px; font-size:14px }
a:hover.moreinfo {}
/* /more info button */


h1 {
	margin:0 -5px 5px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding:8px 10px;
	background:url(../i/bg_h1.gif) repeat-x top
}
h2 {
	font-size:16px;
	color:#000066;
	padding:0;
	margin:15px 0 5px;
}
h2 span {color:#cc0000}
h2 a:link, h2 a:visited {font-size:10px; vertical-align:middle; color:#999999}

h2.headerlink a:link, h2.headerlink a:visited {font-size:14px; color:#000066; text-decoration:underline}
h2.headerlink a:hover {color:#0066CC}

h3 {
	font-size:12px;
	color:#cc0000;
	padding:0;
	margin:15px 0 5px
}

p {margin:5px 0 10px 0}
p.intro {
	color:#000066;
	font-weight:bold
}
p#intro {
	font-size:13px;
	padding:4px 40px 15px;
	line-height:21px;
	color:#333;
	text-align:left;
	margin:5px 0 0;
	background:url(../i/bg_intro.gif) no-repeat top center	
}
p#intro strong { color:#000066; font-size:14px }

p.error, p.success, p.recaptcha-error {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:14px;
	margin:10px 0;
	border-style:solid;
	border-width:2px;
	border-color:#c00;
	padding:8px 10px 8px 10px;
	text-align:left;
	background:#f5f5f5;
	color:#c00;
}
p.success {
	border-color:#6C0;
	color:#090
}

span.formerr {
	display:block;
	color:#c00;
	/*background:url(i/icon_warning.png) no-repeat center left;*/
	padding:3px 0
}

span.star {
	color:#c00;
	font-weight:bold;
}

small { color:#888 }

address { font-style:normal; margin-bottom:15px }

ul.speclist {margin:5px 0 10px 0; padding:0}
ul.speclist li { list-style-type:none; margin:0; padding:0}

ul#partners { margin:0; padding:0; list-style-type:none }
ul#partners li { margin-bottom:20px }
ul#partners img { float:right; margin:3px 0 5px 20px }
/*ul#partners p { margin-right:200px }*/

dl { margin:10px 20px }
dt { font-weight:bold; color:#CC0000 }
dd { margin:0; padding:0; color:#777 }

/*
	LINK STYLING 
--------------------------*/
a:link , a:visited {
	color:#0066CC; 
	text-decoration:none;
	font-weight:bold
}
a:hover {
	text-decoration:underline;
}

a:link.pdflink , a:visited.pdflink {
	background:url(../i/pdf.gif) no-repeat center left;
	padding:2px 0 2px 20px
}
a:hover.pdflink {
	text-decoration:underline;
}


/*
	MAIN CONTAINER DIVS
----------------------------*/
div#sitewrap {
	width:810px;
	text-align:left;
	margin:0 auto;
	border-top:none;
}

div#shadtop {
	background:url(../i/bg_shadtop.gif) no-repeat bottom center;
	height:18px;
}

div#shadwrap {
	background:url(../i/bg_shadwrap.gif) repeat-y top center;
	padding:0 15px
}

div#shadbot {
	background:url(../i/bg_shadbot.gif) no-repeat top center;
	height:18px;
}

div#header {
	padding:5px 10px 13px;
	background:url(../i/bg_header.png) no-repeat center right
}

div#splash {
	background-repeat:no-repeat;
	background-position:top left;
	height:180px
}

div#splash_home {
	background:#fff url(../i/bg_splash_home.jpg) no-repeat top left;
	border-bottom:3px solid #999;
	height:270px
}

div#content {
	width: 565px;
	text-align: left;
	float: left;
	padding:10px 5px 10px 10px;
	margin:0;
	display:inline;
	line-height:18px
}
* html div#content {margin-right:-3px} /* reduce the right margin to account for 3pixels */

div#homecontent {
	margin:5px 0 0;
}

div.home_promo, div.side_promo, div.home_doublepromo {
       width:185px;
       height:178px;
       float:left;
       margin:5px;
       background-position:top center;
       background-repeat:no-repeat;
       line-height:15px
}
 
div.side_promo {
       float:none;
       margin:0 0 10px
}
 
div.home_doublepromo {
       width:380px
}
 
div.home_promo a:link,
div.side_promo a:link,
div.home_doublepromo a:link,
div.home_promo a:visited,
div.side_promo a:visited,
div.home_doublepromo a:visited { font-weight:normal; color:#333; text-decoration:none }
 
div.home_promo a:hover,
div.side_promo a:hover,
div.home_doublepromo a:hover { font-weight:normal; color:#333; text-decoration:none }
 
div.home_promo p, div.side_promo p, div.home_doublepromo p     { margin:0 }
 
div#promo_firewall { background-image:url(../i/home_promo_firewalls.jpg) }
div#promo_firewall p { padding:95px 10px 10px 10px }
 
div#promo_colo { background-image:url(../i/home_promo_colo.jpg) }
div#promo_colo p { padding:45px 10px 10px 70px }
 
div#promo_controlp { background-image:url(../i/home_promo_controlp.jpg) }
div#promo_controlp p { padding:75px 100px 10px 9px }
 
div#promo_xserve { background-image:url(../i/home_promo_xserve.jpg) }
div#promo_xserve p { padding:95px 10px 10px 10px }
 
div#promo_wharf { background-image:url(../i/home_promo_wharf.jpg) }
div#promo_wharf p { padding:45px 70px 10px 10px }
 
div#promo_load { background-image:url(../i/home_promo_load.jpg) }
div#promo_load p { padding:38px 10px 75px 10px }
 
/*div#promo_sun { background-image:url(../i/home_promo_sun.jpg) }
div#promo_sun p { padding:100px 5px 10px 8px }*/
 
div#promo_manage { background-image:url(../i/home_promo_manage.jpg) }
div#promo_manage p { padding:70px 10px 10px 10px; color:#fff }
 
div#promo_ddos { background-image:url(../i/home_promo_ddos.jpg) }
div#promo_ddos p { padding:35px 20px 20px 5px; color:#fff }
 
div#promo_sunservers { background-image:url(../i/home_promo_sunservers.jpg) }
div#promo_sunservers p { padding:55px 8px 10px 8px; color:#33 }
 
div#promo_internetworld { background-image:url(../i/home_promo_internetworld.jpg) }
div#promo_internetworld p { padding:175px 0 0 0; color:#33;    }
 
/* doublre width promo boxes */
div#doublepromo_energyeff { background-image:url(../i/home_doublepromo_energyeff.jpg) }
div#doublepromo_energyeff p { padding:115px 15px 10px 15px; color:#fff; text-align:justify    }
 
div#doublepromo_highperf { background-image:url(../i/home_doublepromo_highperf.jpg) }
div#doublepromo_highperf p { padding:110px 10px 10px 10px; color:#fff; text-align:justify        }

/*div.homepage_product {
	width:240px;
	float:left;
	padding:0 5px;
	margin:0 10px
}

div#home_firewall {
	width:240px;
	border:1px solid #ccc;
	float:left;
	padding:113px 5px 0;
	margin:0 5px;
	background:url(../i/bg_home_firewall.png) no-repeat center top
}

div#home_server {
	width:240px;
	border:1px solid #ccc;
	float:left;
	padding:113px 5px 0;
	margin:0 13px;
	background:url(../i/bg_home_server.png) no-repeat center top
}*/

div#sidebar {
	margin: 0 0 0 585px;
	padding:10px 5px 0
}
* html div#sidebar {margin: 0 0 0 582px; height:1%} /* fix IE 3 pixel jog and account for 3 pixels extra padding */
* html>body div#sidebar {height:auto}

div#partners {
	background:url(../i/bg_partners.png) no-repeat center;
	height:60px;
}

div#foot {
	padding:3px 15px;
	font-size:10px;
	text-align:center;
	color:#999;
}

/*
	misc divs
-------------------------*/

div.clear {clear:both; overflow:hidden; height:1px; line-height:normal; font-size:0}
div.clearleft {clear:left; overflow:hidden; height:1px; line-height:normal; font-size:0}

div.img_caption {
	border:1px solid #ccc;
	padding:5px 5px 0;
	width:150px;
	margin:10px 9px;
	background:#f9f9f9;
	float:left
}
div.img_caption p {
	background:#eee;
	padding:3px;
	margin:5px -5px 0;
	height:38px;
	text-align:center;
	border-top:1px solid #ccc
}


/*
	table styling
-------------------------*/
table.server_tbl {
	width:100%;
	text-align:center;
	font-size:10px;
	margin:10px 0 20px
}
table.server_tbl tr th {
	padding:2px 5px;
	color:#fff;
}
table.server_tbl tr th.leftcell {
	text-align:left;
	padding:2px 5px;
	background:#ccc
}
table.server_tbl tr th.server_header {
	padding:10px;
	text-align:center;
	background:url(../i/bg_tbl_server_header.gif) no-repeat top center
}
table.server_tbl tr th.server_header h2 { margin:0 }

table.server_tbl tr td {
	padding:4px 2px;
	border-bottom:1px solid #eee;
}
table.server_tbl tr th.server_title {
	font-size:14px;
	padding:3px 0
}
table.server_tbl tr td.leftcell, table.ensimtools_tbl tr td.leftcell {
	text-align:left;
	padding:2px 5px;
	width:90px;
	background:#f5f5f5
}
table.server_tbl tr.quote_row td { border:none }
table.server_tbl tr.quote_row a { color:#fff; font-size:14px }
table.server_tbl tr td.get_a_quote {
	border:1px solid #ddd;
	border-top:none;
	padding:5px 0;
	font-size:14px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
table.server_tbl tr td.get_a_quote a { text-decoration:underline }

table.server_tbl tr.quote_row td.col1 { background:url(../i/bg_tr_quote_col1.gif) repeat-x center }
table.server_tbl tr.quote_row td.col2 { background:url(../i/bg_tr_quote_col2.gif) repeat-x center }
table.server_tbl tr.quote_row td.col3 { background:url(../i/bg_tr_quote_col3.gif) repeat-x center }
table.server_tbl tr.quote_row td.col4 { background:url(../i/bg_tr_quote_col4.gif) repeat-x center }
table.server_tbl tr.quote_row td.col5 { background:url(../i/bg_tr_quote_col5.gif) repeat-x center }

th.col1 { background:#669900 }
th.col2 { background:#CC0000 }
th.col3 { background:#000066 }
tr th.col4 { background:#666 }
tr th.col5 { background:#000 }

td.col1 { background-color:#F7FAF2 }
td.col2 { background-color:#FCF2F2 }
td.col3 { background-color:#F2F2F7 }
td.col4 { background-color:#f5f5f5 }
td.col5 { background-color:#f1f1f1 }

table.ensimtools_tbl { border:1px solid #ccc }
table.ensimtools_tbl tr td { text-align:left; padding:2px 7px }
table.ensimtools_tbl tr td.leftcell { background:#fff; width:360px }
table.ensimtools_tbl tr td ul { margin:0; padding:0; list-style-type:none }

td.celltick {
	background-image:url(../i/icon_tick.png);
	background-repeat:no-repeat;
	background-position:center
}

table.form_tbl tr td {
	padding:3px
}
table.form_tbl tr td.leftcell {
	text-align:right;
	vertical-align:top
}

/*
	image styling
---------------------*/
img {border:none} 

img.framed {
	background:#fff;
	padding:5px;
	border:1px solid #ccc;
}

hr {
	border:0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin:15px 40px;
}

/*
	form styling
---------------------*/
input.txtfield, select {
	border:1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:3px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#039
}

input.btn {
	background:#036;
	color:#fff;
	border:1px solid #000;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}