/* reset stylesheet - resets most styles to 0 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* --- reset css ends --- */
/* ------------------------------ page structure ------------------------------ */
html{
	background:#000;
}

#container{
	margin:0 auto;
	margin-top:-27px;
	padding:0 10px 10px 10px;
	width:940px;
}

#header{
	height:198px;
	position:relative;
	width:940px;
	z-index:1000;
}

#main{
	background:#000 url(images/bodybg.png) 0 0 no-repeat;
	margin-top:-45px;
	overflow:hidden;
	width:940px;
}

#footer{
	border-top:solid 1px #006082;
	clear:both;
	height:162px;
	padding:21px 0 0 0;
	width:940px;
}

#footerLinks{
	border-top:solid 1px #006082;
	color:#fff;
	font-size:0.8em;
	height:36px;
	padding: 9px 10px 0 36px;
}

/* ------------------------------ basic typography ---------------------------- */
body{
	font:0.7em/1.6 Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, p{
	margin-bottom:0.85em;
}

h1{
	color:#fff;
	font-size:1.3em;
	font-family:'trebuchet ms' , trebuchet, serif, Verdana, sans-serif;
	margin-bottom:0.85em;
}

h2{
	color:#fff;
}

h3{
	font-size:18px;
}

a{
	font-weight:bold;
}

a:link{
	color:#fff;
	text-decoration:none;
}

a:visited, a:active{
	color:#fff;
	text-decoration:none;
}

a:hover{
	color:#008ebe;
	text-decoration:none;
}

/* ------------------------------ generic floats ------------------------------ */

.clearboth{
	clear:both;
}

.floatleft{
	float:left;
	padding:0 10px 10px 10px;
	width:390px;
}

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

/* ------------------------------ header content ------------------------------ */
#header a#logo{
	background:url(images/header-sp.png) -1px -112px no-repeat;
	height:70px;
	left:18px;
	outline:none;
	position:absolute;
	text-indent:-999em;
	top:77px;
	width:172px;
}

#header #headMenu li:first-child{ /* ie6 won't do this */
	padding-left:18px;
}

#header #headMenu ul li:first-child{ /* ie6 won't do this */
	padding-left:0;
}

#header ul#headMenu{
	/*background: url(images/header-sp.png) -1px -3px no-repeat;*/
	font-family: 'trebuchet ms', trebuchet, serif, Verdana, sans-serif;
	margin: 90px 0 0;
	position: absolute;
	right: 0;
	width: 628px;
}

#header ul#headMenu li{
	padding-left:7px;
}

#header ul#headMenu li > a + ul > li{
	padding-left:0;
}
/* tweaking suckerfish stuff here */
#header ul.sf-menu li a{
	font-size:1.2em;
}

#header ul.sf-menu ul li a{
	font-size:1em;
	background:#000;
}

#header ul.sf-menu li a:hover, #header ul.sf-menu ul li a:hover{
	color:#00a6d7;
}

#header #headMenu li ul{
	margin-top:6px;
}

/* some kind of grainy background image on li's can't figure out where its coming from, the background:#000 here overrides it, proper fix .. find where its coming from in suckerfish styles/jscript stuff */
#header ul.sf-menu  {
	background:url(images/header-sp.png) -1px -3px no-repeat;
}

#header ul.sf-menu li{
	background:transparent;
}

#header #headMenu li ul li, #header ul.sf-menu ul#LM_level_2{
	background:#000;
}

#header ul#contacts{
	/*background:transparent url(images/header-sp.png) -260px -126px no-repeat;*/
	height:72px;
	overflow:hidden;
	position:absolute;
	right:27px;
	/*text-indent:-999em;*/
	top:18px;
	font-size:0.8em;
	color:#eee;
	list-style: none;
	display:inline;
}

#header a, #header h3{
	color:#eee;
	font-weight:normal;
}

#header ul#contacts a:hover{
	color:#00a6d7;
}

/* -------------------------- shoehorned in for testing -------------------------------------------*/

