body {
	background: #c2c2c2 url(../images/cross-bck.png) repeat-x ;
}

/* main structure //////////////////////*/

#header {
	height: 75px;
	margin-bottom: 10px;
	}
	
	
	#logotype{ margin-top:32px; position:relative; right:3px }
	#logoshape{ margin:22px 0 0 37px; }
	
	.sidepadding {padding: 0 15px;}
	.allpadding{padding:15px;}
	
	
	#section-intro { background-color:#FFF; min-height: 150px; margin-bottom:20px; padding:15px; width:910px; font:16px/20px Helvetica Neue, Helvetica, sans-serif;}
		
	/*//////////////*/
	.menufloat{ 
		}

	ul#menu {
	width: 580px; 
	margin-top:58px;
	list-style: none;
}

ul#menu li { display: inline; }
	
ul#menu li a {
	display: block; float: left; height: 8px;
	background-image: url(../images/menu.png); text-indent: -9999px;
}

	ul#menu li a.home {
		width: 48px; background-position: 0 0;	
	}
	
	ul#menu li a.who {
		width: 99px; background-position: -48px 0;	
	}
	
	ul#menu li a.what {
		width: 97px; background-position: -147px 0;	
	}
	
	ul#menu li a.how {
		width: 105px; background-position: -244px 0;	
	}
	
	ul#menu li a.work {
		width: 86px; background-position: -349px 0;	
	}
	
	ul#menu li a.contact {
		width: 92px/*99px once news button is in to show the forward slash*/; background-position: -435px 0;	
	}
	
	ul#menu li a.news {
		width: 46px; background-position: -534px 0;	
	}
	
	
	
	ul#menu li a.home:hover, ul#menu li a.home:focus,  ul#menu li a.home.current {
		background-position: 0 -11px;	
	}
	
	ul#menu li a.who:hover, ul#menu li a.who:focus, ul#menu li a.who.current {
		background-position: -48px -11px;	
	}
	
	ul#menu li a.what:hover, ul#menu li a.what:focus, ul#menu li a.what.current {
		background-position: -147px -11px;	
	}
	
	ul#menu li a.how:hover, ul#menu li a.how:focus, ul#menu li a.how.current{
		background-position: -244px -11px;	
	}
	
	ul#menu li a.work:hover, ul#menu li a.work:focus, ul#menu li a.work.current{
		background-position: -349px -11px;}
		
	ul#menu li a.contact:hover, ul#menu li a.contact:focus, ul#menu li a.contact.current{
		background-position: -435px -11px;}	
	
	ul#menu li a.news:hover, ul#menu li a.news:focus, ul#menu li a.news.current {
		background-position: -534px -11px;}

	/*//////////////*/


/******************************************************************* SLIDESHOW ***********/
 

 /***** Main Content Container *****/
 #slideshow { height: 300px; margin-bottom: 20px;font-size: 10px; color: #FFF; background-color:#009BDE; padding:0;}
 #slideshow p.title { width: 220px; float: left; margin: 5px 0 5px 15px; text-transform:uppercase; }
 
 /* Slideshow Container */
 #slideShowContainer { position: relative; width: 940px; height: 278px; overflow: hidden; }
 #slideShowContainer img { display: inline; margin: 0; }
 #slideShowContainer ul { margin: 0; padding: 0; }
 #slideShowContainer ul li { width: 940px; height: 278px; position: relative; margin: 0; padding: 0; list-style: none; float: left; }
 #slideShowContainer .jcarousel-list { position: absolute; }
 
 /* Page Navigation */
 #pageNav { float: right; list-style: none; margin: 5px 15px 5px 0;}
 #pageNav li { padding: 0 0 0 5px; display: inline; }
 #pageNav a { color:#6FF; }
 #pageNav .selected { color: #fff; font-weight: bold; }
 #pageNav .last { padding-left: 0; }

 /*****************************************************************************************/
	
	.frontpagebox {float:left; margin-left:15px; margin-bottom:20px; width:140px; line-height:18px;}
		.frontpagebox h1 { }
		.frontpagebox p { line-height: 12px; padding:0; margin: 0; }

	
	
