@charset "utf-8";

@import url("browser_resets.css");

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

Filename: main_styles.css
Title: Main Styles for www.energycell.co.uk
Author: Dave Whitehead - dave.whitehead@energycell.co.uk

Lime Green: #c1d82f
Dark Grey: #6b7f87
Cyan: #46a6b4
Marine Blue: #10646f
Green Blue: #41928b

Charcoal: #242320
Orange: #ad7405
Dark Green: #3b541e

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




/*====================================================== Framework ==*/


html {background: url(../assets/pageframework/paper.jpg);}

header, footer, nav, section, article, aside {display:block;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: url(../assets/pageframework/paper.jpg);
}

/* Left column */
body#leftcol aside.left {width: 180px; float: left; margin: 0px 0px 0px 35px; padding: 25px 0px 0px 0px;}
body#leftcol article {width: 580px; float: right; margin: 0px 35px 0px 0px; padding: 25px 0px 0px 0px;}
body#leftcol aside.right {display: none;}

/* Right column */
body#rightcol aside.left {display: none;}
body#rightcol article {width: 580px; float: left; margin: 0px 0px 0px 35px; padding: 25px 0px 0px 0px;}
body#rightcol aside.right {width: 180px; float: right; margin: 0px 35px 0px 0px; padding: 25px 0px 0px 0px;}

/* One column */
body#onecol aside.left {display: none;}
body#onecol article {width: 810px; margin: 0px 0px 0px 35px; padding: 25px 0px 0px 0px;}
body#onecol aside.right {display: none;}

/* Three column */
body#threecol aside.left {width: 180px; float: left; margin: 0px 0px 0px 35px; padding: 25px 0px 0px 0px;}
body#threecol article {width: 350px; float: left; margin: 0px 0px 0px 50px; padding: 25px 0px 0px 0px;}
body#threecol aside.right {width: 180px; float: right; margin: 0px 35px 0px 0px; padding: 25px 0px 0px 0px;}


nav#mainnav {
	height: 70px;
	width: 870px;
	margin: 0px auto 65px auto;
	background: url(../assets/pageframework/navbaserule.jpg) no-repeat bottom center;
	position: relative;
}

#banner {width: 870px; margin: 0px auto 15px auto;}

#contentwrapper{
	width: 100%; 
	background: url(../assets/pageframework/bubbles.jpg) repeat-x center top;
	background-color: #FFF;
	text-align: left;
}

section {width: 880px; margin: 0px auto 0px auto; padding-bottom: 30px; float: none;}

article {}

aside {}

/* ==== Section column structures ==== */

/* Three Column */

.three-column {
	float: left;
	}
	.three-column .column {
		width: 175px;
		float: left;
		margin: 0px 27px 0px 0px;
		}
		.three-column .nomargin {margin: 0px;}
		.three-column .rightcolumn {margin: 0px 0px 0px 35px;; float: right; width: 175px;}
		.three-column-double {width: 370px; float: left;}



#calltoactions {
	clear: both;
	height: 150px;
	background: url(../assets/pageframework/calltoaction_back.jpg) repeat-x top center;
	width: 100%;
}
footer {
	height: 190px;
	background: url(../assets/pageframework/footer_back.jpg) repeat-x top center;
	width: 100%;
	text-align: left;
	font-size: .85em;
	color: #929899;
}


/*====================================================== Top Strip ==*/

#topstrip {width: 100%; height: 10px; background: url(../assets/pageframework/topstrip.jpg) repeat-y top center; margin-bottom: 30px; position: relative; /*margin-top: -10px;*/}


#topstrip a:link, #topstrip a:visited {
	position: absolute;
	color:#FFF;
	text-decoration: none;
	font-size:0px;
	display: block;
	z-index:10;}
#topstrip a:focus, #topstrip a:hover, #topstrip a:active {
	color: #fff;
	background-color: #ad7405;
	font-size:.75em;
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
	top: 40px;
	left: 410px;
	
}





/*====================================================== Master Typography ==*/

