/* this is my mess of a stylesheet to create a rounded corner box using the concept of background image slices so effectively utilized by WP in the Kubrick theme and by everybody else in the univers. Obviously I am mixing typography with layout way too much. */
body {
	font-size:90%;
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
	color: /*#838F85*/#000;
	background-image: url(../images/cayucos_and_arizona_background.jpg);
	background-attachment: fixed;
}
/* begin layout */
body {
	/*background: url(rounded_corners/jennie_and_head_background_color_dae7db.jpg);*/ 
	margin: 0;
	padding: 0; 
}
/* content */
#wrapper {
	
}
#container {
 	position:relative;/* sets the container as the relative point for absolute positioning, for the left nav here*/
	background: url(../images/off_media_content_background.jpg) repeat-y top; border: none;
	background-color: white;
	margin:50px 0px 20px 50px;
	padding: 0;
	width: 727px;
}
#header {
	background: url(../images/off_media_header.jpg) no-repeat center bottom;
	margin:0;
	padding:0;
	width:727px;
	height:193px;
}
#content {
	margin:0 20px 10px 200px;
	padding:0;
	width:500px;/*interesting note, without the width the absolute positioned navigation still kept the left column clear, however IE6 however wouldn't display borders on html tags, why do I care about IE6?*/
}
#content ul {
	list-style: none;
}
#content ul ul {
	padding-left:15px;
}
/****left navigation****/
#leftNav {
	position:absolute;/*relative to the container, could float this left or right, but would have to place above content in 				    html code*/
	top:207px;
	left:24px;
	z-index:1;
	width:150px;
	padding: 0px;
	/*background:#CEE3EF url(../images/nav_background.jpg) repeat-y;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
}
/*THIS IS THE FLOAT VERSION, MESSED UP IN IE6 OF COURSE, 3px jog and all that, this problem goes away if you set the content width, however, you then have to place the nav before the content
	#leftNav {
	margin:15px 0 0 12px;
	padding: 0px;
	background:#CEE3EF;
	float:left;
	width:200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}*/
#leftNav ul {
	margin:0;
	padding:0;
	background:#CEE3EF url(../images/nav_background.jpg) repeat-y;
}
#leftNav li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#leftNav h3, #leftNav p {
	padding:0 10px;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists, border color matches background */
#leftNav li {
	border-bottom: 1px solid #CEE3EF;
}
/* fix for browsers that don't need the hack */
html>body #leftNav li {
	border-bottom: none;
}
#leftNav a:link, #leftNav a:visited {
	display: block;
	/*ie6 workaround for the block level hover, set the width and ie6 will hover anywhere within that width*/
	width:140px;
	border-top: 1px solid #fff;
	font-weight:bolder;
	color: #21536A;
	padding:3px 2px 3px 8px;
	/*background: url(../images/button.jpg);*/
}
#leftNav a:hover {
	background-color: #ddeeff;
	font-weight:bolder;
	color:#fff;
	text-decoration: underline;
	border-top: 1px solid #ccc;
	background-image: url(../images/nav_background_over.jpg);
	background-repeat: repeat-y;
}
#footer {
	background: url(../images/off_media_footer.jpg) no-repeat bottom; border: none;
	padding:0;
	margin:0;
	width: 727px;
	clear: both;
	text-align:center;
	color:#838F85;
}
#footer p {
	margin:0;
	padding:20px 0;
	font-size:.7em;
} 
#footer a:link, #footer a:visited {
	color: #838F85;
	text-decoration: none;
}
#footer a:hover {
	color: #838F85;
	text-decoration: underline;
}
#footer ul {
	margin:0;
	padding:0px;
	list-style:none;
}
#footer li {
	display:inline;
	margin:0;
	padding:0;
	text-align: center;
	font-size: .7em;
}
/*end layout*/




/*formatting html tages*/

a:link, a:visited, a:hover {
	color: #7994FF;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline; /* overrides decoration from previous rule for hovered links */
	font-weight:bold;
} 
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
h1 {
	border-bottom: 3px double #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-weight: lighter;
	font-size: 130%;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:black;
	font-size: 100%;
	text-indent: 25px;
}
h3 {
	margin:15px 0;
	font-family: "Courier New", Courier, mono;
	font-size: 1.5em;
	color: orange;
}
h4 {
	text-decoration: underline;
}
h5 {
	font-weight: bolder;
	color: #000000;
	font-size: 110%;
}
/*floats*/
.fltleft {
	float:left;
	/*margin-left: 8px;*/
}
.fltright {
	float:right;
	/*margin-right: 8px;*/
}
img {
	border:none;
}
.clear {/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*decoration*/

.courierorange {
	font-family: "Courier New", Courier, mono;
	font-size: 1.5em;
	font-weight:bold;
	color: orange;
}
.center {
	display: block;
    margin:20px auto;
}
.black {
	color:black;
}
.green {
	font-family: "Courier New", Courier, mono;
	font-size: 1.1em;
	color: #00CC00;
	font-weight: bolder;
}
.bgcolor {
	background: #FFFFEC;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.justify {
	text-align:justify;
}
.emphasis {
	font-family: "Courier New", Courier, mono;
	font-size: 14pt;
	font-style: oblique;
	font-weight: bolder;
	padding-right: 5px;
	padding-left: 5px;
}
.emphasis2 {
	font-family: "Courier New", Courier, mono;
	font-size: 18px;
	font-weight: bold;
	color: #990033;
	font-style: normal;
}
.emphasis3 {
	font-family: "Courier New", Courier, mono;
	color: #FFFFFF;
	background-color: #993399;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
.emphasis4 {
	font-size: 16px;
	font-weight: bold;
}
.style2 {
	font-size: 18px;
	font-style: italic;
}
.style3 {
	font-size: 18pt;
	color: #FF6600;
	font-weight: bolder;
}
.style4 {
	color: #FF0000
}
.subcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0000FF;
}
/*********************************************/
#content .inner {
	margin: 20px 5px 40px;
}
#content .inner h2 {
	color: #245185;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #b9d2e3;
	font-size: 110%;
}
#content .inner ul.features {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content .inner h3 {
	font-size: 130%;
}
#content .inner h3 a:link, #content .inner h3 a:visited {
	color: orange;
}
#content .inner p {
	/*color: #666666;*/
	font-size: 100%;
}
#content .inner .features li {
	margin:55px 0;
	border-bottom: thin dashed #CCCCCC;
}
#content .inner .features li img {
	float: right;
	margin: 0 8px 0;
	border:none;
}
#content .inner p.client {
	font-weight: bold;
}
#content .inner p.more{
	margin-top: 0;
	text-align: right;
}
#content .inner p.more a:link, #content .inner p.more a:visited {
	color: black;
	background-image:  url("img/more-bullet.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 14px;
	font-size: 90%;
	color: #1e4c82;
}
.smalltext {
	font-size:85%;
}