/*//////////////*/
	
#content{ 
	height: auto;
	background: url(../images/panels-bck-home.png) repeat-y;
	margin-bottom:20px;
	}
	
	#content p{ padding:0 15px;}
	
	.content-portfolio{	background: url(../images/panels-bck-white.png) repeat-y; height: 260px; margin-bottom:20px; position:relative;}
		.content-portfolio p{ padding: 10px 10px 0 10px;}
		.content-portfolio a, .content-portfolio a:visited{ color:#009BDE;}
		.content-portfolio a:hover{ text-decoration:underline; color:#333;}
		
	.content-services {	background: url(../images/panels-bck-white.png) repeat-y; height: auto; margin-bottom:20px;}
		.content-services p{ padding: 15px 15px 0 15px;}

	
	.content-2 {background: url(../images/panels-bck-white2.png) repeat-y;margin-bottom:20px; min-height:300px}
	
	.content-3{ min-height:500px; background-color:#FFF;margin-bottom:20px;}
		.content-3 p{ padding: 15px 15px 0 15px;}
		
	#secondary-panel { height: 150px; margin-bottom: 20px;font-size: 10px; color: #FFF; background-color:#3C494D; padding:0;}

	
#left-panel{
	height: auto;
	color:#FFF;
	}
	
	#expertisetitle {padding-top:19px;}
	
	#left-panel h1 {font-size:17px; padding:5px 15px; margin:15px 0 5px 0; background: url(../images/transpBlack.png) repeat;}

	#left-panel p { font-weight:bold; line-height:17px; padding-top:0px;}
	.blue {color:#009BDE; font-weight:normal;}

	/*//////////////*/


#mid-panel{
	height: auto;
	}
	
	#mid-panel img {display:block; margin-top: 15px;}

#right-panel{
	height: auto;
	}
	
	#right-panel img {display:block; margin-top: 17px;}
	#right-panel .featuredwork {margin: 0 15px; border: solid 1px #3C494D;}
	
	.project-title, .portfolio-title{ 
	font-size:12px; font-weight:bold; padding:5px; text-transform:none;
	background-color:#3C494D; color:#FFF; width:300px; margin: 0 15px 10px 15px;
	}
	
	.portfolio-title{margin:0; width: 205px; padding-left:10px}
	
	#right-panel a, .content-portfolio a{ 
		display:block; 
		color:#009BDE; 
		text-decoration:none; 
		margin: 5px 0; 
		font-size: 10px; 
		font-weight: bold; 
		text-transform:uppercase; 
		}
		
	#right-panel a:visited{text-decoration:none;}
	#right-panel a:hover{text-decoration:underline; color:#3C494D;}
	
	
	/******************************************************************* CLIENT PAGES ***********/

