/* @override http://4energy/assets/css/screen.css */
/*
	
	CONTENTS ----------
	
        1.BODY
	    2.DEFAULT STYLING
	    3.HEADINGS
	    4.LINKS
	    5.IMAGES
	    6.LAYOUT
	    7.BRANDING/MASTHEAD
	    8.NAVIGATION
	    9.SITEINFO/FOOTER
	
	    [etc]
	   
    -------------------
    
    COLOURS -----------
    
        pale blue 	#e5eef7
        dark blue 	#0e335d
        dark green 	#71ab30
    
    -------------------
	
*/


@import url(reset.css);
@import url(scratch.css);


/* @group 1.BODY
---------------------------------------------------------------------- */

body { 
	text-shadow: rgba(0,0,0,0.01) 0 0 0;
	font: 14px/1.5em "Myriad Pro", Tahoma, Verdana, Helvetica, Arial, sans-serif; 
	color: #020202; 
}
ul#nav_access { 
	margin: 0; 
	height: 0; 
	position: relative; 
	list-style: none; 
}
ul#nav_access li { 
	margin: 0; 
	height: 0; 
}
ul#nav_access li a { 
	position: absolute; 
	left: -9999px; 
	top: 0; 
	font-size: 11px; 
	font-weight: bold; 
	background: #FFFFCC; 
	border: 2px solid #ddd; 
	padding: 10px; 
	display: block; 
}
ul#nav_access li a:focus,
ul#nav_access li a.focus { 
	left: 0; 
	color: #333; 
}

/* @end */



/* @group 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p,ul,dl,ol { 
	 margin-bottom: 20px;
}
div#content_pri ul { 
	list-style-position: outside; 
	list-style-image: url(../images/site/bullett-green.png); 
}
div#content_pri ul li { 
	margin: 0 0 5px 15px;
	padding-left: 5px;
}
dl { 
	 
}
dt { 
	 
}
dd { 
	 
}
ol { 
	 
}
ol li { 
	 
}
hr { 
	 
}
blockquote { 
	 
}
blockquote p { 
	 
}
blockquote cite { 
	 
}
pre { 
	 
}
pre code { 
	 
}
code { 
	 
}
abbr { 
	 
}
abbr:hover { 
	 
}
del { 
	 
}
strong { 
	 font-weight: bold;
}
em { 
	 
}
sup { 
	 
}
sub { 
	 
}



	/* @group FORMS 
	----------------- */
	
	form { 
		 
	}
	form fieldset { 
		 
	}
	form fieldset div { 
		 
	}
	label { 
		 
	}
	label em { 
		 
	}
	input[type="text"], input[type="password"] { 
		border: 1px solid #ccc;
		background: #fff;
		padding: 2px 5px;
		width: 200px;
	}
	textarea { 
		 
	}
	input[type="submit"], button { 
		border: 1px solid #fff;
		background-color: #71ab30; 
		color: #fff;
		padding: 5px 15px;
		-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
		cursor: pointer;
	}
	input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus { 
		background-color: #5f9228; 
	}
	input[type="submit"]:active, button:active { 
		padding: 6px 15px 4px 15px;
	}
	
	/* @end */
	
	/* @group  TABLES 
	----------------- */
	table { 
		 
	}
	caption { 
		 
	}
	thead { 
		 
	}
	tbody { 
		 
	}
	tr { 
		 
	}
	th { 
		 
	}
	td { 
		 
	}
	.alignright { 
		float: right;
		margin: 0 0 10px 20px; 
	}
	.alignleft { 
		float: left; 
		margin: 0 20px 0 10px;
	}
	.bordered { 
		border: 2px solid #ccc; 
	}
	
	/* @end */

/* @end */



/* @group 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
	font-family: "museo-1","museo-2";
}
h1 { 
	font-size: 27px; 
	line-height: 28px; 
	margin-bottom: 30px;
}
h2 { 
	 
}
h3 { 
	font-size: 19px; 
	line-height: 1em; 
	margin: 0 0 20px 0;
	clear: both;
}
h4 { 
    font-size: 16px;
	margin-bottom: 10px;
}
h5 { 
	text-transform: uppercase; 
	font: bold 12px/1em Tahoma, Verdana, Helvetica, Arial, sans-serif; 
}
h6 { 
	font-size: 15px; 
}

/* @end */



