@charset "utf-8";
/* CSS Document - Roxbourne.com - Designed by Sean Bullivant 

--- Reset  */
	* {
		border:0;
		vertical-align:baseline;
		font-weight:inherit;
		font-family:inherit;
		font-style:inherit;
		font-size:100%;
		margin:0;
		padding:0}
	
/*  --- START OF Basic Styling */
	
	/*  --- START OF Sticky Footer Code */
	
    html, body {height: 100%} 
	#container{text-align:left; width:1000px; min-height:100%; margin:0 auto}
	#main{padding:3px 0; overflow:auto; padding-bottom:215px}
	
	#footer { position:relative;
		margin-top:-215px;
		min-width:1000px;
		clear:both;
		background:url(../images/footer-bg.png) repeat-x;
		color:#e6e6e6;
		height:195px;
		padding:10px 0;
		font-size:1em}
	
	/*Opera Fix*/
    body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
    }
	
	/*  --- END OF Sticky Footer Code */
	
	body {background:#EBEBEB url(../images/header.gif) repeat-x; color:#444; font:normal 11px Tahoma, Geneva, sans-serif}
	
	p,p.btm {font-size:1em; line-height:1.6em; margin-top:5px }
	p {	padding-bottom:7px }
	p.btm {	margin:0; padding:0 }
	
	em { font-style:italic }
	b,strong{ font-weight:700 }
	ol { list-style-position:inside }
	ul { list-style:none; margin:0; padding:0; }
	
	a {	color:#3B5998; text-decoration:none; font-weight:400 }
	a:hover { text-decoration:none; }
	
	h1,h1 a,h2,h2 a,h3, h3 a { color:#444; font-family:Tahoma, Geneva, sans-serif }
	
/*  --- END OF Basic Styling */
	
/*  --- START OF Heading Formatting */
	
	h1 {
		font-size:1.8em;
		font-weight:400;
		letter-spacing:-1px;
		word-spacing:-0.5px;
		line-height:1em;
		margin:2px 0 1px 0}
	
	.subservice { margin:0; padding:0; color:#3B5998;}
	.subservice2 { margin:0; padding:0 0 5px 0; color:#3B5998;}
	.headingimg { float:left; margin: 2px 7px 0 0}
	
	h2 {
		font-size:1.8em;
		font-weight:400;
		letter-spacing:-1px;
		word-spacing:-0.5px;
		line-height:0.8em;
		margin:4px 0;
		border:none}
	
	h3 {
		font-size:1.8em;
		font-weight:400;
		letter-spacing:-1px;
		word-spacing:-0.5px;
		line-height:1.1em;
		margin:4px 0 2px 0}
	
	h4 {
		font-size:1em;
		font-weight:700;
		line-height:1em;
		margin:4px 0 8px}
	
/*  --- END OF Heading Formatting */
	
/*  --- START of Page Layout */
	
	#column_1{width:655px; margin-right:20px; float:left;}
	#column_2{width:325px; float:left;}
	
	#column_left{width:320px; margin-right:20px; float:left;}
	#column_mid{width:320px; margin-right:20px; float:left;}
	#column_right{width:320px; float:left;}
	
	.colport { float:left; margin:30px 0 0 }
	
	.bl { background:#FFF url(../images/bottom-left.gif) 0 100% no-repeat}
	.br { background:url(../images/bottom-right.gif) 100% 100% no-repeat}
	.tl { background:url(../images/top-left.gif) 0 0 no-repeat}
	.tr { background:url(../images/top-right.gif) 100% 0 no-repeat;	padding:10px 15px}
	
	.clear { font-size:1px; height:1px;	margin-bottom:20px}

/* --- START OF Other Pages --- */

	.col { 
	float:left;
	margin:0 20px 0 0; /* Pushes 2nd column to the right */
	padding:0}

	.width_220 { width:220px } /*  --- Portfolio Left Col */
	.width_320 { width:380px } /*  --- Portfolio Right Col */
	.width_360 { width:360px } /*  --- Portfolio Middle Col */
	
	.width_460 { width:460px } /*  --- Page Left Col */
	.width_260 { width:260px } /*  --- Page Mid Col */

    .width_740 { width:740px } /*  --- Previous Clients Left Col */
	
	.width_1000 { width:1000px } /*  --- Terms + Sitemap Left Col */

	#container .last {
	padding:0;
	margin:0;
	display:inline}

/* --- END OF Other Pages --- */

/*  --- END OF Page Layout */

/*  --- START OF Header  */

	#header {
		color:#e6e6e6;
		height:157px;
		position:relative;
		padding-top:17px}
	
	#header .logo { border:0; float:left}
	
	#callus,#emailus {
		font-weight:700;
		color:#689BCD;
		font-size:1.25em;
		position:absolute;
		top:65px}
	
	#callus { top:62px}
	#callus,.number { right:0}
	#emailus,a.email { right:185px}
	
	.number,a.email {
		position:absolute;
		bottom:70px;
		font-weight:400;
		color:#E6E6E6;
		font-size:2em}
	
	.callico,.emailico {
		background:url(../images/contact-v2.png) no-repeat;
		text-indent:23px;
		display:block;
		height:14px;
		line-height:100%}
	
	.emailico {	background-position:0 -33px; line-height:80%}

/*  --- END OF Header  */

/*  --- START OF Footer  */

	#footerinner { width:1000px; margin:0 auto}
	#footer a {	color:#e6e6e6; background-color:inherit; font-weight:700}
	#footer a:hover { text-decoration:none}
	#footer .col1 { float:left; width:210px; margin:10px 0 0 0}
	#footer .col2 { float:left; width:350px; margin:10px 0 0 20px; text-align:center}
	#footer .col3 { float:left; width:400px; margin:10px 0 0 20px}
	
	#footer li.first { 
		background: #232323;
		border: #2C2C2C 1px solid;
		display:block;
		padding:3px 0 5px 0;
		margin-bottom:5px;
		text-align:center;
		font-weight:700}
	
	#footer li a {
		display:block;
        background:url("../images/bullet2.gif") no-repeat scroll 5px 10px transparent;
		border-bottom: #2C2C2C 1px solid;
		padding: 5px 0 5px 20px;
	}
	
	#footer li a:hover {
		display:block;
		background-color: #232323;
	}
	
	#footer .backtotop {margin:0 0 15px 0;}
	#footerinner .bookmarkus { position:relative; left:30px; }