@font-face {
	font-family: 'GothamMedium';
	src: url('../assets/gotham/gotham-medium-webfont.eot');
	src: local('Gotham-Medium'), 
	     url('../assets/gotham/gotham-medium-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamBook';
	src: url('../assets/gotham/gotham-book-webfont.eot');
	src: local('Gotham-Book'), 
	     url('../assets/gotham/gotham-book-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


h1, dl.exhibitions dt, aside.left h3, aside.right h3, dl.ex-landing dd {
	font-family: GothamBook, arial, verdanda, sans-serif;
}

h1 {
	color: #fff;
	font-size: 1.5em;
	line-height: 1.6em;
	text-align: left;
	font-weight: lighter;
	background-color: #409695;
	padding: 3px 0px;
	margin-bottom: 1em;
	display: inline;
}

h2 {
	font-family: GothamMedium, arial, verdanda, sans-serif;
	color: #242320;
	font-size: .85em;
	line-height: 1.3em;
	text-align: left;
	margin: 1.5em 0 .25em 0;
}
.three-column-double h2 {
	margin-top: 0;
}

dl.exhibitions dt, dl.ex-landing dd {
	color: #fff;
	font-size: 1em;
	font-weight: lighter;
	background-color: #242320;
	padding: 6px 5px;
	margin-bottom: 1em;
	display: inline-block;
}
body.home h1 {font-size: 1.4em;}
h3 {
	color: #ad7405;
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: .4em;
	text-align: left;
}
aside.left h3, aside.right h3 {
	font-size: 1em;
}
aside.left h4, aside.right h4 {
	font-size: .8em;
	font-weight: bold;
	color: #409695;
	margin: 1em 0 .5em 0;
}

* + h3 {
	margin-top: 2em;
}
p.intro {
	color: #409695;
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: .8em;
	font-weight: lighter;
}
p.smallprint {
	font-size: .6em;
}
p {
	color: #242320;
	font-size: .8em;
	line-height: 1.5em;
	margin-bottom: .8em;
}
p.caption {
	font-size: .7em;
	line-height: 1.4em;
	color: #666;
}
aside.left p, aside.right p {
	font-size: .7em;
}
h1 + p {
	margin-top: 1em;
}
ol, ul {
	color: #242320;
	font-size: .8em;
	line-height: 1.5em;
	font-weight: bold;
	margin: 10px 40px;
}
blockquote p {
	color: #3b541e;
	font-weight: bold;
	line-height: 1.3em;
	margin: 15px 0px;
	font-size: 1.1em;
}
section a:link, section a:visited {
	text-decoration: none;
	color: #3b541e;
	font-weight: bold;
}
section a:hover {color: #ad7405;}
a:active, a:focus {outline: 0;}
a.external:link, a.external:visited {
	color: #3b541e;
	font-weight: bold;
	text-decoration: none;
	padding-right: 12px;
	background: url(../assets/pageframework/exlink_icon.gif) no-repeat right -5%;
}
a.external:hover {
	color: #ad7405;
}
a:focus, a:active {
	background-color: #ad7405;
	color: #fff !important;
}

p.body_highlight {
	color: #ad7405;
	font-weight: bold;
	font-size: .9em;
	line-height: 1.4em;
}

.photoright {
	float: right;
	margin: 10px 0px 0px 20px;
}
.photoleft {
	float: left;
	margin: 10px 20px 0px 0px;
}

ul.column-list {
	margin: 0px 0px 20px 13px;
	padding: 0px;
}
ul.column-list li {
	list-style-image: url(../assets/pageframework/bullett_dotted_black.gif);
	font-size: .9em;
	color: #242320;
}

ul#sitemap {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul#sitemap ul {
	margin: 0px 0px 0px 30px;
	padding: 0px;
	font-size: .85em;
}
ul#sitemap ul a:link, ul#sitemap ul a:visited {
	color: #666;
}




/*====================================================== Main Navigation ==*/

nav#mainnav span.logo {width: 204px;float: left; border-bottom: none;}
nav#mainnav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	height: 0px;
	position: absolute;
	bottom: 57px;
	right: 0px;
}
nav#mainnav li {
	float: left;
	position: relative;
}
nav#mainnav li a:link, nav#mainnav li a:visited {
	line-height: 58px;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	color: #242320;
	padding: 10px 0px;
	margin: 0px 0px 0px 35px;
}
nav#mainnav li a:hover {
	color: #3b541e;
	border-bottom: solid 9px #3b541e;
}

