/*
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/clientdrive_mini.gif) left top no-repeat;
	display:block;
	position:absolute; top:0; left:0;
	width:100%; height:21px;
}

#page {
	width:805px; 
	margin:0 auto; 
	overflow:hidden;
}

/* the Branding styling */
#head {width:805px; position:relative; margin-top:30px; padding:0 0 15px 0; overflow:hidden;}
#head #logo {position:absolute; left:20px; top:0; width:334px; height:75px;}
#head #logo a{
	display:block;
	margin:0;
	position:relative;
	width:334px;
	height:75px;
}
#head #logo a span{
	display:block;
	margin:0;
	width:100%;
	height:75px;
	position:absolute;	left:0;	top:0;
	background:#fff url(../images/clientmagnet-sitelogo.png) no-repeat;
}

#head #logo a:visited{background:transparent;}

#head p#slogan {
	float:left; 
	padding:10px 0 0 410px;
	margin:0;
	font:italic 1.4em/1.1em Georgia, "Times New Roman", Times, serif;
	color:#444;
	text-align:center;
	clear:right;
	height:70px;
}

/* @Main navigation */
#sitenav {margin-top:20px;}
#sitenav ul{margin:0; border-bottom:1px solid #ddd; overflow:hidden;}
#sitenav ul li{float:left; padding:0 1px;}
#sitenav ul li a{
	display:block; 
	padding:0 5px 0 10px; 
	background:url(../images/navtab.gif) 0 -43px no-repeat; 
	margin-top:7px;
	height:25px; 
	line-height:25px;
	
	font-size:1.2em;
	font-weight:bold;
	color:#eee;
	text-decoration:none;
}
#sitenav ul li a span{
	background:url(../images/navtab_end.gif) 100% -43px no-repeat; 
	display:block; 
	height:inherit;
	line-height:inherit;
	width:100%; 
	padding-right:5px;
}
#sitenav ul li a:hover, #sitenav ul li a:hover span {color:#444;}

#telemarketing #sitenav ul li a.telem,
#analytics #sitenav ul li a.analytics,
#webad #sitenav ul li a.webadvert,
#search #sitenav ul li a.search,
#interactive #sitenav ul li a.interactive,
#emarketing #sitenav ul li a.emarketing {
	background:url(../images/navtab.gif) 0% 0% no-repeat; 
	color:#400;
	height:32px;
	line-height:32px;
	margin-top:0;
	}

#telemarketing #sitenav ul li a.telem span,
#analytics #sitenav ul li a.analytics span,
#webad #sitenav ul li a.webadvert span,
#search #sitenav ul li a.search span,
#interactive #sitenav ul li a.interactive span,
#emarketing #sitenav ul li a.emarketing span {
	background:url(../images/navtab_end.gif) 100% 0% no-repeat; 
	color:#400;
	}

#page_body {
	clear:left;
	overflow:hidden;
	border-left:1px solid #ddd;
	border-right:1px solid #555;
	background:url(../images/contentbg.gif) repeat-x;
}

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;}
#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:#CA0000;}
#content h1 span{color:#064995;}
img#campaignDiagram {display:block; padding-left:20px;}

/* @Footer Styling */
#footer {border-top:1px solid #555;padding-top:10px; color:#999;}
#footer a{color:#777; text-decoration:underline;}

#footer ul{}
#footer ul li {}
#footer ul li a{}
#footer ul li a:hover{}
/* @ENDS Footer Styling */