/* @group 4.LINKS
---------------------------------------------------------------------- */

a { 
	color: #709215; 
}
a:hover,
a:focus { 
	 
}

/* @end */



/* @group 5.IMAGES
---------------------------------------------------------------------- */

img { 
	 
}

/* @end */



/* @group 6.LAYOUT

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

div#page { 
	 width: 940px;
	 margin: 0 auto;
	 position: relative;
	 overflow: hidden;
}
div#content_pri, div#content_sec { 
	overflow: hidden;
	margin-bottom: 30px;
	float: left;
}
div#content_pri { 
	width: 940px;
	float: left;
}
div#content_sec {
	width: 270px;
	margin-left: 20px; 
}
div#content_pri ul.thirds { 
	margin-left: -30px;
	overflow: hidden;
	clear: both;
	list-style: none;
	list-style-image: none;
}
div#content_pri ul.thirds li, .third { 
	width: 279px;
	display: block;
	float: left;
	padding: 0 0 0 20px;
	margin: 0 0 0 20px;
	border-left: 1px dotted #979797; 
}
/*div#content_pri ul.thirds li:first-child, .first {*/ 
div.first, ul.thirds li.first { 
	border-left: none; 
	padding-left: 0;
}

	/* @group SPOTLIGHT */
	
	.spotlight { 
		margin: 0 10px 30px 0;
		padding: 20px;
		background-color: #e5eef7;
		border: 1px solid #c9cdd0;
		-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
		overflow: hidden;
	}
	div#content_pri ul.spotlight { 
		padding: 20px 20px 20px 0;
		margin-left: 0;
	}
	div#content_pri ul.spotlight li { 
		width: 268px;
	}
	div#content_pri ul.spotlight li.first, div#content_pri ul.spotlight li:first-child { 
		border: none;
		padding: 0;
	}
	.spotlight h3 { 
		color: #003e81;
		text-transform: uppercase;
		font: bold 12px/1em Tahoma, Verdana, Helvetica, Arial, sans-serif; 
	}
	.spotlight h4 { 
		margin: 0 0 10px 0;
		font-size: 20px;
		text-transform: none;
		float: none;
	}
	
	/* @end */


	/* @group INTRO */

	div.intro { 
		background: no-repeat 0 0; 
		position: relative;
		padding: 16px;
		margin: 0 0 30px 0;
		overflow: hidden;
		z-index: 1;
	}	
	div.intro img.bg { 
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	div.intro h2, div.intro h1, div.intro p { 
		display: block;
		padding: 20px;
		color: #fff;
		width: 385px;
		background: rgba(0,61,129,0.8);
		z-index: 2;
	}
	div.intro h2, div.intro h1 { 
		font-size: 27px; 
		line-height: 28px; 
	}
	div.intro p { 
		padding-top: 0; 
		margin: 0;
	}
	div.intro small { 
		display: block;
		font-size: 11px;
		position: absolute;
		bottom: 20px;
		right: 0;
		padding: 5px 10px;
		color: #fff;
		background: rgba(0,0,0,0.9);
	}
	
	/* @end */


/* @end */



/* @group 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

a#logo { 
	display: block;
	width: 155px;
	height: 69px; 
	background: url(../images/site/logo.png) no-repeat 0 0; 
	overflow: hidden;
	text-indent: -999em;
	margin: 20px 0;
}

/* @end */



/* @group 8.NAVIGATION
---------------------------------------------------------------------- */

ul#navigation_pri { 
	 display: block;
	 overflow: hidden;
	 height: 40px;
	 background: url(../images/site/navigation_pri.png) repeat-x 0 0;
	 margin: 0 0 30px 0;
	 -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
ul#navigation_pri li {
	display: block;
	float: left;
	overflow: hidden;
	height: 40px;
	padding-bottom: 5px;
}
ul#navigation_pri a { 
	display: block;
	float: left;
	height: 26px;
	padding: 9px 12px 5px 10px;
	background: url(../images/site/navigation_pri.png) no-repeat 100% -40px;
	color: #d3e3c4;
	text-decoration: none; 
	font-size: 13px; 
}
ul#navigation_pri a:hover, ul#navigation_pri li.cur a  { 
	color: #fff;
}
ul#navigation_pri li.cur { 
	background: url(../images/site/navigation_pri_cur.png) no-repeat 50% 100%; 
}
ul#navigation_sec { 
	background-color: #e5eef7; 
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-left-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right: 6px;
	overflow: hidden;	
}
ul#navigation_sec li { 
	display: inline; 
}
ul#navigation_sec li a { 
	float: left;
	display: block;
	padding: 0 10px 2px 10px;
	line-height: 1em;
	margin: 10px 1px 10px -1px;
	text-decoration: none;
	border-left: 1px solid #b0b9c0; 
	color: #020202; 
	font-size: 11px; 
}
ul#navigation_sec li a:hover, ul#navigation_sec li a:focus, ul#navigation_sec li.cur a { 
	color: #0e335d;
}