/*--------------- Drop-down menu --*/
nav#mainnav li ul {
	position: absolute;
	display: none;
	left: -248px;
	top: 57px;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	background-color: #3b541e;
	height: 40px;
	width: 655px;
	float: left
}

/* Safari for Mac adjustment */
@media screen and (-webkit-min-device-pixel-ratio:0){
	nav#mainnav li ul {left: -251px; height: 39px;}
	nav#mainnav li a:link, nav#mainnav li a:visited {padding: 10px 0px 11px 0px;}
}


body.services nav#mainnav li ul,
body.services_graphicdesign nav#mainnav li ul,
body.services_web nav#mainnav li ul,
body.services_multimedia nav#mainnav li ul,
body.services_branding nav#mainnav li ul,
body.services_events nav#mainnav li ul,
body.services_advertising nav#mainnav li ul {display: block;}

nav#mainnav li ul li {
	float: left;
}
nav#mainnav ul li:hover ul {
	display: block;
}
nav#mainnav ul li ul li a:link, nav#mainnav ul li ul li a:visited {
	font-size: 1.2em;
	color:#b1bba5;
	margin: 0px 27px;
	padding: 12px 0px 12px 0px;
	line-height: 40px;
	font-weight: bold;
}

nav#mainnav ul li ul li a:hover {
	color: #FFF;
	border: none;
	background: url(../assets/pageframework/nav_highlight.jpg) no-repeat center bottom;
}


/*== Navigation Highlights ==*/

/* Main Nav */
body.home a#nav_home,
body.about a#nav_about,
body.services a#nav_services,
body.work a#nav_work,
body#blog a#nav_blog,
body.clients a#nav_clients,
body.contact a#nav_contact {color: #3b541e; border-bottom: solid 9px #ad7405;}

/* Drop down */
body.graphic-design a#nav_graphicdesign,
body.web-design a#nav_web,
body.multimedia a#nav_multimedia,
body.exhibitions a#nav_exhibitions,
body.trade-marketing a#nav_trade
  {color: #FFF !important; background: url(../assets/pageframework/nav_highlight.jpg) no-repeat center bottom;}
	
	
	
	
/*====================================================== Sub Navigation ==*/

nav#subnav ul {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 35px 0px;
	list-style: none;
	background:url(../assets/pageframework/subnav_shadow.jpg) no-repeat top right;
	/*height: 300px;*/
}

nav#subnav ul li {background-color: #3b541e; margin-bottom: 4px;}
nav#subnav ul li a:link, nav#subnav ul li a:visited {
	background:url(../assets/pageframework/button_shadow.jpg) repeat-y right center;
	display: block;
	color: #242320;
	font-weight: bold;
	font-size: .9em;
	font-weight: normal;
	padding: 8px 0px 8px 25px;
	margin-bottom: 0px;
	text-decoration: none;
	border-bottom: 1px solid #abb0a5;
	border-top: 1px solid #abb0a5;
}
nav#subnav ul li a:hover,

/* About subnav highlights */
body.people nav#subnav ul a#aboutnav_people,
body.standards nav#subnav ul a#aboutnav_standard,
body.jobs nav#subnav ul a#aboutnav_jobs,

/* Exhibition subnav highlights */
body.banners nav#subnav ul a#exhibition_nav_banner,
body.linear nav#subnav ul a#exhibition_nav_linear,
body.popup nav#subnav ul a#exhibition_nav_popup,
body.outdoor nav#subnav ul a#exhibition_nav_outdoor
{
	background: none;
	background-color: #fff;
	color: #242320;
}





/*====================================================== Homepage ==*/


/* Homepage - portfolio */

#home-portfolio .intro {background: url(../assets/photos/homepage/home7.jpg) no-repeat top center;}
#home-portfolio .flavia {background: url(../assets/photos/homepage/home1.jpg) no-repeat top center;}
#home-portfolio .bb {background: url(../assets/photos/homepage/home2.jpg) no-repeat top center;}
#home-portfolio .berol {background: url(../assets/photos/homepage/home3.jpg) no-repeat top center;}
#home-portfolio .bytron {background: url(../assets/photos/homepage/home6.jpg) no-repeat top center;}
#home-portfolio .klix {background: url(../assets/photos/homepage/home4.jpg) no-repeat top center;}
#home-portfolio .freedom {background: url(../assets/photos/homepage/home5.jpg) no-repeat top center;}