#header ul#contacts li{
	padding: 0px;
	margin:0 2px 0 0;
	list-style:none;
	display:inline;
}
#header ul#contacts li a, #header ul#contacts li div.home{
	display: inline-block!important;
	overflow: hidden;
	height: 90px;
	line-height:90px;
	white-space:nowrap;
	text-align:left;
	padding-right:9px;
	cursor:	pointer;
	float:left;
}
#header ul#contacts li div.home input{
	padding:0;
	margin:0;
	margin-left:20px;
	position:absolute;
	background:#222;
	color:#fff;
	height:16px;
	top:36px;
	font-size:11px;
	vertical-align: bottom;
}

#header ul#contacts li div.home form, #header ul#contacts li div.home fieldset{
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	left:18px;
}

#header ul#contacts li div.home:hover{
	color:#00a6d7;
}

#header ul#contacts li div.home{
	width: 54px;
	padding-right:0;
	display:inline;
	position:relative;
	margin-right:-18px;
}
#header ul#contacts li a p{
	padding:0 0 0 54px;
	line-height:normal;
	margin:0;
	margin-top:-54px;
}

#header ul#contacts li div.home input.button{
	background: #000 url(images/btn-search.png) 0 0 no-repeat;
	border: none;
	cursor: pointer;
	height:36px;
	margin-left:0;
	text-indent: -999em;
	width: 50px;
	position:absolute;
	left:140px;
}


/* ------------------------------------------------------------------------------------------------- */



#header  div.searchbox{
	position:absolute;
	right:0;
	top:54px;
}

#header  input{
	border:solid 1px #006082;
}

#header #headerSearch input.button{
	background: #000 url(images/btn-search.png) 0 0 no-repeat;
	border: none;
	cursor: pointer;
	height:36px;
	padding-left: 6px;
	text-indent: -999em;
	vertical-align: top;
	width: 50px;
}

#headMenu li ul{
	background-color: #000;
	border: 1px solid #006082;
	padding: 10px;
	width:144px;
	/* radian corners make css validation fail, only works in some browsers */
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

/* ------------------------------ main content -------------------------------- */
#contentArea{
	padding-left:36px;
	position:relative;
	color:#fff;
	font-size:1.1em;
}

#contentArea h2, #contentArea h3{
	color:#008ebe;
}

#contentArea h2 span{
	color:#fff;
}

#contentArea a{
	color:#008ebe;
}

#contentArea a:hover{
	color:#fff;
	text-decoration:none;
}

/* --- home page styles --- */
/*#homePage #contentArea p{
	float:left;
	margin:0 18px 74px 0;
	width:270px;
}
*/
#homePage #contentArea p{
	margin-left:306px;
	margin-top:-27px;
	width:468px;
}

#homePage #contentWrapper{
	margin-bottom:144px;
	padding-top:90px;
}

#homePage #contentArea h1{
	background:url(images/placeholder.png) 0 0 no-repeat;
	border-bottom:solid 1px #006082;
	border-top:solid 1px #006082;
	height:216px;
	left:0;
	position:absolute;
	text-indent:-999em;
	top:45px;
	width:940px;
}

#homePage #sideStrip{
	float:left;
	margin:-54px 27px 36px 0;
	width:270px;
}

#homePage #sideStrip h3.mainHeading{
	width:260px;
	height:66px;
	text-indent:-999em;
	background:url(images/side-panel-sprite.png) 0 0 no-repeat;
	margin:0;
}

#homePage #sideStrip #accordion h3{
	width:260px;
	height:54px;
	text-indent:-999em;
	cursor: pointer;
	margin:0;
	margin-top:-9px;
}

#homePage #sideStrip #accordion h3:first-child{
	margin-top:0;
}

#homePage #sideStrip #accordion div{
	height:72px;
}

#homePage #sideStrip #accordion div p{
	padding-left:65px;
	width:162px;
	margin-left:0;
	margin-top:0;
	font-size:0.9em;
}

#homePage #sideStrip #accordion h3.headingOne{
	background:url(images/side-panel-sprite.png) 0 -66px no-repeat;
}

#homePage #sideStrip #accordion h3.headingTwo{
	background:url(images/side-panel-sprite.png) 0 -120px no-repeat;
}

#homePage #sideStrip #accordion h3.headingThree{
	background:url(images/side-panel-sprite.png) 0 -174px no-repeat;
}

#homePage #sideStrip #accordion h3.headingFour{
	background:url(images/side-panel-sprite.png) 0 -227px no-repeat;
}

