/* ================================================
 
Theme Name: Atelier
Description: Atelier Theme
Author: Atelier Studios
Author URI: http://www.atelier-studios.com/
Date: Jan 2009

==================================================*/


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

		1. Globals
		
		2. Typography

		3. Main Navigation 

		4. Structure
		
		5. Images
		
		6. Lists 
		
		7. Form Elements 
		
		8. Comments

		9. Various Tags & Classes 
		
		10. Forms
				
		11. Headers

---------------------------------------------------

		COLOURS
		
		Background Colour           #d1d7d5
		
		Text Grey 					#2e2e2e
		
		Text Orange 				#df6c17
		
		Headings Darker Grey		#484848
			
		A Link Hover Brown			#3b1900
		
		Sidebar Nav A Link 			#30719b
		
		Sidebar Nav A Link Hover	#274107
		
		
		

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


/*=================================================

	1. Globals
 
 ===================================================*/


html { /* Stop background flicker in IE 6 Bug: http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker */
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/* 
Reset all margins/padding */
* { 
	margin:0;
	padding:0;
}

/* 
Gets rid of outlined links in Firefox */
a {
	outline: none;
}


/* 
No boders on images */
img {
	border:0;
	padding: 0;
	margin: 0;
}



/*
	IE PNG Fix http://www.twinhelix.com/css/iepngfix/
 */

* { behavior: url(/wp-content/themes/atelier/iepngfix.htc) }

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */





/*=================================================

	2. Typography
 
 ===================================================*/
 
body {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color: #5F5F5F;
	margin:0;
	padding:0;
	}

.narrowcolumn p {
	margin: 0 0 15px 0;
	line-height:170%;
	}
	
.widecolumn p {
	margin: 0 0 15px 0;
	}	

.sub_header_text p {
	color: #666666;
	line-height: 20px;
	}


p.footer_bottom {
	padding-bottom:0px;
	font-size:11px;
	color:#4e4e4e;
	margin-left:4px;
	}

	
em{
	font-style:italic;
	display:inline;
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	}		
	
small {
	font-size: 10px;
	line-height: 100%;
	color:#909090;
	text-transform:uppercase;
	}	
	
.paddedsmall {
margin-bottom:15px;
margin-top:-8px;
}

h1, h3, h4, h5, h6 {
	/*font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

h1 {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 20px;
	color: #484848;
	text-align:left;
	line-height: 26px;
	}

h2 {
	font-size: 32px;
	color: #3b3b3b!important;
	text-align:left;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration:none!important;
	margin-bottom:15px;
	line-height:100%;
	}

.narrowcolumn h2 a {
	font-size: 32px;
	color: #3b3b3b!important;
	text-align:left;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration:none!important;
	}
	
.narrowcolumn h2 a:hover {
	font-size: 32px;
	color: #3b3b3b!important;
	text-align:left;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration:underline!important;
	}
	
.narrowcolumn h3 {
	font-size: 20px;
	line-height: 20px;
	padding: 10px 0 7px 0;
	color: #484848;
	font-weight:bold;
	}

h4 {
	font-size: 14px;
	line-height: 16px;
	padding: 8px 0 5px 0;
	color: #484848;
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-weight:bold;
	}

h4.pagetitle {
color:#B0C214!important;
font-size: 14px;
	line-height: 16px;
	padding:0px!important;
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-weight:bold;
	margin-bottom:30px;
}

h5 {
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 10px 0;
	color: #df6c17;
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	}

h6 {
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 10px 0;
	color: #484848;
	}

#subpages-title {
	display: none;
	}
	
.view a {
   padding:6px;
   background-color:#a1b400;
   font-size:10px;
   text-transform:uppercase;
   color:#fff!important;
   text-decoration:none!important;
   }
   
.view a:hover {
   padding:6px;
   background-color:#000;
   font-size:10px;
   color:#a1b400!important;
   text-decoration:none;
   text-transform:uppercase;
   }
   




/*-----------------------------------
 Link Styles
 ------------------------------------- */


	

	
#content a {
	color: #b0c214;
	text-decoration: underline;
	}

#content a:hover {
	color: #b0c214;
	text-decoration: none;
	}
	

h3 a {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 28px;
	color: #484848;
	text-align:left;
	line-height: 32px;
	float: left;
	clear: both;
	}
	
	h3 a:hover {
	text-decoration: underline;
	color: #FF0000;
	}

.widgettitle {
	display: none;
	}
	