#home-portfolio .summary p {color: #FFF;}
#home-portfolio .summary {width: 185px; margin: 20px 0px 0px 20px;}
#home-portfolio .summary a:link, #home-portfolio .summary a:visited {color: #FFF; background: url(../assets/pageframework/dotted-arrow-white.gif) no-repeat left center; padding: 2px 2px 2px 10px;}
#home-portfolio .summary a:hover {
	/*text-decoration: underline;*/
	background-color: #FFF;
	color: #000;
	}


/* Three column - Homepage */
body.home#threecol aside.left {
	width: 300px; 
	background: url(../assets/pageframework/divider.jpg) no-repeat bottom right;
	margin: 0px 0px 0px 15px;
	font-size: 1.1em;
	padding: 0px 20px 0px 0px;
	}
	body.home#threecol aside.left h2 {
		margin: 0px 0px 0px 0px;
	}
body.home#threecol article {
	width: 230px; 
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 20px 0px 20px;
	background: url(../assets/pageframework/divider.jpg) no-repeat bottom right; padding-bottom: 25px;
	}
	body.home#threecol article .services h2 {
		font-size: .8em;
	}
	body.home#threecol article .services p {
		font-size: .75em;
	}
	body.home#threecol article .services img {
		float: left;
		margin-right: 10px;
	}




body.home#threecol aside.right {
	width: 226px; 
	float: right; 
	margin: 0px 15px 0px 0px; 
	padding: 0px 0px 0px 0px;
	}
body.home#threecol aside.right h2 {
	margin: 0px 0px 0px 0px;
}
body.home#threecol aside.right ul#clients {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
body.home#threecol aside.right ul#clients li {
	width: 70px;
	height: 50px;
	float: left;
	border: 1px solid #CCC;
	margin: 0px 5px 5px 0px;
	background-image: none;
	padding-left: 0px;
}
body.home#threecol aside.right ul#clients li.nomargin {
	margin: 0px;
}






/*====================================================== Work ==*/

section #work_breadcrumb {
	width: 810px;
	border-bottom: 1px solid #e3e7e8;
	margin: 20px 0px 0px 35px;
	padding: 20px 0px 25px 0px;
	text-transform: uppercase;
	font-size: .75em;
	font-weight: bold;
}
section #work_breadcrumb ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	section #work_breadcrumb li {
		float: left;
		background: url(../assets/pageframework/bullett_dotted_grey.gif) no-repeat left center;
		padding-left: 9px;
		margin-right: 7px;
	}
	section #work_breadcrumb li.first {background: none; padding-left: 0px;}
	section #work_breadcrumb li a:link, article #work_breadcrumb li a:visited {
		color: #242320;
		float: left;
		text-decoration: none;
		margin: 0px 1px 0px 0px;
	}
	section #work_breadcrumb li a:hover {color: #ad7405;}


body.work section dl.thumbs {
	width: 180px;
	font-size: .75em;
	color: #8c9ba1;
	border-bottom: 1px dotted  #999;
	padding-bottom: 10px;
	float: left;
	margin: 0px 30px 20px 0px;
}
body.work section dl.nomargin {
	margin-right: 0px;
}
body.work section dl.bottom {
	margin-bottom: 0px;
	border-bottom: none;
}
body.work section dt {
	font-size: 1.3em;
	margin-bottom: .2em;
}
body.work section dl.thumbs dd img {
	margin-bottom: 2em;
	display: block;
}
body.work section dl.thumbs dd a {
	font-size: 1.2em;
	margin-bottom: .3em;
	display: block;
}
#workimages {
	width: 600px;
	float: left;
	position: relative;
}
body.work aside.right {
	margin: 0px;
	padding: 0px;
}
body.work aside.right ul {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	list-style: none;
	font-weight: normal;
	font-size: .7em;
}
body.work aside.right ul li {
	background: url(../assets/pageframework/bullett_dotted_grey.gif) no-repeat 5% center;
	padding: 0px 0px 0px 20px;
}

