/*
Stylesheet type: Site Skin
Client: Pilbeam
(c)copyright Pilbeam.com 2008
*/

/* Setting up the background image of the page, and the 'page' section of the site */
body {background:#fff;}
#pilbeamdivision {width:100%; background:#111; color:#666; font-size:10px; position:relative; height:25px;}
#pilbeamdivision p {padding:6px 5px;}
#pilbeamdivision p a.pilbeam span{
	background:url(../images/systemsoutsource_mini.gif) left top no-repeat;
	display:block;
	position:absolute; top:0; left:0;
	width:100%; height:21px;
}

#page {
	width:831px; 
	margin:20px auto; 
	overflow:hidden;
	background:#fff url(../images/hostingpgbg.jpg) repeat-y;
	
}

/* the Branding styling */
#head {width:100%; height:63px; position:relative; margin:0; padding:0; overflow:hidden; background:url(../images/hostingheader.jpg) no-repeat;}
#head #logo {position:absolute; left:20px; top:0; width:334px; height:75px;}
#head #logo a{
	display:block;
	margin:0; padding-top:20px; padding-left:20px;
	position:relative;
	width:400px; height:55px;
}
#head #logo a span{
	display:block;
	margin:0;
	position:absolute; left:10px; top:2px;
	width:395px; height:60px;
	background:url(../images/hostinglogo.jpg) top left no-repeat;
}

#head #logo a:visited{}

#head p#slogan {
	float:right; 
	margin:0px; padding:19px 50px 0 0;
	font:italic 21px Georgia, "Times New Roman", Times, serif; text-align:center;
	color:#222;
	clear:right;
	height:35px;
}

/* @Main navigation */
#sitenav {}
#sitenav ul{margin:0px; padding:6px 25px 10px 30px; overflow:hidden;background:url(../images/hostingnavbg.jpg) left top no-repeat;}
#sitenav ul li{float:left; padding:0;}
#sitenav ul li a{
	display:block; 
	margin-top:0; padding:0 5px 0 10px; 
	height:29px; line-height:26px;
	color:#eee;
	font-size:10px; font-weight:bold; text-decoration:none;
	border-right:1px solid #555;
}
#sitenav ul li a span{
	display:block; 
	height:inherit;
	line-height:inherit;
	width:100%; 
	padding-right:5px;
}
#sitenav ul li a:hover {background:url(../images/hostingnavbg.gif) left bottom repeat-x;}
#sitenav ul li a:hover, #sitenav ul li a:hover span {color:#f00;}

#page_body {
	clear:left;
	overflow:hidden;
	padding:0 20px 20px 20px;

}

fieldset {margin-top:20px;}
fieldset#formsubmit {margin-top:15px; clear:both;}
form.responseform {border:1px solid #ccc; border-right:1px solid #555; border-bottom:1px solid #555; background:url(../images/formbg.gif) repeat-x;}
fieldset#formsubmit input {background:url(../images/hostingbutton.gif) left top repeat-x; color:#ccc; padding:5px; border:1px solid #ccc; cursor:pointer;}
fieldset#formsubmit input:hover {background:url(../images/hostingbutton.gif) left bottom repeat-x; color:#999;}
#sidebar {margin-bottom:20px;}
#sidebar form.responseform h2 {font: 1.4em Verdana, Arial, Helvetica, sans-serif; color:#444; margin-bottom:0.5em;}
#sidebar form.responseform fieldset legend {font: 0.8em Verdana, Arial, Helvetica, sans-serif; color:#444; margin-bottom:0.5em;}

#specialoffer label {}
#specialoffer input[type="checkbox"] {float:left; margin:0 5px 0 0; width:auto;}
h3.formstatus {margin-top:30px;}

/* @Content */
#content p, #content h1, #content h2, #content h3 {margin-left:10px; margin-right:10px;}
#content h1 {
	padding:32px 0 6px 10px;
	margin:2px 0 0 0;
	color:#f00;
}

img#campaignDiagram {display:block; padding-left:20px;}

#content h1 span{color:#064995;}

/* @Footer Styling */
#footer {
	padding:18px 0 0 20px; height:42px;
	color:#222; background:url(../images/hostingfoot.jpg) left top no-repeat;
	text-align:center;}
#footer a{color:#222; text-decoration:underline;}
#footer p {font-size:10px;}
/* @ENDS Footer Styling */