.footerlinks A:link {
   color:#4e4e4e;
	text-decoration:none;
    }

     .footerlinks A:visited {
          color:#4e4e4e;
		  text-decoration:none;
		  }

     .footerlinks A:active {
          color:#4e4e4e;
		  text-decoration:none;
		  }

     .footerlinks A:hover {
       color:#ccdb2a;
		  text-decoration:underline;
		  }	



/* End Typography & Colors */



/*=================================================

	3. Main Navigation 
	
=================================================*/


/* ------------------- Drop Down Main Nav -------------------------- */


div.jqueryslidemenu {
	width: 100%;
	position: relative;
	z-index: 150;
	}

div.jqueryslidemenu ul.navigation {
	margin: 0;
	padding: 55px 0 0 0;
	list-style-type: none;
	}

/*Top level list items*/
div.jqueryslidemenu ul.navigation li {
	position: relative;
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
	}


/*1st sub level menu*/
div.jqueryslidemenu ul.navigation li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	list-style-type: none;
	padding: 15px 0 0 0;
	z-index: 250;
	}


/*Sub level menu list items (undo style from Top level List Items)*/
div.jqueryslidemenu ul.navigation li ul li {
	display: list-item;
	float: none;
	list-style-type: none;
	}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */
div.jqueryslidemenu ul.navigation li ul li ul {
	top: 0;
	list-style-type: none;
	padding: 0;
	border-left: 1px solid #000000;
	}


/* ------------------  DROP DOWN NAV ARROW STYLES ------------------------------------*/

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
	display: none;
	}

.rightarrowclass{
	position: absolute;
	top: 18px;
	right: 8px;
	}



/* ------------------  SUB LINK STYLES ------------------------------------*/


/* Sub level menu links style */
div.jqueryslidemenu ul.navigation li ul li a {
	width: 140px; /*width of sub menus*/
	padding: 7px 15px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #414141;
	}	
		
div.jqueryslidemenu ul.navigation li ul li a:hover { /*sub menus hover style*/
	background: #414141;
	color: white;
	}


/* ------------------  GENERIC LINK STYLES ------------------------------------*/


div.jqueryslidemenu ul.navigation li a {
	display: block;
	background: #000000;
	color: #B0C214;
	text-decoration: none;
	}

	* html div.jqueryslidemenu ul.navigation li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	}

	div.jqueryslidemenu ul.navigation li a:hover {
	background: #414141;
	color: white;
	}


/* ------------------  MAIN NAV STYLES START ------------------------------------*/


div.jqueryslidemenu ul.navigation li a.home1 {
	background:url(/wp-content/themes/atelier/images/nav/home.jpg) no-repeat 0 0;
	width: 92px;
	height: 59px;
	text-indent: -1000em;
	display: inline-block;
	overflow: hidden;
	float: left;
	}

	div.jqueryslidemenu ul.navigation li a.home1:hover {
	background:url(/wp-content/themes/atelier/images/nav/home.jpg) no-repeat 0 -118px;
	}
	
	body.home1 div.jqueryslidemenu ul.navigation li a.home1 {
	background:url(/wp-content/themes/atelier/images/nav/home.jpg) no-repeat 0 -59px;
	width: 92px;
	height: 59px;
	text-indent: -1000em;
	display: inline-block;
	overflow: hidden;
	float: left;
	}


div.jqueryslidemenu ul.navigation li a.ourwork {
	background:url(/wp-content/themes/atelier/images/nav/ourwork.jpg) no-repeat 0 0;
	width: 127px;
	height: 59px;
	text-indent: -1000em;
	display: inline-block;
	overflow: hidden;
	float: left;
	}

	div.jqueryslidemenu ul.navigation li a.ourwork:hover {
	background:url(/wp-content/themes/atelier/images/nav/ourwork.jpg) no-repeat 0 -118px;
	}
	
	body.our_work div.jqueryslidemenu ul.navigation li a.ourwork {
	background:url(/wp-content/themes/atelier/images/nav/ourwork.jpg) no-repeat 0 -59px;
	width: 127px;
	height: 59px;
	text-indent: -1000em;
	display: inline-block;
	overflow: hidden;
	float: left;
	}
	
div.jqueryslidemenu ul.navigation li a.whatwedo {
	background:url(/wp-content/themes/atelier/images/nav/whatwedo.jpg) no-repeat 0 0;
	width: 142px;
	height: 59px;
	text-indent: -1000em;
	display: inline-block;
	overflow: hidden;
	float: left;
	}

	div.jqueryslidemenu ul.navigation li a.whatwedo:hover {
	background:url(/wp-content/themes/atelier/images/nav/whatwedo.jpg) no-repeat 0 -118px;
	}
	
	body.what_we_do div.jqueryslidemenu ul.navigation li a.whatwedo {
	background:url(/wp-content/themes/atelier/images/nav/whatwedo.jpg) no-repeat 0 -59px;
	width: 142px;
	height: 59px;
	text-indent: -1000em;
	display: inline-block;
	overflow: hidden;
	float: left;
	}