body.work aside.right ul.otherprojects {
	margin: 0px 0px 10px -11px;
	padding: 0px;
	list-style: none;
	font-weight: normal;
}
body.work aside.right ul.otherprojects li {
	background: url(../assets/pageframework/folder_icon.jpg) no-repeat 5% center;
	padding: 0px 0px 0px 30px;
}
ul.otherprojects li a:link, ul.otherprojects li a:visited {
	color: #3b541e;
	text-decoration: none;
}
ul.otherprojects li a:hover {color: #ad7405;}

dl.projects {
	font-size: .7em;
	color: #8c9ba1;
	border-bottom: 1px dotted  #999;
	padding-bottom: 3px;
	float: left;
	margin: 0px 26px 6px 0px;
	float: none;
	width: 100%;
}
dl.projects dt a:link, dl.projects dt a:visited {
	background: url(../assets/pageframework/folder_icon.jpg) no-repeat 5% center;
	font-size: .85em;
	color: #3b541e;
	font-weight: normal;
	padding-left: 25px;
	margin-left: -3px;
}
dl.projects dt a:hover {
	color: #ad7405;
}
dl.projects dd {
	font-style: italic;
}

/* Screen slider */
#slider_back_web{background: url(../assets/photos/portfolio/web/monitor_taller.gif) no-repeat top left; margin-top: 20px;}
#slider_web {height: 580px; width: 600px;}
#slider_web ul { 
	width: 564px;
	height: 445px;
	margin: 0px 0px 0px 0px;
	padding:20px 20px;
	list-style:none;
}
#slider_web li {height:580px; width:600px; overflow: hidden;}
#slider_back_web #prevBtn, #slider_back_web #nextBtn {display:block; width:24px; height:30px; position:absolute; left:-3px; top:270px;}	
#slider_back_web #nextBtn {left:583px;}	


/* Print slider */
#slider_print {height: 500px; width: 600px;}
#slider_print ul { 
	width: 600px;
	height: 500px;
	margin:0px 0px 0px 0px;
	list-style:none;
}
#slider_print li {height:500px; width:600px; overflow: hidden;}	
#prevBtn, #nextBtn {display:block; width:24px; height:30px; position:absolute; left:-20px; top:240px;}	
#nextBtn {left:594px;}	


/* Studio slider */
#slider_studio {height: 200px; width: 460px; margin: 20px 0px;}
#slider_studio ul { 
	width: 460px;
	height: 200px;
	margin:0px 0px 15px 0px;
	list-style:none;
}
#slider_studio li {height:200px; width:460px; overflow: hidden;}	
body.about #prevBtn, body.about #nextBtn {display:block; width:24px; height:30px; position:absolute; left:-17px; top:280px;}	
body.about #nextBtn {left:453px;}	


#prevBtn a, #nextBtn a {display:block; width:24px; height:30px; background:url(../assets/pageframework/slider/btn_prev3.gif) no-repeat 0 0; text-indent: -5000px;}
#nextBtn a {background:url(../assets/pageframework/slider/btn_next3.gif) no-repeat 0 0;}
#prevBtn a:hover {background:url(../assets/pageframework/slider/btn_prev3_over.gif) no-repeat 0 0;}	
#nextBtn a:hover {background:url(../assets/pageframework/slider/btn_next3_over.gif) no-repeat 0 0;}



/*====================================================== Exhibitions ==*/

dl.exhibitions dt {
	margin-bottom: .5em;
}
dl.exhibitions dd.printable {
	font-size: .75em;
	color: #666;
	margin-bottom: .5em;
	font-weight: bold;
}
dl.exhibitions dd.description {
	font-size: .7em;
	color: #666;
	margin-bottom: .75em;
}
dl.exhibitions dd.price, p.price {
	font-size: 1.1em;
	color: #ad7405;
	margin-bottom: 1em;
}
ul.exhibitions-list {
	font-size: .7em;
	color: #666;
	margin: 0px 0px 0px 14px;
	padding: 0px;
}

section#accessories {
	border-top: 1px solid #d1d1d1;
}

dl.ex-landing {
	width: 130px;
	float: left;
	margin: 0px 20px 20px 0px;
}
dl.last {
	margin-right: 0px;
}





			
/*====================================================== Clients ==*/	

ul#client_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#client_list li {
	width: 180px;
	height: 117px;
	float: left;
	margin: 0px 26px 26px 0px;
	border: 1px solid #CCC;
}
#client_list li.nomargin {margin: 0px;}