/* @end */



/* @group 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#siteinfo { 
	 display: block;
	 overflow: hidden;
	 clear: both;
	 background: #0e335d;
	 -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	 margin: 0 0 20px 0;
	 color: #fff;
	 padding: 40px 20px 0 20px;
	 font-size: 11px;

}
div#siteinfo p, div#siteinfo ul { 
	width: 450px;
	float: left;
}
div#siteinfo p a { 
	 color: #9ce33f;
}
div#siteinfo ul { 
	margin-top: 16px; 
}
div#siteinfo ul li { 
	display: inline;
}
div#siteinfo ul li a { 
	float: right;
	color: #fff;
	margin-left: 10px;
}

/* @end */



/* @group 10.GLOBAL ELEMENTS
---------------------------------------------------------------------- */


/* @end */



/* @group 11.HOME
---------------------------------------------------------------------- */

body#home div#content_pri { 
	margin-bottom: 0; 
}
body#home div.intro { 
	width: 908px; 
	background-image: url(../images/content/home_feature_01.jpg);
}
body#home ul.thirds h3 a { 
	display: block;
	color: #020202;
}
body#home ul.thirds p { 
	display: block;
	float: left;
	width: 129px;
}
body#home ul.thirds img { 
	 float: right;
	 display: block;
}
body#home div.spotlight img { 
	float: right;
	margin: 0 0 10px 20px;
}
body#home div.spotlight { 
	width: 578px;
	float: left;	 
}
body#home ul.news, body#home h5 { 
	float: left;
	width: 300px;
	margin: 0 0 20px 10px;
}
body#home h5, body#home ul.news li { 
	border-bottom: 1px dotted #979797;
	margin-bottom: 10px;
	padding: 0 0 10px 0;
}
body#home h4 { 
	text-transform: uppercase;
}
body#home ul.news h6 { 
	font-size: 14px; 
	margin-bottom: 10px;
	width: 210px;
}
body#home ul.news { 
	 font-size: 11px;
	 margin-bottom: 30px;
}
body#home ul.news li { 
	 position: relative;
}
body#home ul.news small { 
	position: absolute;
	top: 0; 
	right: 0;
	color: #646464;
	text-transform: uppercase; 
	font-size: 10px; 
}
body#home ul.news p { 
	margin: 0; 
}

/* @end */



/* @group 12. WHO WE ARE
---------------------------------------------------------------------- */


body#who_we_are div.intro { 
	width: 420px;
	height: 242px;
	background-image: url(../images/content/who_we_are_intro_01.jpg);
	margin-right: 20px;
	float: left;
}
body#who_we_are div.intro h2 { 
	position: absolute;
	bottom: 20px;
	width: 370px;
	left: 20px;
}

/* @end */



/* @group 13. WHAT WE DO
---------------------------------------------------------------------- */