#homePage #sideStrip #accordion h3.headingOne:hover{
	background:url(images/side-panel-sprite-over.png) 0 -66px no-repeat;
}

#homePage #sideStrip #accordion h3.headingTwo:hover{
	background:url(images/side-panel-sprite-over.png) 0 -120px no-repeat;
}

#homePage #sideStrip #accordion h3.headingThree:hover{
	background:url(images/side-panel-sprite-over.png) 0 -174px no-repeat;
}

#homePage #sideStrip #accordion h3.headingFour:hover{
	background:url(images/side-panel-sprite-over.png) 0 -227px no-repeat;
}

/* --- rolling animated feature thing for homepage - work in progress --- */
#featured{
	background: transparent;
	border-bottom: solid 1px #006082;
	border-top: solid 1px #006082;
	height: 216px;
	margin-top: 45px;
	position: relative;
	width: 940px;
	overflow:hidden
}

#featured ul.ui-tabs-nav{
	left: 0;
	list-style: none;
	position: absolute;
	top: 0;
	width: 280px;
	visibility:hidden;
	display:none;
}

#featured #centralDivider{
	background: #006082 url(images/divider-bg.png) -1px 0 no-repeat;
	height: 290px;
	left: 280px;
	position: absolute;
	top: 0;
	width: 18px;
	visibility:hidden;
	display:none;
}

#featured ul.ui-tabs-nav li{
	color: #fff;
	font-size: 1em;
	padding: 1px 0;
}

#featured ul.ui-tabs-nav li img{
	border: 1px solid #eee;
	float: left;
	margin: 2px 5px;
	padding: 2px;
}

#featured ul.ui-tabs-nav li span{
	font-size: 1em;
	line-height: 18px;
}

#featured li.ui-tabs-nav-item a{
	border-bottom: solid 1px #006082;
	color: #fff;
	display: block;
	padding: 26px 40px;
}

#featured li#nav-fragment-4 > a{
	border: none;
}

#featured li.ui-tabs-nav-item a:hover{
	color: #00a6d7;
}

#featured li.ui-tabs-selected{
	background: url('images/selected-item.gif') top right no-repeat;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	color: #fff;
}

#featured .ui-tabs-panel{
	background: #000;
	height: 252px;
	position: relative;
	width: 940px;
}

#featured .ui-tabs-panel .info{
	background: url('images/transparent-bg.png');
	height: 90px;
	left: 0;
	position: absolute;
	top: 72px;
	width: 940px;
}

#featured .info{
	padding-left: 36px;
}

#featured .info h2{
	color: #fff;
	font-family: "Trebuchet MS", Trebuchet, sans-serif;
	font-size: 18px;
	margin: 0;
	overflow: hidden;
	padding: 5px;
}

#featured .info p{
	color: #fff;
	font-size: 11px;
	line-height: 15px;
	margin: 0 5px;
	width: 396px;
}

#featured .info a{
	color: #fff;
	text-decoration: none;
}

#featured .info a:hover{
	color: #00a6d7;
	text-decoration: none;
}

#featured .ui-tabs-hide{
	display: none;
}

#fragment-1, #fragment-2, #fragment-3, #fragment-4{
	background: #eee;
	left: 0;
	position: absolute;
	top: -18px;
	width: 940px;
}

/*  --- caseStudy section styles --- */
#caseStudy #contentArea #sampleArea{
	background:#000;
	height:320px;
	position:absolute;
	right:63px;
	top:54px;
	width:520px;
}

#caseStudy #contentArea h2{
	font-size:1em;
	left:0;
	padding:0 0 60px 36px;
	position:absolute;
	top:74px;
}

#caseStudy #contentArea h1{
	color:#fff;
}

#caseStudy #contentArea div#textArea{
	padding:72px 0 90px 0;
	width:270px;
}

#caseStudy #contentArea h3{
	color: #ddd;
	font-size: 15px;
	margin-top: 20px;
}

#caseStudy #contentArea h3 em{
	font-weight: normal;
}

/*
#contentArea p#designIcon{
	background:url(images/white_56_icons.png) 0 0 no-repeat;
	height:56px;
	position:absolute;
	right:40px;
	text-indent:-999em;
	top:52px;
	width:65px;
}
*/
/* --- caseStudy section ends --- */