/*====================================================== Calls to Action ==*/

#calltoactions_wrapper {
	width: 880px;
	margin: 0px auto;
	text-align: left;
}
#calltoactions_wrapper dl {
	width: 280px;
	float: left;
	color: #5c7078;
	font-size: .9em;
	line-height: 1.4em;
	margin: 25px 35px 0px 0px;
}
#calltoactions_wrapper dt {
	color: #242320;
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: .2em;
	font-weight: bold;
}
#calltoactions_wrapper dd {
	margin-bottom: .5em;
	color: #404d52;
}
#calltoactions_wrapper dl img {
	float: left;
	margin-right: 10px;
}
#calltoactions_wrapper dl#phone {
	width: 230px;
	float: right;
	margin-right: 0px;
}
#calltoactions_wrapper dl#phone img {margin-top: 3px;}

#calltoactions_wrapper a:link, #calltoactions_wrapper a:visited {text-decoration: none; color: #3b541e;	font-weight: bold;}
#calltoactions_wrapper a:hover {text-decoration: none; color: #ad7405;}




/*====================================================== Contact Us ==*/

/* One column */
body#onecol aside.left {display: none;}
body#onecol.contact article {width: 842px; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px;}
body#onecol aside.right {display: none;}

form ul {margin: 0px; padding: 0px; list-style: none;}
form li {margin-bottom: .75em;}

/* Contact Form */

#contactwrapper {
	background-color: #41928b;
	padding: 40px 0px 15px 30px;
	margin-bottom: 0px;
	width: 100%;
} 
#contactwrapper h2 {
	color: #FFF;
	text-transform: none;
	font-size: 1.3em;
	margin: 0px 0px 20px 0px;
}
#form-wrapper {width: 460px; float: left;}
#where-we-are {
	float: right;
	width: 240px; 
	margin: 0px 40px 0px 0px;
	padding: 0px 0px 10px 50px;
	border-left: 1px solid #7ab3ae;
}

address {margin-bottom: 20px;}
address p {color: #FFF; font-style: normal; margin-bottom: 0px;}
address p.title {
	color: #135650;
	font-size: 1em;
	font-weight: bold;
}
a.googlemap:link, a.googlemap:visited {
	background: url(../assets/pageframework/googlemap.gif) no-repeat left center;
	display: block; line-height: 30px; color: #e6c17a !important; text-indent: 25px; margin-top: 5px;}
	a.googlemap:hover {color: #fff !important;}
address#tel-email-twitter {font-size: 1.2em; font-weight: bold; margin-bottom: 40px;}
address#tel-email-twitter p {
	line-height: 30px;
	display: block;
	padding-left: 33px;
	margin-bottom: 2px;
}
address p.phone {background: url(../assets/pageframework/symbol_phone.jpg) no-repeat left center;}
address p.email {background: url(../assets/pageframework/symbol_email.jpg) no-repeat left center;}
address p.twitter {background: url(../assets/pageframework/symbol_twitter.jpg) no-repeat left center;}

address#tel-email-twitter a:link, address#tel-email-twitter a:visited {color: #e6c17a !important;}
	address#tel-email-twitter a:hover {color: #fff !important;}

address#registered {
	margin-bottom: 0px;
}
address#registered p {
	font-size: .7em;
}
form#contactform label {
	color: #135650;
	font-size: .9em;
	display: block;
	margin-bottom: 2px;
}
form#contactform input, form#contactform textarea {
	background-color: #fff;
	border: none;
	color: #242320;
	padding: 10px 10px;
	width: 93%;
	font-size: 1.2em;
	font-weight: bold;
}
form#contactform input.required, form#contactform textarea.required {
	background: url(../assets/pageframework/required.gif) no-repeat top right;
	background-color: #fff;
}
	
form#contactform textarea {
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
form#contactform input.submit {
	width: 90px;
	background-color: #41928b;
	padding: 0px;
}
form#contactform input:focus, form#contactform textarea:focus {
	background-color: #CCC;
}


/*================== Form Validation --*/


	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ad7405;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ad7405;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  




/*====================================================== Footer ==*/

footer h3 {
	color: #ad7405;
	margin-bottom: .75em;
	font-weight: lighter;
	margin-top: 25px;
}