div.jqueryslidemenu ul.navigation li a.aboutatelier {
	background:url(/wp-content/themes/atelier/images/nav/aboutatelier.jpg) no-repeat 0 0;
	width: 149px;
	height: 59px;
	text-indent: -1000em;
	display: inline-block;
	overflow: hidden;
	float: left;
	}

	div.jqueryslidemenu ul.navigation li a.aboutatelier:hover {
	background:url(/wp-content/themes/atelier/images/nav/aboutatelier.jpg) no-repeat 0 -118px;
	}
	
	body.about div.jqueryslidemenu ul.navigation li a.aboutatelier {
	background:url(/wp-content/themes/atelier/images/nav/aboutatelier.jpg) no-repeat 0 -59px;
	width: 149px;
	height: 59px;
	text-indent: -1000em;
	display: inline-block;
	overflow: hidden;
	float: left;
	}


div.jqueryslidemenu ul.navigation li.talkwithus a {
	background:url(/wp-content/themes/atelier/images/nav/talkwithus.jpg) no-repeat 0 0;
	width: 112px;
	height: 59px;
	text-indent: -1000em;
	display: inline-block;
	overflow: hidden;
	float: left;
	}

	div.jqueryslidemenu ul.navigation li.talkwithus a:hover, body.subpageaaaaa div.jqueryslidemenu ul.navigation li.talkwithus a:hover {
	background:url(/wp-content/themes/atelier/images/nav/talkwithus.jpg) no-repeat 0 -118px;
	}
	
	body.subpageaaaaa div.jqueryslidemenu ul.navigation li.talkwithus a {
	background:url(/wp-content/themes/atelier/images/nav/talkwithus.jpg) no-repeat 0 -59px;
	width: 112px;
	height: 59px;
	text-indent: -1000em;
	display: inline-block;
	overflow: hidden;
	float: left;
	}


/* ----------------- End Drop Down Nav -------------------- */



/* -------------------- Launch & Case Studies ------------------ */


div.buttons {
	width:937px;
	margin:0 auto;
	background-color:#CC9900;
	position:relative;
	top:80px;
	left:-70px;
	z-index:5;
	}

ul.projectnavigation {
	
	}

div.buttons ul.projectnavigation li {
	display:inline;
	padding: 0px;
	z-index:125;
	}

div.buttons ul.projectnavigation li.launch a {
	text-indent: -1000em;
	background:url(/wp-content/themes/atelier/images/nav/launch_website.jpg) no-repeat left top;
	width: 119px;
	height: 24px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 658px;
	top:296px;
	z-index:2;
	}

div.buttons ul.projectnavigation li.launch a:hover {
	background-position: 0px -24px; 
	z-index:2;
	}
	
	
div.buttons ul.projectnavigation li.case a {
	text-indent: -1000em;
	background:url(/wp-content/themes/atelier/images/nav/case_study.jpg) no-repeat left top;
	width: 88px;
	height: 24px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 789px;
	top:296px;
	z-index:2;
	}

div.buttons ul.projectnavigation li.case a:hover {
	background-position: 0px -24px; 
	z-index:2;
	}
	
div.buttons ul.projectnavigation li.nextproject a {
	text-indent: -1000em;
	background:url(/wp-content/themes/atelier/images/nav/next_project.jpg) no-repeat left top;
	width: 110px;
	height: 24px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 890px;
	top:296px;
	z-index:2;
	}

div.buttons ul.projectnavigation li.nextproject a:hover {
	background-position: 0px -24px; 
	z-index:2;
	}
	
/*---------------------  End Launch Case Studies -------------------*/



div#footer div.footer_container_bottom div.footerleft p.atelier_logo {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	}
	
	div#footer div.footer_container_bottom p.atelier_logo a {
	background: url(/wp-content/themes/atelier/images/sitewide/footer_atelierlogo.png) no-repeat 0 0;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 43px;
	height: 22px;
	}
	
	div#footer div.footer_container_bottom p.atelier_logo a:hover {
	background: url(/wp-content/themes/atelier/images/sitewide/footer_atelierlogo_hover.png) no-repeat 0 0;
	}

