/* @override 
	http://pomegranate.co.uk/style.css
	http://localhost:9001/style.css
*/

@charset "utf-8";
/* CSS Document */

html *{font-size:100.01%;} /*resert font-size for all elements to standard*/

body {
	background-color:#fff;
	color:#b2b2b2;
	font-size:11pt;
	height: 100%;
	margin: 0 10px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	font-family: helvetica, sans-serif, Arial;
	text-align:center; /* this centers the wrap in IE 5* browsers. The text is then set to the left aligned default in the #wrap selector */
}
img {
	border: 0px;
}
#wrap {
	position:relative;
	left:0px;
	top:0px;
	width:764px;
	height:auto;
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#top_nav {
	width:764px;
	height:25px;
	margin-top:10px;
}
#top_nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#top_nav li {
	float: left;
	background:url(/images/top_nav_bg_line.gif) repeat-x;
}
#top_nav a {
	height:25px;
	line-height:25px;
	float: left;
	display: block;
	/*border: 1px solid #dcdce9;*/
color: #94b3bc;
	text-decoration: none;
	text-align: center;
	z-index:1;
	padding-right:8px;
	padding-left:7px;
	font:13px helvetica, sans-serif, Arial;
}
#top_nav a:hover {
	color:#d02360;
	background:url(/images/top_nav_bg.gif) repeat-x;
}
#selected_top_nav a {
	color:#d02360;
	background:url(/images/top_nav_bg.gif) repeat-x;
}
#top_header {
	width:764px;
	height:125px;
	border-bottom:solid 1px #bcd6db;
	margin-bottom:10px;
}
#top_header img {
	float:left;
	margin-top:30px;
}
#top_header .content {
	width:475px;
	float:right;
}
#top_header .content img {
	padding-right:30px;
}
#left_nav {
	width:130px;
	float:left;
	padding:0px;
}
#left_nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top:20px;
}
#left_nav li {
	float: left;
}
#left_nav a {
	color:#79adb8;
	font-size:11pt;
	display:block;
	width:125px;
	text-decoration:none;
	height:16px;
	line-height:16px;
	color: #94b3bc;
	font:13px helvetica, sans-serif, Arial;
}
#left_nav a:hover {
	color:#d02360;
}
#left_nav_selected a {
	color:#d02360;
}
#main_body {
	width:349px;
	float:left;
	padding:0px;
	margin-top:20px;
}
#main_body .content {
	margin:0px;
	padding-right:20px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:10px;
}
#main_image {
	width:280px;
	height:300px;
	float:left;
	padding:0px;
	padding-top:20px;
}
#main_image img {
}
#footer_nav {
	width:764px;
	height:201px;
	margin:0px;
	padding:15px 0px 0px 0px;
	clear:both;
}
#footer_nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer_nav li {
	float: left;
}

#left_bracket {
	float:left;
	height:144px;
}
#right_bracket {
	float:left;
	position:absolute;
	height:144px;
}
#menu {
	position:relative;
	left:0;
}
#menu ul {
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
}
#menu li {
	display:inline;
	margin:0;
	padding:0;
}
#menu a {
	background-image:url(/images/brand_confidence.gif);
	width:140px;
	height:144px;
	display:table-cell;
}
#menu a:hover {
	border:none;
	background-image:url(/images/integrated_design.gif);
}
h1 {
	font:20px helvetica, sans-serif, Arial;
	color:#7db535;
	background:none;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
h2{
	font:17px helvetica, sans-serif, Arial;
	color:#6fa7b2;
	background:none;
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
}
h3{
	font:14px helvetica, sans-serif, Arial;
	color:#6fa7b2;
	background:none;
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
}

p {
	color:#9b9a9a;
	font:13px helvetica, sans-serif, Arial;
	color:#9b9a9a;

margin-bottom:8px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
}

p a{
text-decoration:none;
font:12px helvetica, sans-serif, Arial;
color: #7ab52d;
}

fieldset{
border:solid #7baeb0 1px;
}

legend{
color:#7baeb0;
}




































#up {cursor:pointer;}
#down {cursor:pointer;}
#scroll_container{position:relative; /* relative+absolute is for keeping text inside a box, relative to its coordinates*/
overflow:hidden;
color:#8aadb7;
font-family:helvetica, sans-serif, Arial;
float:left;
}
.hidden_part{
position:absolute;
padding:5px;
visibility:hidden;
}