#foot_address, #foot_nav {background: url(../assets/pageframework/footer_divider.gif) no-repeat center right;}
#foot_wrapper {width: 880px;margin: 0px auto;}
#foot_address {float: left; width: 200px; height: 190px; margin: 0px 40px 0px 0px;}
	#foot_address h3 {
		background: url(../assets/pageframework/eclogo_small.gif) no-repeat;
		width: 120px;
		height: 23px;
		text-indent: -5000px;
	}
	#foot_address p {
		margin-bottom: 0em;
		color: #fff;
	}
	div#foot_address p.contacthighlight, div#foot_address a:link, div#foot_address a:visited  {
		color: #ad7405;
		font-weight: bold;
		text-decoration: none;
		margin-bottom: .5em;
	}
	div#foot_address a:hover {color: #FFF;}
	
#foot_nav {float: left; width: 200px; height: 190px; margin: 0px 40px 0px 0px;}
	#foot_nav ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	#foot_nav li {margin-bottom: .2em;}
	#foot_nav li a:link, #foot_nav li a:visited {
		color: #ad7405;
		display: inline-block;
		text-decoration: none;
		background: url(../assets/pageframework/bullett_white.gif) no-repeat left center;
		padding-left: 10px;
	}
	#foot_nav li a:hover {color: #fff;}
	.orangehighlight {color:#fff;}
	
#foot_test {float: right; width: 400px;/* height: 190px; */margin-top: 25px;}
	#foot_test #tweet {
		font-size: 1.1em;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #929899;
		line-height: 1.6em;
		font-style: italic;
		margin-bottom: .75em;
		font-weight: normal;
	}
	#foot_test h3 {
		margin: 10px 0px 10px 0px;
	}
	#foot_test #tweet img {
		display: none;
	}
	#foot_test #tweet ul {
		margin: 0px;
		padding: 0px;
		color: #FFF;
	}
	#foot_test #tweet ul span {
		font-size: .8em;
		color: #929899;
	}
	#foot_test #tweet a:link, #foot_test #tweet a:visited {
		color: #ad7405;
		text-decoration: none;
		font-size: .8em;
	}
	#foot_test #tweet a:hover {
		color: #FFF;
	}
		
	
	
	

/*====================================================== Slider ==*/

#jFlowSlide{}
#myController {
	padding: 0px 0px 8px 0px;
	border-bottom: 1px solid #d3d3d2;
	width: 660px;
}
#myController span.jFlowControl {
	color: #666;
	font-size: .7em;
}
#myController span.jFlowSelected { background:#43A0D5;margin-right:0px; }

.slide-wrapper { padding: 20px 0px 0px 0px; width: 660px; }
.slide-thumbnail {float:left; }
.slide-thumbnail img {}
.slide-details {float:right; margin-left:0px;}
/*.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }*/
.slide-details .description {margin-top:0px; }

.jFlowControl, .jFlowPrev, .jFlowNext {
	color:#666; 
	cursor:pointer; 
	padding-left:5px; 
	padding-right:5px; 
	padding-top:2px; 
	padding-bottom:2px;
}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover, .jFlowSelected { 
	background: url(../assets/pageframework/green_triangle_up.gif) no-repeat bottom center;
	background-color: none;
}



#home-portfolio {
	margin:0 auto 25px auto;
	width:847px;
	height:313px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
	padding-top: 12px;
}
#home-portfolio #slidesContainer {
  margin:0 auto;
  width:847px;
  height:313px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#home-portfolio #slidesContainer .slide {
  margin:0 auto;
  width:827px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:313px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:43px;
  height:51px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  bottom:10px;
  left:0;
  background:transparent url(../assets/photos/portfolio/homeport-left.png) no-repeat 0 0;
  z-index:10;
}
#rightControl {
  bottom:10px;
  right:0;
  background:transparent url(../assets/photos/portfolio/homeport-right.png) no-repeat 0 0;
  z-index:10;
}


/*====================================================== Pretty Photo ==*/