div#footer div.footer_container_bottom p.lime_logo {
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	}
	
	div#footer div.footer_container_bottom p.lime_logo a {
	background: url(/wp-content/themes/atelier/images/sitewide/footer_limelogo.png) no-repeat 0 0;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 43px;
	height: 22px;
	}
	
	div#footer div.footer_container_bottom p.lime_logo a:hover {
	background: url(/wp-content/themes/atelier/images/sitewide/footer_limelogo_hover.png) no-repeat 0 0;
	}




	
/* End Main Navigation */






	
/* Start Sidebar Navigation */

ul.sidebar_nav {
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	width: 230px;
	}

ul.sidebar_nav li {
	background-image: url(images/sitewide/bullet_nav.gif);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	list-style-type:none;
	padding: 4px 0 7px 20px;
	margin: 0 ;
	}
	

/* End Sidebar Navigation */

/*=================================================


	4. Structure 
 
=================================================*/

body {
	margin:0;
	padding:0;
	background-color: #fff;
	}
	
div.container_subpage {
	background-image:url(images/backgrounds/subpage_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	clear:both;
	background-color:#fff;
	float: left;
	width: 100%;
	}
	
#container {
float:left;
width: 612px;
}
	
div.wrapper {
/*width: 1095px;
position: relative;
left: 50%;
margin-left: -549px;*/
	width: 980px;
	position: relative;
	margin:0 auto;
	height: 100%;
	}
	
#branding_left_subpage {
		/*float:left;
		width:332px;
		height:158px;*/
		/*background-color:#00FF00;*/
		float:left;
		width: 315px;
		height:158px;
		}
		
	#branding_right_subpage {
		/*float:left;
		width:648px;
		height:158px;
		position:relative;*/
		/*background-color:#666699;*/
		float:right;
		width:630px;
		height:158px;
		position:relative;
		}
	
#page {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	
	}

#header {
	width: 980px;
	height:158px;
	float:left;
	/*background-color: #FFCC33;*/
	}


#content_container {
	float: left;
	width: 819px;
	/*background-color: #FF0000;*/
	background-image: url(images/sitewide/bg_page_bounds.gif);
	background-position: right 0;
	background-repeat: repeat-y;
	}
	
.narrowcolumn {
	width: 612px;
	float: left;
	padding-left:46px;
	padding-top:48px;
	padding-right:38px;
	/*background-color: #FFCCFF;*/
	}

.widecolumn {
	float: right;
	width: 571px;
	padding: 20px 30px;
	/*background-color: #999999;*/
	}
	
#sidebar_subpage {
	float: left;
		width: 208px;
		min-height:772px;
		height:100%;
		padding: 51px 40px 30px 34px;
		margin: 0;
		background-image:url(/wp-content/themes/atelier/images/backgrounds/subpage_sidebar.jpg);
		background-repeat:no-repeat;
		background-position:50% 0%;
		/*background-color: #FFFF00;*/
	}
	



#content.narrowcolumn .post {
	padding:0;
	margin: 0;
	width: 100%;
	float: left;
	/*background-color: #66CC66;*/
	}

#content.widecolumn .post {
	padding:0;
	margin: 0;
	width: 100%;
	float: left;
	/*background-color: #66CC66;*/
	}

.entry {
	padding: 0px 0 0px 0;
	margin: 0;
	width: 100%;
	/*border-top: 1px solid #878585;*/
	float: left;
	margin-bottom:0px;
	/*background-color: #993399;*/
	}
	
.entry_home {
	padding: 0px 0 0px 0;
	margin: 0;
	width: 100%;
	/*border-top: 1px solid #878585;*/
	float: left;
	/*background-color: #993399;*/
	}
	
.postcontainer {
float:left; 
}


#footer {
  	background-image:url(/wp-content/themes/atelier/images/backgrounds/subpage_footer_bg.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	/*width: 986px;*/
	padding: 0px 0 40px 0;
	/*margin: 0 auto;*/
	clear:both;
	background-color: #000;	
	
	}
	
.footer_container {
	width:937px;
	margin: 0 auto;
	padding-left:42px;
	padding-top:50px;
	position:relative;
	min-height:65px;
	/*background-color:#00FF33;*/
	/*height:237px;*/
	}
	
.footerleft {
	width:292px;
	float:left;
	padding: 0px;
	}

	
.footermiddle{
	width:292px;
	float:left;
	padding: 0px;
	}


.footerright {
	width:292px;
	float:left;
	padding: 0px;
	}

.footer_container_bottom {
	width:937px;
	margin: 0 auto;
	padding-left:42px;
	padding-top:10px;
	clear:both;
	}