.client-left{ padding: 15px;}
	.client-left img{margin-bottom:15px;} 
	.client-left ol { list-style:url(../images/arrow.png); margin: 0 0 0 15px; line-height:16px; color:#009BDE;}
	.client-left a {color:#3C494D; font-size:14px} .client-left a:hover {text-decoration:underline;}
	
.client-right{padding: 15px 20px 15px 0; position:relative;}
	.client-right h1 { font-size:22px; color:#3C494D; margin-bottom:8px; }
	.client-right h2 { font-size:16px; color:#009BDE }
	.client-right a {color:#3C494D;} .client-right a:hover {color:#009BDE}
	.client-right p {margin: 0; padding-bottom:10px; padding-top:0px}
	
	.nudgeleft{position:relative; right:6px;}
	
	
	/* slideshow client */

.projectImages{ width:430px; height:327px; overflow:hidden; display:block; margin-bottom: 10px;}
.slideshowbtn{ float:left; cursor:pointer; margin-bottom:20px;}
	.slideshowbtn img {display:inline; margin:0}
	.slideshowbtn a{color:#009BDE}
	.slideshowbtn a:hover {color:#3C494D; text-decoration:none;}
	
.client-left ol {margin-top: 60px;}

.subheading{ font-size:14px; font-weight: bold; line-height:22px; padding-left:6px}
.semibold{}

.greybar { color:#FFF; background-color:#3C494D; width: 425px; margin: 10px 15px 20px 15px; padding: 3px 0 3px 5px; text-transform:uppercase; font-size:10px;}

#getintouch1{ float:left; width: 200px; height:100px; color:#FFF; background: #FFF url(../images/cross-bck2.png) repeat; clear:both; padding: 5px; margin-top:20px;}

#goback{ position:absolute; left:0; margin:75px 15px 0 15px; width:430px; font-size:9px; border-top:#999 1px solid; padding-top: 5px;}
	#goback a{ text-decoration:none; color:#3C494D;}
	#goback a:hover{color:#009BDE;}
	#goback img {margin:0; } 
/*****************************************************************************************/





	/*//////////////*/

#footer {
	color:#666;
	height: 65px;
	background: url(../images/footer-bck.gif) repeat-x ;
	text-align:right;
	}
	
	#footer p{
		line-height: 55px;
		margin: 0 15px 0 15px;
		}
		
		#footer a, a:visited{text-decoration:none; color:#3C494D}
		#footer a:hover{ text-decoration:underline;}
	
	.strapline{margin-top: 18px;float:left;}
	
/* FORM //////////////////////*/
/* General form styles
----------------------------------------*/

fieldset {
    border: none;
    padding: 0;
    margin-left:15px; 
	}

fieldset ul {
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0 !important;
    }
    
fieldset ul li {
    padding-bottom: 5px;
    }
    
fieldset input, 
fieldset select,
fieldset textarea {
	font: 1.2em/1.4em "Myriad Pro", "Lucida sans", Verdana, sans-serif;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 5px 5px 3px 2px;
	margin: 2px 0 0 0;
	color: #333333;
	background-color: #fff;
}

fieldset input:hover, 
fieldset select:hover,
fieldset textarea:hover {
	border: 1px solid #666;
}


	
fieldset textarea {
    overflow: auto;
	font: 1.2em/1.7em "Myriad Pro", "Lucida sans", Verdana, sans-serif;
}

fieldset select {
	padding: 1px;
	padding: 2px 1px 2px 0;
}

fieldset select option {
    padding: 0 1em 0 2px;
}

fieldset label {
	font-size: 1.4em; 
    display: block;
    margin: 15px 0 8px 0;
	color:#009BDE;
}


fieldset label.checkbox_note {
    font-weight: normal;
    display: inline;
    float: none;
}

fieldset label.full, 
fieldset select.full{ width: 430px;}

fieldset input.full,fieldset textarea.full { width: 420px}

fieldset label.full {
    float: left;
}

fieldset p {
    margin-bottom: 0.5em !important;
}

.verif{ margin-left: 10px;}

button { margin-top:10px;}

.captcha_text{
font-size:11px;
line-height:13px;
}


/* ///////////////////////////////   offer 199 /////////////*/

.offerForm { width:333px; position:absolute; top:50px; right:57px; }
.offerForm label {margin:0; padding:0;}
.offerForm input {margin:0 0 15px 0; float: left;}

.shortentry {width:148px; height:20px; padding:5px;}
.longentry {width:323px; height:20px; padding:5px;}



.offersubhead {
	margin:20px 0 10px 20px;
	}

#submitOffer {
	margin:20px 0 0 15px;
	width:158px;
	height:40px;
	overflow:hidden;
	border:0;
	background:url('http://wearescience.com/images/offer199/claimBtn.png'); no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	cursor:pointer !important; cursor:hand;
}

#submitOffer:hover {
	background-position:0 -40px;
}

.wee_elvis {margin-right: 10px;list-style:none;}

#offerList { padding: 0px 10px 20px 20px; margin-bottom:10px;}

#offerList li { font-size: 14px;
				color:#333; 
				line-height:20px; 
				margin-bottom:15px; 
				background:url('http://wearescience.com/images/offer199/bullet.png') no-repeat left 2px; 
				padding-left: 30px; /* the width of your image + some space */
}

#offerList.multi li { font-size:13px;	margin-bottom:10px; }