@import url(/stylesheets/branding.css);
@import url(/stylesheets/headers.css);

body { margin:30px 0; padding:0; background:#fff; color:#666; font-family:Verdana, Helvetica, Tahoma, sans-serif; font-size:80%; line-height: 1.3em; width:99.9%; text-align:center; }
#container { text-align: left; width:580px; margin:0 auto; padding:0 130px 0 255px; }

/* LAYOUT STYLES */
.col-left { width:277px; float:left; margin:0; padding:0; }
.col-right { width:277px; float:left; margin:0 0 0 26px; padding:0; }
.left { float:left; }
.right { float:right; }

.main { position:relative; z-index:2; width:366px; float:left; margin:0; padding:0; }
.sub { position:relative; z-index:1; width:189px; float:left; margin:0; padding:0 0 0 25px; }

#contact { clear:both; padding: 20px 0 0 0; margin:20px 0 0 0; background:url(/images/line.gif) top repeat-x; }

#response 		{ background:#76b900 url(/images/edge_top_green.gif) repeat-x; color:#fff; }
#response div	{ background:url(/images/edge_bot_green.gif) repeat-x bottom; padding:10px; }
#response h3 	{ margin-top:10px; }

/* HEADERS */
h1, h2, h3, h4, h5, h6 { color:#649d00; margin:15px 0 0 0; }
h1 { font-size:1.6em; }
h2 { font-size:1.4em; margin-top:0; }
h3 { font-size:1.2em; }
h4 { font-size:1em; }
h5 { font-size:1em; }
h6 { font-size:1em; }

/* IN-PAGE BLOCKQUOTES */
blockquote { margin:5px 0 5px 0; padding-left:15px; background:url(/images/line_vertical.gif) repeat-y; color:#649d00; font-size:1.3em; line-height:1.3em; }
cite { margin:0; padding-left:15px; font-style:normal; font-size:0.8em; }

/* DEFAULT LINK STYLES */
a { text-decoration:none; padding:0 0 2px 0; }
a:link { color:#649d00; background:url(/images/link.gif) 0px bottom repeat-x; }
a:visited { color:#666; background:url(/images/link_visited.gif) 0px bottom repeat-x; }
a:hover, a:focus { color:#333; background:url(/images/link_hover.gif) 0px bottom repeat-x; }
a:active { color:#666; background:url(/images/link_active.gif) 0px bottom repeat-x; }

/* IE links (can't display multi-line background images) */
.ie a, .ie a:link, .ie a:visited, .ie a:hover, .ie a:focus, .ie a:active { text-decoration:underline; background:none; }

/* "Plain" link style for stuff like image links (logo etc.) */
a.plain, a.plain:link, a.plain:visited, a.plain:hover, a.plain:focus, a.plain:active { background:none; }

/* LIST STYLES */
/* display:inline-block; used to make usre list has layout in IE without breaking the branding lists */
ul { margin:20px 0; padding-left:0; list-style-type:none; display:inline-block; }
ul li { margin-left:0; padding-left:12px; background:url(/images/star_bullet.gif) 0px 4px no-repeat; }

/* MISCELLANEOUS STYLES */
p { margin:20px 0; }
img { border:0; }
.clear { clear:both; height:0; }
.hide { position:absolute; left:-99999px; }
/* Shift is same as hide but won't be brought back in for print */
.shift { position:absolute; left:-99999px; }
.hr { clear:both; background:url(/images/line.gif) top repeat-x; height:4px; margin:5px 0; padding:0px; }
.hr hr	{display:none;}
.color { color:#649d00; }
.tight { margin:5px 0; }
.text-right { text-align:right; }
.no-wrap { white-space: nowrap; }
.print-only { display: none; }

/* FORM STYLES */
form { margin:0; padding:0; }
.form-row { margin:5px 0; }
.label { float:left; text-align:left; margin-right:5px; width:55px; }
.input	{ margin:0 0 0 60px; padding:0; }
.input .text { color:#666; font-family:Verdana, Helvetica, Tahoma, sans-serif; width:164px; height:12px; border:1px solid #ccc; font-size:0.8em; padding:5px; }
.input .textarea { color:#666; font-family:Verdana, Helvetica, Tahoma, sans-serif; font-size:0.8em; width:164px; height:73px; border:1px solid #ccc; padding:5px; }
.buttons { clear:both; padding-top:10px; }

#eight-ball-form 		{ margin:25px 0; }
#eight-ball-form .label	{ width:75px; }
#eight-ball-form .input	{  margin:0 0 0 80px; }

/* PAGE SPECIFIC STYLES */

	/* Achievement */
	.case-studies-arrow { width:92px; height:99px; background:url(/images/notes/top_arrow.gif) bottom left no-repeat; position:absolute; margin:25px 0 0 -92px; }
	.case-study img { float:right; margin:0 0 20px 20px; }

	/* Case studies */
	.award .details-full { width:270px; float:left; margin:0 0 0 5px; }
	.award .details-full h4 { margin:0; }
	.award .details-full p { margin:0; }

	/* Trust */
	.client-logos { margin:10px 0 0 0; }
	.client-logos img { padding:0; margin:0 4px 4px 0; }

	/* Pride */
	.article { margin-top:10px; padding-bottom:10px; background:url(/images/line.gif) bottom repeat-x; }
	.headline { font-size:1.1em; line-height:1.1em; }
	.date { display:block; margin-top:5px; font-size:0.8em; font-weight:bold; }
	.article-header { margin-left:-92px; background:url(/images/notes/top_arrow.gif) bottom left no-repeat; padding:1px 1px 60px 1px; }
	.article-title { margin-left:92px; margin-top:10px; padding-bottom:10px; background:url(/images/line.gif) bottom repeat-x; }
	.article-body { margin-top:-60px; }
	.award { margin:25px 0; }
	.award img { float:left; margin:0; }
	.award .details { width:186px; float:left; margin:0 0 0 5px; }
	.award .details h4 { margin:0; color:#666; font-weight:bold; }
	.award .details p { margin:0; }

	/* Inline images for news articles */
	.image-right { float:right; margin:0 0 15px 15px; padding:0; }
	.image-right img { border:1px solid #666; }
	.image-right .caption { margin:5px 0; font-size:0.8em; color:#999; }

	.image-left { float:left; margin:0 15px 15px 0; padding:0; }
	.image-left img { border:1px solid #666; }
	.image-left .caption { margin:5px 0; font-size:0.8em; color:#999; }

	/* Eight Ball */
	#eight-ball-content #response { background: none; color: #666; }
	#eight-ball-content .input { margin-left: 70px; }
	.eight-ball-item{ padding-left:15px; background:url(/images/star_bullet.gif) top left no-repeat; }
		
	/* Flash games in fun section */
	.game-container { padding:10px; }

	/* Contact Us */
	#map		{ border:1px solid #649d00; width:275px; height:500px; margin:20px 0; }
	#map a		{ padding:0; background:none; }
	#map-info	{ width:210px; }
	#map-info a	{ color:#545978; }
	#map-info ul.scrollable { margin:1.0em 0; padding:5px; padding-left:20px; border:1px solid #7f9db9; height:70px; overflow:auto; }

/* FOOTER */
#footer { text-transform:lowercase; float:left; padding-top:10px; margin-top:30px; position:relative; z-index:100;}
#footer li { display:inline; padding-right:15px; }
#strapline { float:right; width:138px; height:33px; background:url(/images/creative_thinking.gif) no-repeat; margin-top:30px; }

/* Table styles */
table	{ border-collapse:collapse; border:1px solid #ccc; width:100%; font-size:1em; margin:1em 0; font-size: 0.8em; }
table td { padding:5px; }
table tr.row0, table tr.even { background-color:#f6f2e8; }
table tr.row1, table tr.odd { background-color:#ffffff; }
table th { text-align:left; padding:5px; background-color:#999; color:#fff; }
table .action { text-align:left; padding:5px; background-color:#bbb; color:#fff; }
table .num { text-align:right; white-space:nowrap; }
table th input, table th select { font-weight:normal; }