div#footer div.footer_container_bottom div.footerleft p.atelier_logo {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	}
	
	div#footer div.footer_container_bottom div.footerleft p.atelier_logo a {
	background: url(/wp-content/themes/atelier/images/sitewide/footer_atelierlogo.jpg) no-repeat 0 0;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 43px;
	height: 22px;
	}
	
	div#footer div.footer_container_bottom div.footerleft p.atelier_logo a:hover {
	background: url(/wp-content/themes/atelier/images/sitewide/footer_atelierlogo.jpg) no-repeat 0 -22px;
	}

div#footer div.footer_container_bottom div.footerleft p.lime_logo {
	float: left;
	margin: 1px 0 0 15px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	}
	
	div#footer div.footer_container_bottom div.footerleft p.lime_logo a {
	background: url(/wp-content/themes/atelier/images/sitewide/footer_limelogo.jpg) no-repeat 0 0;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 40px;
	height: 22px;
	}
	
	div#footer div.footer_container_bottom div.footerleft p.lime_logo a:hover {
	background: url(/wp-content/themes/atelier/images/sitewide/footer_limelogo.jpg) no-repeat 0 -20px;
	}


div#footer div.footer_container_bottom div.footerleft p.atelier_seo_logo {
	float: left;
	margin: 1px 0 0 10px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	}
	
	div#footer div.footer_container_bottom div.footerleft p.atelier_seo_logo a {
	background: url(/wp-content/themes/atelier/images/sitewide/footer_atelier_seo.jpg) no-repeat 0 0;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 67px;
	height: 21px;
	}
	
	div#footer div.footer_container_bottom div.footerleft p.atelier_seo_logo a:hover {
	background: url(/wp-content/themes/atelier/images/sitewide/footer_atelier_seo.jpg) no-repeat 0 -21px;
	}


	
	
/* End Structure */




/*=================================================

	5. Images
	
=================================================*/

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

	
.entry img {
	border:0;
	padding: 0;
	margin: 0px 0px 0px 0;
	float: left;
	/*display: block;
	border: 1px solid #cfd0d4;*/
	}
	

.alignright {
	float: right!important;
	width: 225px;
	text-align:right;
	border:2px solid #ccc!important;
	margin-left:30px!important;
	margin-bottom:40px!important;
	}
	
	
.home .alignright {
	display:none;
	}
	
.category .alignright {
	display:none;
	}
	
.customfield {
	float: left;
	width: 225px;
	height:281px;
	text-align:right;
	border:2px solid #ccc!important;
	margin-left:30px;
	margin-bottom:50px;
	display: none;
}

.alignleft {
	float: left;
	width: 480px;
	}
	
.alignright_show {
	float: right;
	}

	
	
/* End Images */



/*=================================================
	
	6. Lists 

=================================================*/

.footerlists {
   list-style-type:none;
   margin: 0; /*removes indent IE and Opera*/
   padding: 0; /*removes indent Mozilla and NN7*/
   margin-top:0px;
   }
   


div#footer div#panel div.footerright div.feedburnerFeedBlock {

	float: left;

	}

	

	div#footer div#panel div.footerright div.feedburnerFeedBlock ul {

	float: left;

	list-style-type: none;

	padding: 0;

	margin: 0;

	color:#595959;

	font:normal 12px/155% Arial, Helvetica, sans-serif;

	}

	

	div#footer div#panel div.footerright div.feedburnerFeedBlock ul li {

	padding: 0 0 5px 0;

	margin: 0;

	float: left;

	clear: both;

	}

	

	div#footer div#panel div.footerright div.feedburnerFeedBlock ul li span.headline {

	font-style: italic;

	line-height: 14px;

	padding: 0;

	margin: 0;

	}

	

	div#footer div#panel div.footerright div.feedburnerFeedBlock ul li span.headline a {

	margin-top:2px;

	color: #7c7c7c;

	text-decoration: none;

	padding-left:5px;

	display:block;

	line-height:160%;

	width: 270px;

	}

	

	div#footer div#panel div.footerright div.feedburnerFeedBlock ul li span.headline a:hover {

	text-decoration: none;

	color: #b0c214;

	background-color:#000;

	}


#panel {
clear:both;
}

#panel2 {
	clear:both;
	margin-top:0px;
	display:none;
	background: url(/wp-content/themes/atelier/images/backgrounds/contactpanel_bg.gif) repeat 0 0 #000;
	height:395px;
	}
	






#creditfooter {
display:none;
}

.links a {
   margin-top:2px;
   color:#7c7c7c!important;
   text-decoration:none!important;
   padding-left:5px;
   display:block;
   line-height:210%;
   width:225px;
   }