#header_right img{
padding:20px 20px 20px 0px;
}
#header_right_arrow{
float: right;
width:20px;
padding:0px 0px 0px 0px;
height:80px;
}


#main_left{ 
width:251px;
float:left;
padding-right:10px;
color:#6fa7b2;
}
#main_left p{
color:#9b9a9a;
}
#main_right{ 
height:400px;
float: right;
width:507px;
}
#big a{
text-decoration:none;
font-size:16px;
color:#8eb343;
}
#small a{
text-decoration:none;
font-size:12px;
color:#8eb343;
}
#main{
padding:15px 0px 0px 0px;
margin:0 auto;
width:768px;
text-align:left;
clear:both;
}




.box20{
width:18%;
float:left;
padding-right:2%;
}
.box25{
width:23%;
float:left;
padding-right:2%;
}
.box33{
width:31%;
float:left;
padding-right:2%;
}
.box33 img{
padding-top:40px;
}
.box50{
width:48%;
float:left;
padding-right:2%;
}
.box75{
width:73%;
float:left;
padding-right:2%;
}





#next{
text-align:left;
height:21px;
}
#next img{
vertical-align:middle;
}

h4{
/*margin:0px 15px 0px 0px;*/
margin-top:10px;
margin-bottom:8px;
margin-left:0px;
margin-right:0px;
font:14px helvetica, sans-serif, Arial;
color:#9ec868;
font-weight:bold;
}

h6{
margin:0px;
font-size:13px;
color:#9ec868;
font-weight:bold;
}

.p1{color:#707070;font:13px helvetica, sans-serif, Arial;}
label{color:#79aeb9;font:13px helvetica, sans-serif, Arial;}
a{
text-decoration:none;
font:12px helvetica, sans-serif, Arial;
color:#666666;
}

a:hover{
color: #d0235f;
}

#selected_link a{
text-decoration:none;
font:12px helvetica, sans-serif, Arial;
color: #d0235f;
}


#footer{
margin-top:20px;
text-align:left;
}

#left_bracket{
float:left;
height:144px;
}
#right_bracket{
float:left; position:absolute;
height:144px;
}
#menu{
position:relative; left:0;
}

#menu ul {
margin:0;
padding:0px 0px 0px 0px;
list-style:none;
}
#menu li {
display:inline;
margin:0;
padding:0;
}

#menu a{
background-image:url(images/brand_confidence.gif);
width:140px;
height:144px;
display:table-cell;
}

#menu a:hover{
border:none;
background-image:url(images/integrated_design.gif);
}


#clear{
clear:both;
}
#main_nav{
height:130px;
padding:5px 0px 5px 0px;
width:100%;
text-align:left;
clear:both;
border-bottom: dashed #deeccc 1px;
}

#left_box{
padding:10px 0px 10px 2px;
margin:0;
border-bottom:solid #bcd6dc 1px;
font-family:helvetica, sans-serif, Arial;
}

.borderless{
border:none;
}
.border{
border:solid #ccc 1px;
}
.border_1{
border:solid #bdd99a 1px;
margin-right:10px;
margin-bottom:10px;
}

hr{
border: 0;
color: #c1c135;
background-color: #c1c135;
height: 1px;
width: 100%;
text-align: left;
}

#comment{
text-align:left;
display:table-cell;
}

#comment .date{
text-align:right;
}

#comment .comment{
background-color:#ffffff;
}

#comment .reply{
background-color:#f2f2f2;
width:100%;
}

.form_box{
width:200px;
border:solid #7baeb0 1px;
}

.form_button{
background-color:#7cb435;
color:#FFFFFF;
border:none;
cursor:pointer;
}

p.footnote {
	font-size: 11px;
}