@charset "UTF-8";
body {
	font: 100% Tahoma, Arial, Helvetica, sans-serif;
	background-image:url(images/page_bg.jpg) ;
	background-position: center;
	background-position: top;
	background-repeat: no-repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h1,h2,h3,h4,p {margin :0;padding :0;}
a { color : #5b7a81; font-weight:600; text-decoration:none;}
a img {border:none; margin : 0px; padding : 0px;}

p {font-size: 12px; color:#666666; margin: 5px 0 0 0;}

h1 { font-size: 22px; color:#82a446;padding: 5px 0;}
h2 {color:#666633; margin: 5px 0; font-size : 15px;}

a:hover {color:#494949;}

.clearer {clear:both;}
.clear_left {clear:left;}

#container {
	width: 919px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	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. */
}

#header { padding: 0 ; }

#nav {width:920px;}
#nav img {float:right; margin:0; padding:0;}

/* Main Content area */

#media_clips {  float : right; margin : 5px; }
#media_clips img { padding : 5px; float : left;}

#mainContent {
	padding: 0 0 100px 0;
	background-image: url(images/main_bg.jpg) ; background-position:bottom; background-repeat:no-repeat; background-color: #fff;
	border-left : 1px solid #eee;
	border-right : 1px solid #eee;
	}
	
#client { margin : 0 10px;}

#client img {float : left; margin : 0 20px 10px 0;}
#client .links {background-image: url(images/client_info_bg.gif) ; margin : 15px 0px; line-height : 20px; border : 1px solid #999;}
#client .links a {color : #333; font-size : 13px; padding : 2px 10px 1px 10px; border-right : 1px solid #999; }
#client .links a:hover {color:#494949; background : #eee;}

#client_page { margin : 0 10px; width : 430px;}
#client_page img {float : left; margin : 0 20px 10px 0;}
#client_page .links { margin : 15px 0px;
background-image: url(images/client_info_bg.gif) ;
 line-height : 20px; border : 1px solid #999; }
#client_page .links a {color : #333; font-size : 13px; padding : 2px 10px 1px 10px; border-right : 1px solid #999; }
#client_page .links a:hover {color:#494949; background : #eee;}

#client_info { background-image: url(images/client_bg.gif) ; width : 640px; height : 210px; padding : 20px;}
#client_info img { float : left; margin : 10px 0 0 10px;}
#client_info .details { float : right; width : 300px;}
#client_info .details p {font-size : 11px;}

#leftbar { background-color: #fafaf5; border : 1px solid #ccc; width: 170px; float:left; padding : 10px; margin : 10px 0 0 10px; }
.left_list { margin : 0 0 10px 0; padding : 0 0 10px 0; border-bottom : 1px solid #666;}
.left_list li {font-size: 11px; color: #333; text-align:justify; margin : 0 0 3px 0; padding : 0 0 3px 0; border-bottom: 1px dashed #ccc;}


#media_bar { width : 200px; float : right; margin : 0 20px 0 20px;}
#media_bar h3 { border-bottom : 1px dashed #ccc; padding : 0 0 3px 0; margin : 5px 0; color : #333; }

.pr_white { width : 280px; margin : 0 0 5px 0; padding : 3px 8px; font-size : 12px; background-color : #fefffb; }
.pr_grey {  width : 280px; margin : 0 0 5px 0; padding : 3px 8px; font-size : 12px; Border-bottom: 1px solid #ccc; background-color : #f1f1f1;}


#center { width: 685px; float: right; padding : 0 10px 0 0;}

/* Press Room */

#press_room { width : 500px; text-align : left; border : 1px solid #999;}
#press_room a {color : #000;}
#press_room a:hover { color : #666;}
#press_room tr { Border-bottom : 1px solid #999; padding : 2px 0px;}
#press_room td {padding : 0 10px;}
#press_room .grey { background-color : #ccc;}
#press_room .name { width : 350px;}
#press_room .size {text-align:center;}

/* Footer area */

#footer {
	padding: 0;
	background-image:url(images/footer_bg.jpg);
	height : 134px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
}

.footer_list { width:270px; margin: 10px 0 0 35px; float:left;}
.footer_list li {margin:0 0 0px 20px; padding: 2px 0; line-height:12px; color: #4e691d; font-size:12px; font-weight:normal;}
.footer_list h2 { color:#f4fee2; font-weight:bold; margin: 8px 0 0px 0; font-size:20px; letter-spacing: -1px; }
.footer_list a {color: #4e691d; font-size:12px; font-weight:bold; padding: 0; margin:0;}
.footer_list a:hover { color: #494949;}

#center_footer { margin : 30px 0 0 0; width : 300px; float : left; text-align : center; color : #fff;}
#center_footer a, #center_footer p {color : #fff;}