body#what_we_do div.intro { 
	background-image: url(../images/content/what_we_do_intro_01.jpg); 
}
body#what_we_do div.third { 
	padding-top: 10px; 
	margin-top: -10px;
}
body#what_we_do div.third p { 
	height: 5em;
	overflow: hidden;
	margin-bottom: 20px;
}
body#what_we_do div.first { 
	margin-left: 10px; 
}
body#what_we_do div#content_pri div.cur { 
	background-color: #f6f8f8;
	padding-right: 20px;
	margin-right: -20px;
}
body#what_we_do div#content_pri div.cur h3 { 
	color: #0e335d;	 
}
body#what_we_do div.third ul,
body#customer_zone ul.products { 
	list-style: none; 
	list-style-image: none;
	overflow: hidden;
}
body#what_we_do div.third ul li,
body#customer_zone ul.products li { 
	padding: 20px 20px 20px 100px;
	background-color: #e5eef7;
	border: 1px solid #c9cdd0;
	position: relative;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	height: 60px;
	overflow: hidden;
	margin: 0 0 10px 0;
	list-style: none; 
	list-style-image: none;
}
body#customer_zone ul.products li {
    width: 94px; 
    float: left;
    padding: 20px 20px 0 80px;
    margin-right: 10px;
}
body#what_we_do div.third ul li img,
body#customer_zone ul.products li img { 
	position: absolute;
	top: 20px; 
	left: 20px;
	border: 1px solid #c9cdd0;
}
body#what_we_do div.third ul li h4,
body#customer_zone ul.products li h4 { 
	line-height: 1em; 
}


	/* @group 13.1 PRODUCTS
	---------------------------------------------------------------------- */
	
	body#what_we_do.products div#content_pri { 
		width: 540px;
	}
	body#what_we_do.products div#content_sec { 
		margin-left: 130px; 
	}
	body#what_we_do.products div.intro { 
		background: none;
		padding: 20px 0;
		margin: 0 0 30px 0;
		border-bottom: 1px dotted #999;
		border-top: 1px dotted #999;
		color: #0e335d;
		overflow: hidden;
	}
	body#what_we_do.products div.intro h2, body#what_we_do.products div.intro p { 
		background: none;
		float: none;
		padding: 0;
		color: #0e335d;
		margin: 0 0 20px 0;
	}
	body#what_we_do.products div.intro h2 { 
	line-height: 1em; 
	font-size: 16px; 
}
	body#what_we_do.products div.intro img { 
		float: right;
		margin: -36px 0 0 100px;
	}
	body#what_we_do.products div#content_pri img.alignright { 
		margin-top: 10px; 
	}
	body#what_we_do.products div#content_sec ul a { 
		display: block;
		float: none;
		padding: 10px 10px 10px 55px;
		margin-bottom: 10px;
		height: 35px;
		border: 1px solid #ccc;
		position: relative;
		background: #f2f7fb;
		font-size: 16px;
		font-family: "museo-1","museo-2";	
		-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	}
	body#what_we_do.products div#content_sec ul a:hover, body#what_we_do.products div#content_sec ul a:focus, body#what_we_do.products div#content_sec ul li.cur a { 
		background-color: #e5eef7;
		border-color: #999;
	}
	body#what_we_do.products div#content_sec ul a img { 
		position: absolute;
		top: 10px;
		left: 10px; 
	}
	body#what_we_do.products div#content_pri div.related {
		margin: 10px 0 30px 10px;
		padding: 10px;
		width: 243px;
		float: left;
		background-color: #e4eef7;
		border: 1px solid #c9cdd0;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	body#what_we_do.products div#content_pri div.first {
		margin-left: 0;
	}
	body#what_we_do.products div#content_pri div.related p {
		color: #0e335d;
	}
	body#what_we_do.products div#content_pri div.related ul {
		list-style: none;
	}
	body#what_we_do.products div#content_pri div.related ul li {
		margin: 0;	
	}
	body#what_we_do.products div#content_pri div.related ul a {
		padding: 2px 0 0 25px;
		color: #020202;
		background: url(../images/site/product_related-icons.png) no-repeat 0 0;
	}
	body#what_we_do.products div#content_pri div#videos ul a {
		background-position: 2px -32px;
	}
	
	
	/* @end */


/* @end */



/* @group 14. HOW WE WORK
---------------------------------------------------------------------- */