/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.light_rounded .pp_top .pp_left { background: url(../assets/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(../assets/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_content a.pp_next:hover { background: url(../assets/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_content a.pp_previous:hover { background: url(../assets/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_content a.pp_expand { background: url(../assets/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_content a.pp_expand:hover { background: url(../assets/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_content a.pp_contract { background: url(../assets/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_content a.pp_contract:hover { background: url(../assets/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../assets/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../assets/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../assets/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(../assets/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(../assets/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(../assets/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(../assets/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content { background: url(../assets/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_content a.pp_next:hover { background: url(../assets/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_content a.pp_previous:hover { background: url(../assets/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_content a.pp_expand { background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_content a.pp_expand:hover { background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_content a.pp_contract { background: url(../assets/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_content a.pp_contract:hover { background: url(../assets/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded  p.pp_description { color: #fff; }

	div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../assets/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(../assets/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(../assets/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_top .pp_left ,
	div.dark_square .pp_top .pp_middle,
	div.dark_square .pp_top .pp_right,
	div.dark_square .pp_bottom .pp_left,
	div.dark_square .pp_bottom .pp_middle,
	div.dark_square .pp_bottom .pp_right,
	div.dark_square .pp_content { background: url(../assets/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square  p.pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(../assets/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_content a.pp_expand { background: url(../assets/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_content a.pp_expand:hover { background: url(../assets/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_content a.pp_contract { background: url(../assets/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_content a.pp_contract:hover { background: url(../assets/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../assets/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	
	div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../assets/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../assets/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_content a.pp_next:hover { background: url(../assets/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_content a.pp_previous:hover { background: url(../assets/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_top .pp_left ,
	div.light_square .pp_top .pp_middle,
	div.light_square .pp_top .pp_right,
	div.light_square .pp_bottom .pp_left,
	div.light_square .pp_bottom .pp_middle,
	div.light_square .pp_bottom .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_content a.pp_expand { background: url(../assets/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_content a.pp_expand:hover { background: url(../assets/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_content a.pp_contract { background: url(../assets/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_content a.pp_contract:hover { background: url(../assets/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../assets/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	
	div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../assets/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../assets/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_content a.pp_next:hover { background: url(../assets/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_content a.pp_previous:hover { background: url(../assets/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.pp_pic_holder {
		position: absolute; z-index: 10000;
		width: 100px;
	}
		
		div.pp_pic_holder .pp_top {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_top { padding: 0 20px; }
		
			div.pp_pic_holder .pp_top .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_top .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
			
			div.pp_pic_holder .pp_top .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pp_pic_holder .pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }
				
				div.pp_pic_holder .pp_content .pp_details .pp_nav {
					float: left;
					margin: 3px 0 0 0;
				}
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; }
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
						float: left;
						display: block;
						width: 14px; height: 15px;
						overflow: hidden;
						text-indent: -10000px;
						margin-top: 3px;
					}
		
		div.pp_pic_holder .pp_content div.pp_hoverContainer {
			position: absolute; z-index: 2000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pp_pic_holder .pp_content a.pp_next {
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../assets/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		}
			
		div.pp_pic_holder .pp_content a.pp_previous {
			display: block; float: left;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../assets/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		}
		
		div.pp_pic_holder .pp_content a.pp_expand,
		div.pp_pic_holder .pp_content a.pp_contract {
			position: absolute; z-index: 20000;
			top: 10px; right: 30px;
			cursor: pointer;
			display: none;
			text-indent: -10000px;
			width: 20px; height: 20px;	
		}
			
		div.pp_pic_holder .pp_content a.pp_close {
			float: right;
			display: block;
			text-indent: -10000px;
		}
		
		div.pp_pic_holder .pp_bottom {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_bottom { padding: 0 20px; }
			
			div.pp_pic_holder .pp_bottom .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_bottom .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
				
			div.pp_pic_holder .pp_bottom .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; }
		div.pp_pic_holder #pp_full_res object,
		div.pp_pic_holder #pp_full_res embed { visibility: hidden; }
	
		div.ppt {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff;
			font-size: 17px;
		}
		
		

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */








/*====================================================== Proofing Table ==*/

table#tblproofing {
	background-color: #FFF;
	font-size: .75em;
}
table#tblproofing caption {
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: .9em;
}
table#tblproofing td {
	background-color: #e8e8e8;
	padding: 7px;
}
table#tblproofing tr.alt td {
	background-color: #ccc;
}
td.updated {
	color: #900;
}
	
	
	
	
	

/*====================================================== Hacks and Filters ==*/

.clearfix {clear: both;}