/* --- Support type pages styles --- */
#supportContent, #searchContent, #hostingContent{
	color:#fff;
	margin-bottom:128px;
	padding-top:72px;
	min-height:270px;
}

#supportContent ol{
	list-style: decimal;
	list-style-position: outside;
	margin-right: 18px;
	width: 450px;
	padding:54px 0 0 18px;
	margin-left:306px;
}

#supportContent ol li{
	margin-bottom:18px;
}

#supportPage #contentArea #supportContent ol li img{
	padding-top:18px;
}

#supportPage #contentArea #supportContent ul,
#supportPage #contentArea #supportContent h2, #supportPage #contentArea #supportContent h3, #supportPage #contentArea #supportContent h4, #hostingPageStandard #contentArea #supportContent h3{
	width:468px;
	margin-left:306px;
	margin-top:27px;
}

#supportPage #contentArea #supportContent p{
	width:468px;
	margin-left:306px;
}

#supportPage #contentArea #supportContent h2, #hostingPageStandard #contentArea #supportContent h3{
	font-size:2em;
	margin-top:36px;
	padding-right:126px;
	width:342px;
}

#supportPage #contentArea #supportContent h2.email{
	background:url(images/email-heading-bg.png) top right no-repeat;
}

#supportPage #contentArea #supportContent ul{
	margin-top:9px;
	line-height:1.7;
	list-style: disc;
	list-style-position: inside;
}

#supportPage h1, #overView h2, #searchResults h1, #hostingPage h1, #hostingPageStandard h1, #hostingPagePackaging h1 {
	color:#fff;
	font-size:1.3em;
	font-family:'trebuchet ms' , serif, Verdana, sans-serif;
	margin-bottom:0.85em;
	width:288px;
	margin-top:-27px;
}

#overView h1{
	color:#fff;
	margin-top:27px;
}

#supportPage #contentArea #supportContent p > strong{
	font-size:1em;
}

#supportPage #contentArea form{
	padding:18px 18px;
	margin:27px 0 27px 306px;
	background:#111;
	width:450px;
	background:#000 url(images/form-bg.png) 18px 0 repeat-x;
}

#supportPage #contentArea form#contactform{
	background:#000;
}

#supportPage #contentArea form#contactform fieldset{
	margin-left:-41px;
}

#supportPage #contentArea form#contactform fieldset legend{
	font-weight: bold;
	padding-left: 25px;
	color:#006082;
	padding-top: 8px;
}


#supportPage #contentArea form input, #supportPage #contentArea form textarea{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000 none repeat scroll 0 0;
	border:1px solid #006082;
	color:#FFFFFF;
	width:180px;

}

#supportPage #contentArea form#contactform fieldset input, #supportPage #contentArea form#contactform fieldset textarea, #supportPage #contentArea form#contactform select{
	width:234px;
}

#supportPage #contentArea form h1{
	background:#000 url(images/hostingfeatures-h1-bg.png) 0 0 no-repeat;
	color:#000;
	font-size:1.1em;
	font-weight:bold;
	width:100%;
	margin:-18px 0 18px -18px;
	padding:0 18px;
}

#supportPage #contentArea form input.domainbtn{
	color:#000;
	background:url(images/btn-domains.png) 2px 2px no-repeat;
	width:109px;
	height:29px;
	padding:7px;
	padding-bottom:8px;
	font-weight:bold;
	border:none;
	cursor:pointer;
	float:left;
	margin-right:9px;
}

#supportPage #contentArea form input.domainbtn:hover{
	background:url(images/btn-domains-over.png) 2px 2px no-repeat;
	color:#fff;
	width:109px;
	height:29px;
	display:block;
}

#supportPage #contentArea table{
	margin-left:306px;
	width:486px;
}

#supportPage #contentArea table  table{
	margin-left:0;
}

#supportPage #contentArea #supportContent table p{
	margin-left:0;
	width:486px;
}



/* --- email services styles using support page styling for base --- */

#supportPage #contentArea #supportContent ul.leftSideList  {
	float:left;
	margin-bottom:90px;
	margin-top:18px;
	width:252px;
	list-style:none;
	list-style-position: inside;
	margin-left:0;
	padding-left:0;
	position:absolute;
	top:90px;
	left:36px;
	line-height:3;
}