.links a:hover {
   margin-top:2px;
   text-decoration:none!important;
   color:#b0c214!important;
   padding-left:5px;
   display:block;
   line-height:210%;
   width:225px;
   background-color:#000;
   }
   
.links_green a {
   /*color:#ccdb2a;*/
   margin-top:2px;
   color:#ccdb2a!important;
   text-decoration:none!important;
   padding-left:5px;
   display:block;
   line-height:210%;
   width:225px;
   }

.links_green a:hover {
   margin-top:2px;
   color:#ccdb2a!important;
   text-decoration:underline!important;
   padding-left:5px;
   display:block;
   line-height:210%;
   width:225px;
   }




.entry ol {
	padding: 10px 0 0px 35px;
	margin: 0;
	font-size: 11px;
	}

.entry ol li {
	margin: 0;
	padding: 5px 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	margin-bottom:0px;
	}
	
#bottompadding {
margin-bottom:65px;
}

.narrowcolumn ul {
	margin: 0 0 0 15px;
	padding: 0 0 15px 0;
	}

.narrowcolumn ul li {
	background-image: url(images/sitewide/bullet_news.gif);
	background-repeat:no-repeat;
	background-position: 0px 9px;
	list-style-type:disc;
	padding: 4px 0 7px 3px;
	margin: 0 0 0 25px ;
	}

.sidebar_content ul li {
list-style:none;
float:left;
}



li.pagenav a {
	display:block;
	padding: 5px 0px 5px 20px;
	width:190px;
	border-bottom:1px solid #d7d7d7;
	text-decoration:none;
	color:#858585;
	background-image:url(/wp-content/themes/atelier/images/sitewide/arrow_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;

	}

	li.pagenav a:hover {
	background-color:#e9e9e9;
	color:#B0C214;
	text-decoration:underline;
	background-image:url(/wp-content/themes/atelier/images/sitewide/arrow_bullet_over.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	}
	
li.categories a {
	display:block;
	padding: 5px 0px 5px 20px;
	width:190px;
	border-bottom:1px solid #d7d7d7;
	text-decoration:none;
	color:#858585;
	background-image:url(/wp-content/themes/atelier/images/sitewide/arrow_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;

	}

	li.categories a:hover {
	background-color:#e9e9e9;
	color:#B0C214;
	text-decoration:underline;
	background-image:url(/wp-content/themes/atelier/images/sitewide/arrow_bullet_over.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	}
	

.sidebarlist li a {
	display:block;
	padding: 5px 0px 5px 20px;
	width:190px;
	border-bottom:1px solid #d7d7d7;
	text-decoration:none;
	color:#858585;
	background-image:url(/wp-content/themes/atelier/images/sitewide/arrow_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;

	}

	.sidebarlist li a:hover {
	background-color:#e9e9e9;
	color:#B0C214;
	text-decoration:underline;
	background-image:url(/wp-content/themes/atelier/images/sitewide/arrow_bullet_over.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	}


	





	
/* End Entry Lists */



/*=================================================

	7. Form Elements 
	
=================================================*/

/*#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;

	}*/

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
	
input#s {
	width: 124px;
	height:23px;
	background-color:#fff;
	border:1px solid #ccc;
	padding: 3px 0 0 3px;
	margin: 0 3px 0 0;
	float: left;
	}
	
input#searchsubmit {
	float: left;
	background-color: #000000;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	width: 75px;
	height: 28px;
	padding: 0px 1px 3px 1px;
	margin: 0;
	cursor: pointer;
	}
	
form#searchform label.screen-reader-text {
	display: none;
	}
	
form#searchform {
	float: left;
	clear: both;
	padding: 10px 0 0 0;
	}	

/* End Form Elements */



/*=================================================
	
	8. Comments
	
=================================================*/

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: left;
	margin: 0;
	padding: 0;
	font-style:italic;
	font-weight:bold;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/*=================================================
	
	9. Various Tags & Classes 
	
=================================================*/

blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#000;
	display:block;
	background-image:url(/wp-content/themes/atelier/images/backgrounds/blockquote_bg.jpg);
	background-repeat:no-repeat;
	width:499px;
	margin: 30px 25px 20px 25px;
	padding-left:55px;
	padding-top: 20px;
	font-style: italic;
	}

div#viewwork_subpage p a {
	background: url(/wp-content/themes/atelier/images/sitewide/backtoblog.jpg) no-repeat left top;
	width: 110px;
	height: 60px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	cursor: pointer;
	top: 138px;
	left: 533px;
	z-index:100;
	}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}





.center {
	text-align: center;
	}
	
div.left_float {
	float: left;
	width: 200px;
	padding: 0 0 2px 0;
	}
	