/*  --- END OF Footer  */

/*  --- START of 1. Index  */

	#slider {
		width:325px;
		height:200px;
		border:1px solid #c2c2c2;
		background:#FFF;
		margin-bottom:15px;	}
	
	.feedburnerFeedBlock .headline { font-size:1em }
	.feedburnerFeedBlock .date { line-height:50%; padding-bottom:12px;}
	
	.ferdinand-slider div { font-family:Arial, Helvetica, sans-serif }
	.ferdinand-slider p { 
		margin:0; 
		padding:5px 5px 6px; 
		color:#fff; 
		font-size:1.1em; 
		text-align:center; 
		font-weight:700; 
		line-height:110%}
	
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999}
	
	.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 10px 20px 10px 20px;
	border: 20px solid #ddd;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px}
	
img.btn_close {float:right; margin: -55px -55px 0 0;}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {position: absolute;}
*html .popup_block {position: absolute;}
	
/*  --- START OF 2. Portfolio */
	.client {
		font-weight:400;
		color:#444;
		font-size:1.6em;
		letter-spacing:-1px; }
	
	.clientweb { font-size:1.1em; margin-bottom:4px; display:block}
	.servicesused { font-size:1.1em; font-weight:700; line-height:1.5em;}
	#sportfolio { width:760px; float:left}
	.example { border:1px solid #FFF}
	
	.thumbnail {
		float:left;
		border:1px solid #fff;
		display:inline;
		margin:0 0 8px 8px;
		padding:0}
	
	.thumbnail a {cursor:crosshair}
	
	table.table { margin-top:5px }
	table.table th { font-weight:700; padding:5px 5px 5px 0 }
	table.table td { padding:5px 5px 5px 0 }
	
	.clearboth { clear:both}
	
/* END OF 2. Portfolio */
	
/* START of 3. Contact */
	.contact1,.contact2,.fax,.phone {
		margin-bottom:1px;
		height:14px;
		display:block;
		padding-left:20px;
		background:url(../images/contact.png) no-repeat}
	
	.contact1 {
		background-position:0 -33px;
		height:12px;
		margin-top:5px;
		padding-left:22px;
		line-height:1em;
		margin-bottom:5px}
	
	.contact2 { background-position:0 -48px; height:16px }
	.fax { background-position:0 -17px }
	
/* END OF 3. Contact */

/* START OF UL List Stylings */
	.graphiclist {
		list-style-image:url(../images/bullet.gif);
		list-style-position:outside;
		padding:0 0 7px 25px}
	
	.graphiclist li { padding:0 0 5px}
	
	.portfoliolist {
		font-size:1em;
		margin:0 0 10px 0;
		padding: 0 0 0 13px;
		line-height:160%;
		display:block;
		list-style-image:url(../images/bullet2.gif)}
	
     #clientslist div {
		font-size:1em;
		margin:0 0 5px 0;
		display:block;
		padding:0 0 0 22px}
	