#supportPage #contentArea #supportContent ul.leftSideList li{
	background:url(images/tick-bullet.png) 0 11px no-repeat;
	padding-left:21px;
}



/*
#contentArea p#supportIcon{
	background:url(images/white_56_icons.png) -80px 0 no-repeat;
	height:56px;
	position:absolute;
	right:40px;
	text-indent:-999em;
	top:52px;
	width:65px;
}
*/
/* --- support type pages end --- */
/* --- overview styles --- */

#overView #contentArea {
	position: relative;
	height:540px;

}

#overView #contentArea .gallery{
	position:absolute;
	top:-90px;
	left:-99px;
}

/*
#overView #contentArea #overviewThumbs{
	padding-top:36px;
	position:absolute;
	left:-108px;
	top:-108px;
}
*/

#overView #contentArea p {
	width:270px;
	/*border-bottom:solid 1px #006082;
	padding-bottom:9px;*/
}
#overviewThumbs p{
	color:#fff;
	float:left;
	font-size:0.8em;
	width:380px;
	font-family:verdana;
}

#overviewThumbs p.overViewLeft{
	margin:0 62px 58px 0;
}

#overviewThumbs p.overViewRight{
	margin:0 0 58px 0;
}

#overviewThumbs p.overViewRight strong, #overviewThumbs p.overViewLeft strong{
	clear:both;
	color:#006082;
	font-size:1.1em;
}

#overviewThumbs p.pageLinks{
	color:#006082;
	float:right;
	font-size:1.2em;
	margin:-36px -200px 36px 0;
}

#overviewThumbs p img{
	margin-bottom:3px;
}
/* --- overview page styles end --- */

/* --- hosting page styles --- */
#hostingPage{
}

#hostingContent{
	position: relative;
}

#hostingPage #contentArea{
	background: transparent url(images/hosting-main-bg.png) 0 342px  no-repeat;
	min-height: 900px;
}

#hostingPage #hostingContent #hostingPanelsContainer{
	left: 170px;
	min-height: 400px;
	position: absolute;
	top: 117px;
}

#hostingPage #hostingContent p.contentText{
	position:absolute;
	left:306px;
	width:486px;
	top:432px;
}

#hostingPage h1{
	width: 170px;
}

#hostingPage #hostingContent #hostingPanelsContainer .hostingPanelBox{
	background: url(images/hostingbox-bg-top.png) 0 0 no-repeat;
	float: left;
	margin-right: 18px;
	min-height: 291px;
	width: 220px;
}

#hostingPage #hostingContent #hostingPanelsContainer .hostingPanelBox h1{
	color: #008ebe;
	font-size: 1.2em;
	margin-bottom: 0;
	padding: 45px 22px 0 22px;
}

#hostingPage #hostingContent #hostingPanelsContainer .hostingPanelBox p{
	display: block;
	font-size: 0.8em;
	padding: 0 22px 3px 22px;
}

#hostingPage #hostingContent #hostingPanelsContainer .hostingPanelBox ul{
	border-top: solid 1px #006082;
	font-size: 0.8em;
	line-height: 2;
	list-style: disc;
	list-style-position: inside;
	margin-left: 2px;
	padding: 9px 22px 0 20px;
	width: 173px;
}

#hostingPage #hostingContent #hostingPanelsContainer .hostingPanelBox p.priceStrip{
	background: #006082;
	color: #000;
	font-family: "Trebuchet MS", Trebuchet, serif;
	font-size: 1.4em;
	font-weight: bold;
	height: 30px;
	margin: 27px 0 27px 3px;
	padding-top: 6px;
	width: 170px;
}

#hostingPage #hostingContent #hostingPanelsContainer .hostingPanelBox p.readMore{
	/*background: url(images/btn-readmore.png) 0 0 no-repeat;*/
	cursor: pointer;
	height: 30px;
	margin-left: 0;
	padding-top:9px;
	/*text-indent: -999em;*/
	width: 87px;
}

#hostingPage #dialog fieldset, #hostingPage #dialog form, #hostingPage #dialog {
	background:transparent;
	border:none;
}