.description {
display:none;
}	

hr {
	border: 0;
	color: #000;
	background-color: #000;
	margin-bottom:10px;
	margin-top:0px;
	height: 1px;
	}

a img {
	
	}

.navigationposts {
	float:left;
	padding: 0px 0 20px 0;
	margin: 0px 0 20px 0;
	border-top: none;
	width: 100%;
	font-weight:bold;
	font-size:14px;
	/*background-color: #000000;*/
	}
	
p.news_date {
	float: left;
	margin: 18px 0 3px 0;
	padding: 13px 0 0 0;
	width: 100%;
	border-top: 1px solid #878585;
	}
	
#sidebar_subpage p.divide {
height:1px;
background: url(/wp-content/themes/atelier/images/backgrounds/sidebar_section_divide.jpg) no-repeat 0 0;
padding: 0px 0 20px 0;
margin: 0;
line-height: 1px;
float: left;
clear: both;
display: block;
width: 216px;
margin-top:20px;
}

#sidebar_subpage p.dividenone {
	height:1px;
	background:none;
	padding: 0px 0 30px 0;
	margin: 0;
	line-height: 1px;
	float: left;
	clear: both;
	display: block;
	width: 216px;
	}

h5#expand_subpage a {
	background: url(/wp-content/themes/atelier/images/sitewide/subpage_expandfooter.jpg) no-repeat left top;
	width: 112px;
	height: 57px;
	cursor: pointer;
	display: block;
	overflow: hidden;
	position: absolute;
	top: -3px;
	left: -36px;
	z-index:100;

	}

	h5#expand_subpage a:hover {
	background: url(/wp-content/themes/atelier/images/sitewide/subpage_expandfooter_hover.jpg) no-repeat left top;
	}
	

div.getintouch {
	width: 572px;
	height:81px;
	background: url(/wp-content/themes/atelier/images/backgrounds/getintouch.jpg) no-repeat -5px 0;
	margin: 15px 0px 10px 0px;
	font:normal 14px/170% Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:20px;
	padding-left:40px;
	position:relative;
	float: left;
	clear: both;
	}
	
div#top_subpage p a {
	background: url(/wp-content/themes/atelier/images/sitewide/backtotop.jpg) no-repeat left top;
	width: 99px;
	height: 47px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 54px;
	left: 514px;
	z-index:100;
	}


	
	
/* End Various Tags & Classes*/


/*=================================================
	
	10. Forms
	
=================================================*/


/* End Forms*/





/*=================================================
	
	11. Headers
	
=================================================*/


#header h1 a {
	background-image: url(images/sitewide/logo.jpg) ;
	background-position: 0 0px;
	background-repeat:no-repeat;
	text-indent: -9999px;
	padding:0;
	margin:0;
	float:left;
	height: 65px;
	width: 129px;
	line-height: 0;
	margin-top:53px;
	margin-left:35px;
	}


h3#searchheading {	
text-indent: -5000px; 
overflow:hidden;
width:169px; 
height:36px;  
text-decoration: none !important;
background-image:url(/wp-content/themes/atelier/images/headings/search.jpg);
background-repeat:no-repeat;
clear: both;
margin-bottom:8px;
}

h3#pages {	
text-indent: -5000px; 
overflow:hidden;
width:115px; 
height:36px;  
text-decoration: none !important;
background-image:url(/wp-content/themes/atelier/images/headings/pages.gif);
background-repeat:no-repeat;
clear: both;
margin-bottom:10px;
}

h3#categories {	
text-indent: -5000px; 
overflow:hidden;
width:166px; 
height:36px;  
text-decoration: none !important;
background-image:url(/wp-content/themes/atelier/images/headings/categories.gif);
background-repeat:no-repeat;
clear: both;
margin-bottom:10px;
}

h3#archives {	
text-indent: -5000px; 
overflow:hidden;
width:153px; 
height:36px;  
text-decoration: none !important;
background-image:url(/wp-content/themes/atelier/images/headings/archives.gif);
background-repeat:no-repeat;
clear: both;
margin-bottom:10px;
}

h3#subscribe {	
text-indent: -5000px; 
overflow:hidden;
width:184px; 
height:36px;  
text-decoration: none !important;
background-image:url(/wp-content/themes/atelier/images/headings/subscribe.gif);
background-repeat:no-repeat;
clear: both;
margin-bottom:10px;
}

#whatwedo {	
	text-indent: -5000px; overflow:hidden;
	width:118px; height:30px;  text-decoration: none !important;
	background-image:url(/wp-content/themes/atelier/images/headings/footer_whatwedo.jpg);
	background-repeat:no-repeat;
	margin-bottom:0px;
	}