.sprite {background: url('../images/logos/clients-sprite.png') no-repeat top left;} 
.sprite.razorheads{background-position:0px -175px;height:16px;}
.sprite.abacus{background-position:0px 0px;height:16px;}
.sprite.citroends{background-position:0px -16px;height:16px;}
.sprite.heromedia{background-position:0px -32px;height:16px;}
.sprite.kpevents{background-position:0px -48px;height:16px;}
.sprite.masai{background-position:0px -64px;height:16px;}
.sprite.metalbone{background-position:0px -80px;height:16px;}
.sprite.missionaccomplished{background-position:0px -96px;height:16px;}
.sprite.pragmatic{background-position:0px -112px;height:16px;}
.sprite.splinters{background-position:0px -128px;height:16px;}
.sprite.strokecomedy{background-position:0px -144px;height:16px;}
.sprite.willow{background-position:0px -160px;height:15px;}
	
/* END OF UL List Stylings */
			
/* --- START OF Misc Styling */

	a.more {
		background:url(../images/contact.png) no-repeat 0 -81px;
		font-size:12px;
		font-weight:700;
		height:20px;
		line-height:1.4em;
		padding-left:19px;
		display:block}
		
	a.more-paragraph { font-weight:700; border-bottom:1px dotted #3B5998}
	
	/*  --- Vertical space between content boxes  */
	
	.right_content_boxes { margin-bottom:15px; float:right; clear:both}
	.page_banner { padding-bottom:5px; clear:both}
	.imgcenter {display:block; padding-bottom:5px; margin:0 auto}	
	#creditfooter,#atff { display:none}
	.marketingbox3 li,.core_marketing li { padding-bottom:5px}
	
/* --- END OF Misc Styling */
	
/*  --- Start of Important Menu Styling  */
	
	#header .topnav { position:absolute; top:120px; left:0}
	
	ul.topnav {
		list-style: none;
		padding: 0;
		margin: 0;
		float: left;
		width: 920px;
		background: #222;
		font-size:1.1em;
		font-family:Arial, Helvetica, sans-serif;
		background: url(../menu/topnav_bg.gif) repeat-x}
	
	ul.topnav li.first{ border:none; padding: 0 10px 0 0; background:none;}
	
	ul.topnav li {
		float: left;
		margin: 0;
		padding: 0 10px;
		position: relative; /*--Declare X and Y axis base for sub navigation--*/
		background: url(../menu/seperator.gif) no-repeat left;
	}
	ul.topnav li a{
		padding: 10px 5px 11px;
		color: #fff;
		display: block;
		text-decoration: none;
		float: left;
	}
	ul.topnav li a:hover{
		background: url(../menu/topnav_hover.gif) no-repeat center top;
	}
	ul.topnav li span { /*--Drop down trigger styles--*/
		width: 17px;
		height: 35px;
		float: left;
		background: url(../menu/subnav_btn.gif) no-repeat center top;
	}
	ul.topnav li ul.subnav {
		list-style: none;
		position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
		left: 0; top: 35px;
		background: #333;
		margin: 0; padding: 0;
		display: none;
		float: left;
		width: 190px;
		border: 1px solid #111;
		z-index:1;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
	}
	
	ul.subnav li {font-family: Tahoma, Geneva, sans-serif; font-size:1em;}
	
	ul.topnav li ul.subnav li{
		margin: 0; padding: 0;
		border-top: 1px solid #252525; /*--Create bevel effect--*/
		border-bottom: 1px solid #444; /*--Create bevel effect--*/
		clear: both;
		width: 190px;
	}
	html ul.topnav li ul.subnav li a {
		float: left;
		width: 165px;
		background: #333 url(../menu/dropdown_linkbg.gif) no-repeat 10px center;
		padding-left: 20px;
	}
	html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
		background: #222 url(../menu/dropdown_linkbg.gif) no-repeat 10px center;
	}