body#how_we_work div.intro { 
	width: 420px; 
	height: 205px;
	background-image: url(../images/content/who_we_are_intro_01.jpg);
	margin-right: 20px;
	float: left;
}
body#how_we_work div.intro h2 { 
	 position: absolute;
	 bottom: 20px;
	 left: 20px;
	 width: 370px;
}
body#how_we_work h3 {
    clear: none;
}
body#how_we_work ul.spotlight strong { 
	display: block; 
	font: 16px/1em "museo-1","museo-2"; 
}
body#how_we_work ul.spotlight img { 
	width: 268px; 
}

/* @end */


/* @group 15. WHERE WE DO IT
---------------------------------------------------------------------- */

body#where_we_do_it div#content_pri ul { 
	margin-left: -20px; 
}
body#where_we_do_it div#content_pri ul li { 
	width: 278px;
	display: block;
	float: left;
	padding: 10px 10px 10px 10px;
	margin: 0 0 20px 20px;
	border: 1px solid #ccc;
	background-color: #e7f2d8;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
body#where_we_do_it div#content_pri ul li.first { 
	clear: left; 
}
body#where_we_do_it div#content_pri ul li p { 
	 margin: 10px 0 0;
}
body#where_we_do_it div#content_pri ul li p a { 
	color: #020202; 
}
body#where_we_do_it div#map { 
	position: relative;
	height: 475px;
	z-index: 5;
	background: #e5eef7 url(../images/site/world_map.png) no-repeat 20px 20px; 
}
body#where_we_do_it div#map h2 { 
	font-size: 25px;
	width: 450px;
	position: absolute;
	left: 20px;
	bottom: 20px;
}
body#where_we_do_it div#content_pri div#map ul li { 
	padding: 0;
	margin: 0;
	width: 12px;
	height: 12px;
	background: url(../images/site/ie_map_point.png) no-repeat 0 0;
	position: absolute;
	cursor: pointer;
	z-index: 10;
	border: none;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}
body#where_we_do_it div#map ul li:hover, body#where_we_do_it div#map ul li:focus, body#where_we_do_it div#map ul li.cur { 
	background-color: #cc0000; 
}
body#where_we_do_it div#map ul li p { 
	position: relative;
	z-index: 20;
	display: none;
	left: -105px;
	padding: 10px;
	margin: 0;
	top: 10px;
	width: 200px;
	border-bottom: 1px solid #e5eef7;
	background: url(../images/site/map_tooltip.png) no-repeat 0 0;
}
body#where_we_do_it div#map ul li p em { 
	display: block;
	font-weight: bold;
}
body#where_we_do_it div#map ul li p img.tooltip { 
	 position: absolute;
	 top: -6px;
	 left: 50%;
}

/* @end */



/* @group 16. CONTACT US
---------------------------------------------------------------------- */

body#contact div.intro { 
	width: 420px; 
	background-image: url(../images/content/who_we_are_intro_01.jpg);
	margin-right: 20px;
	float: left;
}
body#contact div#google_map { 
	display: block;
	height: 279px;
	width: 277px; 
	margin: 0 30px 30px 0;
	float: left;
	clear: left;
	border: 1px solid #c9cdd0;
	background: #efefef;
}
body#contact div.spotlight { 
	width: 589px;
}
body#contact div.spotlight h3 { 
	color: #222; 
}
body#contact div.spotlight strong { 
	display: block; 
	font: 14px/1em "museo-1","museo-2";
	color: #0e335d;
}
body#contact div.spotlight ul.thirds { 
	margin-left: -41px;
}
body#contact div.spotlight ul.thirds li { 
	width: 274px; 
}

/* @end */



/* @group 17. SPECIALS
---------------------------------------------------------------------- */

body.specials div#page {
	 width: 400px;
	 margin: 100px auto;
	 padding: 20px;
	 -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	 overflow: hidden;
	 -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
body.specials div#page h1 { 
	display: block;
	height: 35px;
	background: url(../images/site/navigation_pri.png) repeat-x 0 0;
	margin: -20px -20px 20px -20px; 
	padding: 5px 0 0 20px; 
	color: #fff;
	font-family: "museo-1","museo-2";
	font-size: 28px; 
	line-height: 28px; 
	margin-bottom: 30px;
	-webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; border-top-right-radius: 6px;
}