#ourwork {	
	text-indent: -5000px; overflow:hidden;
	width:93px; height:30px;  text-decoration: none !important;
	background-image:url(/wp-content/themes/atelier/images/headings/footer_ourwork.jpg);
	background-repeat:no-repeat;
	margin-bottom:0px;
	}


#recentposts {	
	text-indent: -5000px; overflow:hidden;
	width:143px; height:30px;  text-decoration: none !important;
	background-image:url(/wp-content/themes/atelier/images/headings/footer_recentposts.jpg);
	background-repeat:no-repeat;
	margin-bottom:0px;
	}


	
.linkcat {
display:none;
}

.blogroll {
display:none;
}

.hidden {
display:none;
}



/* Top Panel Structure */



#contactheading {	
	text-indent: -5000px; overflow:hidden;
	width:136px; height:40px;  text-decoration: none !important;
	background-image:url(/wp-content/themes/atelier/images/headings/contact_heading.jpg);
	background-repeat:no-repeat;
	margin-bottom:12px;}


div#contactcontainer_centre {
	width:900px;
	margin: 0 auto;
	}


div#contactcontainer {
	width:900px;
	float: left;
	padding-top:30px;
	display:block;
	}


#contactcontainer p {
	padding-bottom:20px;
	line-height:150%;
	color:#858585;
	}


div#contact_left {
	float:left;
	width:228px;
	}


div#contact_middle {
	float:left;
	width:295px;
	margin-top:-12px;
	}


div#contact_right {
	float:left;
	width:330px;
	padding-top:65px;
	}


.padded {
	margin-top:15px;
	font-size:14px;
	}


a {
	color: #ccdb2a;
}





table td {
	padding:8px;
	color:#858585;
	}



div#contact_right table {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	float: left;
	clear: both;
	}

	

	div#contact_right table.submit_buttons {
	margin: 8px 0 0 0;
	}



div#contact_right table td.nopadding {
	padding:0;
	color:#858585;
	}





div.additional_details {
	clear: both;
	margin: 0;
	padding: 0;
	}
	
.additional_details p {
color:#4a4a4a!important;
}


	div#contactcontainer div.additional_details p {
	font-size: 10px;
	line-height: 14px;
	padding: 0 0 10px 0;
	margin: 0;
	}


div#contact_left p {
	padding: 0 0 13px 0;
	line-height: 17px;
	}
	
.contactfield {
	width:170px;
	height:20px;
	background-color:#2a2a2a;
	border:1px solid;
	border-color:#424242;
	padding: 8px 0 6px 6px;
	margin-top:0;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	}


	.contactfield:focus {
	width:170px;
	height:20px;
	background-color:#696969;
	border:1px solid;
	border-color:#424242;
	padding: 8px 0 6px 6px;
	margin-top:0;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	}


.contacttextarea {
	width:278px;
	height:138px;
	background-color:#2a2a2a;
	border:1px solid;
	border-color:#424242;
	padding: 8px 0 0 8px;
	margin-top:0px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

	

	.contacttextarea:focus {
	width:278px;
	height:138px;
	background-color:#696969;
	border:1px solid;
	border-color:#424242;
	padding: 8px 0 0 8px;
	margin-top:0px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}


input.submitbutton {
	margin:0;
	padding:0;
	}



.closebutton {
margin-top:5px;
padding-right:7px;
}

.btn-slide3 {
	display: block;
	/*position: absolute;*/
	width: 133px;
	height:29px;
	background-image:url(/wp-content/themes/atelier/images/sitewide/close_button.jpg);
	cursor:pointer;
	margin-left:68px;
	}




/*=====  Styles for Download Button Added By Andy     =====*/ 	


div.download_map {
	float: left;
	padding: 30px 0 0 70px;
	}
	
	div.download_map p {
	margin: 0;
	padding: 0;
	line-height: 1px;
	font-size: 2px;
	}
	
	div.download_map p a {
	background: url(/wp-content/themes/atelier/images/sitewide/download_map_button.jpg) no-repeat 0 0;
	display: block;
	overflow: hidden;
	width: 280px;
	height: 32px;
	text-indent: -9999px;
	}
	
	div.download_map p a:hover {
	background: url(/wp-content/themes/atelier/images/sitewide/download_map_button.jpg) no-repeat 0 -40px;
	}
	

/*=====  Styles to hide content image on Search Pages Added By Andy     =====*/ 	
	
body.search div#container div.entry_home p img, body.category div#container div.entry_home p img, body.archive div#container div.entry_home p img    {
	display: none;
	}