/*-- Footer Contact Form --*/

#footer-form{text-align:left; float:left; display:block;}
fieldset.boxes {border:0;float:left;width:200px;}
fieldset.message {padding:0; margin:0; line-height:10px; width:200px; float:left;}
#footer-form label.name input,#footer-form label.tel input,#footer-form label.email input,#footer-form label.company input{background:#232323;border:#2C2C2C 1px solid;clear:both;color:#FFF;font-weight:400;margin:5px 0;padding:5px;width:178px; height:15px;}
#footer-form textarea{background:#232323; border:#2C2C2C 1px solid; color:#FFF; margin:5px 0 10px 0; padding:5px; height:89px; width:188px;}

#footer-form button {background-color:#f5f5f5;
border:#2C2C2C 1px solid;
cursor:pointer;
display:block;
font-weight:700;
overflow:visible;
padding:4px 8px 6px;
text-decoration:none;
width:auto}

/* IE6 */
#footer-form button[type] {padding:4px 8px 6px}
/* Firefox */
#footer-form button img {border:none;height:16px; margin:0 6px -4px 0 !important; padding:0; width:16px}
button::-moz-focus-inner {padding:0; border:0;}


#success{clear:both;float:right;font-weight:700}
#footer-form span{color:#7E97C2}

/*-- Contact Form Validation CSS --*/

.formError{display:block;left:300px;padding-bottom:15px;position:absolute;top:300px;width:150px;z-index:5000}
.formError .formErrorContent{-moz-border-radius:6px;-moz-box-shadow:1px 1px 6px #000;-webkit-border-radius:6px;-webkit-box-shadow:1px 1px 6px #000;background:#000;border-radius:6px;box-shadow:1px 1px 6px #000;color:#fff;font-family:tahoma;font-size:10px;padding:4px 10px;width:100%}
.formError .formErrorArrow{bottom:0;height:15px;left:20px;position:absolute;width:15px}
.formError .formErrorArrow div{-moz-box-shadow:1px 4px 5px #000;-webkit-box-shadow:1px 1px 5px #000;box-shadow:1px 4px 5px #000;font-size:0}
.formError .formErrorArrow .line10{background:#000;display:block;font-size:0;height:1px;margin:0 auto;width:15px}
.formError .formErrorArrow .line9{background:#000;display:block;height:1px;margin:0 auto;width:13px}
.formError .formErrorArrow .line8{background:#000;display:block;height:1px;margin:0 auto;width:11px}
.formError .formErrorArrow .line7{background:#000;display:block;height:1px;margin:0 auto;width:9px}
.formError .formErrorArrow .line6{background:#000;display:block;height:1px;margin:0 auto;width:7px}
.formError .formErrorArrow .line5{background:#000;display:block;height:1px;margin:0 auto;width:5px}
.formError .formErrorArrow .line4{background:#000;display:block;height:1px;margin:0 auto;width:3px}
.formError .formErrorArrow .line3{background:#000;display:block;height:1px;margin:0 auto;width:1px}