#hostingPage a.dialog_link, #hostingPagePackaging a.dialog_link{
	color:#000;
	background:url(images/btn-apply.png) 0 0 no-repeat;
	width:72px;
	height:27px;
	padding:7px;
	padding-bottom:8px;
	font-weight:bold;
	font-size:0.9em;
}

#hostingPage a.dialog_link:hover, #hostingPagePackaging a.dialog_link:hover{
	background:url(images/btn-apply-hover.png) 0 0 no-repeat;
	color:#006082;

}

#hostingPage .ui-widget-header, #hostingPagePackaging  .ui-widget-header{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent ;
	border:none;
	color:#EAF5F7;
	font-weight:bold;
}

#hostingPage .ui-state-default,#hostingPage .ui-widget-content .ui-state-default, #hostingPagePackaging .ui-state-default, #hostingPagePackaging .ui-widget-content .ui-state-default {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#0078AE;
	border:none;
	color:#FFFFFF;
	font-weight:normal;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

#hostingPage .ui-state-hover,#hostingPage .ui-widget-content .ui-state-hover, #hostingPagePackaging .ui-state-hover, #hostingPagePackaging .ui-widget-content .ui-state-hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#333;
	border:none;
	color:#FFFFFF;
	font-weight:normal;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

#hostingPage .ui-widget-content, #hostingPagePackaging .ui-widget-content{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000 url(images/dialog-bg.png) 0 0 repeat-x;
	border:1px solid #006082;
	color:#FFFFFF;
}

#hostingPage .ui-dialog-buttonpane,  #hostingPagePackaging .ui-dialog-buttonpane{
	background:#000;

}

#hostingPage #dialog #submitButton, #hostingPagePackaging #dialog #submitButton,
#supportPage #contentArea form#contactform fieldset #submitButton{
	width:72px;
	background:transparent url(images/btn-apply.png) no-repeat scroll 0 0;
	cursor:pointer;
	float:right;
	margin-top:9px;
	margin-right:25px;
	border:none;
	height:27px;
	width:72px;
}

#supportPage #contentArea form#contactform fieldset #submitButton{
	float:left;
	margin-left:0;
	margin-top:18px;
}

#supportPage #contentArea form#contactform fieldset input#submitRequest{
	width:72px;
	height: 27px;
	background:transparent url(images/btn-apply.png) no-repeat scroll 0 0;
	cursor:pointer;
	float:none;
	margin: 10px 0 10px 40px;
	border:none;
}

#supportPage #contentArea form#contactform fieldset label.radio input{
	width: auto;
}

#hostingPageStandard #contentArea p{
	float:left;
	margin-top:27px;
	width:468px;
	margin-left:72px;
	margin-bottom:90px;
}

#hostingPageStandard #contentArea img{
	margin-left:72px;
	margin-top:27px;
}

#supportPage #contentArea img.heading{
	margin-left:306px;
	margin-top:27px;
}
/*--- hosting overview multiple feature boxes containing lists of features styles ---*/

#hostingPageStandard #contentArea div.hostingFeatures{
	padding:18px 18px;
	margin:27px 0 0 306px;
	width:450px;
	background:#000 url(images/form-bg.png) 18px 0 repeat-x;
	float:left;
}

#hostingPageStandard #contentArea div.hostingFeaturesLast{
	margin-bottom:54px;
}

#hostingPageStandard #contentArea  ul{
	width:243px;
	margin-left:0;
	margin-bottom:18px;
	margin-top:9px;
	padding-left:9px;
	list-style-position:outside;
	line-height:160%;
	/*background:#000 url(images/form-bg.png) 18px 0 repeat-x;*/
}

#hostingPageStandard #contentArea  ul li{
	padding:3px 0;
	font-size:0.8em;
}

#hostingPageStandard #contentArea  ul + ul{

}

#hostingPageStandard #contentArea  h2{
	color:#008EBE;
	font-size:1em;
	font-weight:bold;
	width:252px;
	margin: 0 0 0 0;
	padding:0 0;
	padding-bottom:9px;
	padding-top:9px;
	cursor: pointer;
	/*border-bottom:solid 1px #006488;*/
}

#hostingPageStandard #contentArea  h2:hover{
	color:#fff;
}