/* @end */



/* @group 18. TECHNICAL ZONE
---------------------------------------------------------------------- */

		/* @group 18.1 LOGIN
	---------------------------------------------------------------------- */

	body#customer_zone.login form { 
		background: #e5eef7;
		padding: 20px 20px 40px 20px;
		overflow: hidden;
		-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
		border: 1px solid #ccc;
		width: 500px;
		position: relative;
	}
	body#customer_zone.login form p { 
		display: block;
		float: left;
		clear: left;
		width: auto;
		overflow: hidden;
	}
	body#customer_zone.login form label { 
		float: left; 
		margin-right: 10px;
	    font-weight: bold; 
	    text-transform: uppercase; 
	    margin-top: 10px;
	    width: 100px;
	}
	body#customer_zone.login form input {
	    float: left; 
	}
	body#customer_zone.login form input.input {
	    padding: 10px;
	    clear: none;
	    color: #333;
	    width: 220px;
	}
	body#customer_zone.login form p.submit {
	    clear: right; 
	    width: auto; 
	    margin: 0 0 0 20px; 
	}
	body#customer_zone.login form p.submit input {
	    padding: 10px; 
	    border: none; 
	    text-transform: uppercase; 
	    width: 125px; 
	    margin-top: 3px; 
	}
	body#customer_zone.login form p.remember {
	    position: absolute; 
	    bottom: 20px;
	    left: 20px;
	    margin: 0;
	}
	body#customer_zone.login form p.remember label {
		color: #ccc; 
	    text-transform: none; 
	    font-size: 12px; 
	    line-height: 1em; 
	    font-weight: normal; 
	    font-style: normal; 
	    margin: 3px 0 0 10px; 
	    width: auto;
	}

	/* @end */
	

	/* @group 18.2 LANDINGS
	---------------------------------------------------------------------- */

	body#customer_zone.landing div#content_pri { 
		width: 620px;
	}
	body#customer_zone.landing div#content_sec { 
		width: 220px;
		margin-left: 100px; 
	}
	body#customer_zone.landing div#content_sec ul {
    	border-top: 1px dotted #999;
	}	
	body#customer_zone.landing div#content_sec ul li a {
    	 display: block;
    	 color: #000;
    	 padding: 10px;
    	 border-bottom: 1px dotted #999;
	}
	body#customer_zone.landing div#content_sec ul li a:hover,
	body#customer_zone.landing div#content_sec ul li a:active,
	body#customer_zone.landing div#content_sec ul li a.cur {
    	background: #e7f2d8;
	}
	body#customer_zone.landing div#content_sec ul li a.cur {
    	font-weight: bold; 
	}
	body#customer_zone.landing div#content_pri ul.videos {
    	list-style: none;
	}
	body#customer_zone.landing div#content_pri ul.videos li {
    	margin: 0 0 15px 0; 
    	padding: 0;
	}

	/* @end */
	

/* @end */



/* @group 19. CASE STUDIES
---------------------------------------------------------------------- */

body#case_studies div.intro { 
	background-image: none;
	width: 510px;
}
body#case_studies div#content_pri { 
	width: 630px;
}
body#case_studies div#content_pri h2 { 
	line-height: 1em; 
	font-size: 18px;
	margin-bottom: 21px; 
	color: #71ab30;
}
body#case_studies div#content_pri div.content { 
	float: right; 
	width: 430px;
	margin-right: 20px;
}
body#case_studies div#content_pri div.content h4 { 
	color: #0e335d;
	font-size: 16px;
}
body#case_studies div#content_pri ul.images { 
	margin: 6px 0 10px 0;
	padding:  0;
	list-style: none;
	width: 140px;
	overflow: hidden;
}
body#case_studies div#content_pri ul.images li {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
} 
body#case_studies div#content_sec { 
	margin-left: 40px; 
}
body#case_studies div#content_sec ul li { 
	border-bottom: 1px dotted #979797;
	margin: 0 0 10px 0;
}
body#case_studies div#content_sec ul p { 
	font-size: 13px;
	color: #484848;
	margin: 0 0 10px 0;
}

/* @end */