/* 	CLIENT:  		Frank Trujillo
	URL:  			OceanNRG.com
	WEB DESIGN: 	Scott Skougard: Skougard Studios - skougard.com
	DATE:			January 2009
*/

noscript {text-align:center;}
body {background:#333 url(../images/seamless/water5.jpg) repeat;}
.discussion {background:#90F2FA; border:3px solid #73A2BD; padding:15px; margin-top:50px; text-align:justify;}

/* rotating picture backgrounds */
ul#portfolioThumb {list-style:none; margin:0; display:block; width:710px; height:220px; border:none; float:right; text-align:left; overflow:hidden; background:none;}
ul#portfolioThumb li a {color:#039; font-weight:bold; font-size:18px;display:block; width:690px; height:220px; border:none;}
#portfolioThumb li {width:710px; height:220px; padding:10px;}

li.pitch1 {background:url(../images/pitch/coal.jpg) no-repeat top right;}
li.pitch2 {background:url(../images/pitch/govbuild.jpg) no-repeat top right;}
li.pitch3 {background:url(../images/pitch/hazmat.jpg) no-repeat top right;}
li.pitch4 {background:url(../images/pitch/loudspeaker.jpg) no-repeat top right;}
li.pitch5 {background:url(../images/pitch/money.jpg) no-repeat top right;}
li.pitch6 {background:url(../images/pitch/nuke.jpg) no-repeat top right;}
li.pitch7 {background:url(../images/pitch/plugin.jpg) no-repeat top right;}
li.pitch8 {background:url(../images/pitch/debate.jpg) no-repeat top right;}
li.pitch9 {background:url(../images/pitch/wind_farm.jpg) no-repeat top right;}
li.pitch10 {background:url(../images/pitch/news.jpg) no-repeat top right;}
li.pitch11 {background:url(../images/pitch/politicians.jpg) no-repeat top right;}
li.pitch12 {background:url(../images/pitch/education.jpg) no-repeat top right;}

/* alternating subtitle colors */
li span.color1 {color:#039;}
li span.color2 {color:#096;}

ul#subtitles {list-style:none;}

/*  
h1 span {font-size:10px; color:#666;}
*/

/* links */
a, a:visited {color: #CC6600; text-decoration:none;}
a:hover {color:#90ABAD; text-decoration:underline;}
a.handle  {padding-left:20px; background: url(../images/pin-grey.gif) left no-repeat;}

/* title area */
.subtitle {}
	.subtitle h2 {color:#575FC2; font-weight:bold;}
	.subtitle h2 span {color:#7DB432; font-weight:bold;}
#title {height:99px; background: url(../images/title/onrg.gif) center no-repeat; margin:-25px 0 8px 0;}
	#title h1 {display:none;}
	#title h2 {color:#CCC; font-size:14px; margin: 85px 0 0 690px;}

/* body panels */
.box {padding:2px; background:#fff;}
.topic {background:#fff; padding:20px 20px 0 20px; height:150px;}
.topic2 {background:#fff; padding:20px 20px 0 20px;}

img.left {float:left;}

p.clear {clear:both; padding:10px 0 20px; font-size:larger; margin-bottom:0;}

/* Indentation instead of line shifts for sibling paragraphs. */
   p + p {text-indent:0;}

hr {color:#369; width:1px;}

h3 span.color1 {color:#039;}
h3 span.color2 {color:#096}