#hostingPageStandard #contentArea #accordion div{
	float:left;
}

#hostingPageStandard #contentArea #accordion{
	margin-top:18px;
	width:252px;
	float:left;
	margin-bottom:90px;
}

#hostingPagePackaging #contentArea p{
	width:252px;
	font-size:0.9em;
	margin-right:72px;
	float:left;
	margin-bottom:54px;
}

#hostingPagePackaging #contentArea ul{
	width:160px;
	float:left;
	margin-right:18px;
	font-size:0.8em;
	background:#222;
	min-height:700px;
	list-style: disc;
	list-style-position: outside;
}

#hostingPagePackaging #contentArea ul li{
	padding:9px 0;
	/*width:108px;*/
	margin-left:27px;
}

#hostingPagePackaging #contentArea a{
	margin:0;
	padding:0;
	width:160px;
	height:151px;
	text-indent:-999em;
	float:left;
	margin-right:18px;

}

#hostingPagePackaging #contentArea a#standard{
	background:url(images/btn-standardhosting.png) 0 0 no-repeat;
}

#hostingPagePackaging #contentArea a#advanced{
	background:url(images/btn-advancedhosting.png) 0 0 no-repeat;

}

#hostingPagePackaging #contentArea a#ecommerce{
	background:url(images/btn-ecommerchosting.png) 0 0 no-repeat;
}

#hostingPagePackaging #contentArea p strong{

}

/* --- --- */
#hostingPagePackaging #contentArea hr{
	color:#444;
	width:1px;
}

/* --- hosting page styles end --- */

/* --- Search results page styles --- */
#searchResults table {
	width:522px;
	color:#fff;
	margin-left:288px;
	padding-top:216px;
}

#searchResults table td{
	padding-right:27px;
}
/* --- search results page styles end --- */
/* ------------------------------ footer content ------------------------------ */
/* completely redone using ul/li nesting to work with etomite snippet */
#footer ul{
	float:left;
}

#footer ul li, #footer ul li ul, #caseStudy #footer li, #caseStudy #footer li ul
{
	float:left;
	margin-right:18px;
	width:108px;
}

#caseStudy #footer > li:first-child{
	padding-left:36px;
}

#footer ul li a, #footer ul li ul ,#caseStudy #footer li a, #caseStudy #footer li ul
{
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:10px;
	font-weight:normal;
}

#footer ul li a:hover, #caseStudy #footer li a:hover{
	color:#008ebe;
	text-decoration:none;
}
#footerLinks a:hover, #footerLinks a:visited{
	text-decoration:none;
}
#footerLinks{
	position:relative;
	width:894px;
}
#footerLinks p{
	position: absolute;
	right:18px;
	top:4px;
}
div#footer > ul > li:first-child{ /* this won't work in <= ie6, seems fine in all other browsers I've tried though */
	padding-left:36px;
}

/* ------------------------------ contact form -------------------------------- */
#main #contactText{
	float:right;
	width:350px;
}

#main #contactText p, #main #contactText h3{
	margin-left:0;
}

form#contactform{
	margin:0 20px 0 20px;
	width:415px;
}

#contactform label{
	background:transparent;
	color:#fff;
	display:block;
	padding:10px 10px 10px 170px;
	width:265px;
}

#contactform label.radio{
	margin-top:0;
	padding:5px 0 5px 25px;
	width: auto;
}



#contactform h3{
	margin:7px 0 0 0;
	padding-top:5px;
}

#contactform span{
	float:left;
	left:-145px;
	margin-right:-150px;
	padding-top:3px;
	position:relative;
}

#contactform input, #contactform textarea{
	border:1px solid #2479B9;
	width:250px;
	background:#222;
	color:#fff;
}

#contactform p#buttons{
	padding:10px 0 0 80px;
	text-align:right;
}

#contactform p#buttons input{
	border:none;
	height:32px;
	width:120px;
}

p.email_thanks, p.email_error, .ui-dialog .ui-dialog-title {
	padding-left:20px;
}

p.email_thanks{
	background: url(images/tick.gif) 0 4px no-repeat;
}

p.email_error{
	background: url(images/error.gif) 0 4px no-repeat;
}



/* ---- Case study close up page added stuff needs proper formatting etc --- */



#myController span, .slide-wrapper {cursor: pointer;}

#myController span:hover{color:#008EBE;}

#myController{padding-bottom:6px;float:right;padding-right:9px;}

#scrollContainer{ overflow:hidden;height:720px;position:relative;}

div.sc_menu_wrapper, div.sc_menu_wrapper2 {
	position: relative;
	height: 320px;
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	width: 520px;
	/*margin-top: 30px;*/
	overflow: hidden;
}

/*div.sc_menu {
	padding: 0 0;
	height:520px;
}*/

div.sc_menu2{
	padding:0;
	height:200px;
}

.sc_menu a{
	display: block;
	margin-bottom: 0;
	width: 130px;

	border: 2px rgb(79, 79, 79) solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

	/* When image support is turned off */
	color: #fff;
	background: rgb(79, 79, 79);
}

.sc_menu a:hover {
	border-color: rgb(130, 130, 130);
	border-style: dotted;
}

/*
.sc_menu img {
	display: block;
	border: none;
}
*/
.sc_menu_wrapper .loading {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	padding: 0;
	width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

	text-align: center;
	color: #fff;
	/*border: 1px solid rgb(79, 79, 79);*/
	background: #1F1D1D;
}
/* Styling tooltip */

/* Here are styles for a link to an article. Not for you :) */
#back {
	margin-left: 8px;
	color: gray;
	font-size: 18px;
	text-decoration: none;
}

#back:hover {
	text-decoration: underline;
}

body > .jFlowSlideContainer, body > #slides{
    /*height:520px;*/
    overflow: hidden;
}

h1#ppc-sidebar {
	margin: 0;
	width: 260px;
	height: 300px;
	line-height: 999em;
	background: url(images/ppc_sidebar.jpg) 0 0 no-repeat;
	overflow: hidden;
	display: block;
	float: left;
}

h1#stats-sidebar {
	margin: 0;
	width: 260px;
	height: 500px;
	line-height: 999em;
	background: url(images/stats-graph.jpg) 0 0 no-repeat;
	overflow: hidden;
	display: block;
	float: left;
}

h1#seo-sidebar {
	margin: 0;
	width: 260px;
	height: 280px;
	line-height: 999em;
	background: url(images/seo-world.jpg) 0 0 no-repeat;
	overflow: hidden;
	display: block;
	float: left;
}

#supportPage #contentArea #bbAccordion{
	margin:0;
	padding:0;
	width: 490px;
	background: transparent;
}

#supportPage #contentArea #bbAccordion h3, #supportPage #contentArea #bbAccordion h4, #supportPage #contentArea #bbAccordion p, #supportPage #contentArea form #bbAccordion label{
	margin: 0;
}

#supportPage #contentArea #bbAccordion h3{
	font-size: 14px;
	border-top: 1px solid #333;
	padding: 8px 0 8px 22px;
	background: url(images/bb-plus.png) 0 50% no-repeat;
}

#supportPage #contentArea #bbAccordion h3.ui-state-active{
		background: url(images/bb-minus.png) 0 50% no-repeat;
}

#supportPage #contentArea #bbAccordion h4{
	font-size: 12px;
	font-style: italic;
	padding-bottom: 6px;
	margin-bottom: 5px;
	border-bottom: 1px solid #444;
}

#supportPage #contentArea #bbAccordion p{
	font-style: italic;
	font-size: 11px;
	margin-bottom: 5px;
	padding-left: 27px;
	padding-bottom: 5px;
	/* background: #222 url(images/bb-bg.png) 0 100% no-repeat;*/
	width: 473px;
}

#supportPage #contentArea form#broadbandForm{
	padding: 0;
	background: transparent;
}

#supportPage #contentArea form#broadbandForm #bbAccordion label input{
	width: auto;
	border: none;
	vertical-align: middle;
}

#supportPage #contentArea form#broadbandForm #bbAccordion div{
	padding: 0 0 10px 0;
	margin: 0;
}

#supportPage #contentArea form#broadbandForm #bbAccordion label{
	display: block;
	margin: 0;
	padding: 5px 0 5px 5px;
	width: 485px;
	/* background: #222 url(images/bb-bg.png) 0 0 no-repeat;*/
}