/*

	TITLE:	OKC Rig Builder
	DATE:	12-19-06

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form,
img{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font-family: Arial, Verdana;
	font-size: 12px;
	margin: 0px;
	line-height: 17px;
	background: #0f1014 url('images/mainBg.jpg') repeat-x;
}

/* links */
a{
	font-weight: bold;
	color: #000;
}
a:hover{
	text-decoration: none;
}

/* heading */
h1{font-size: 1.8em; margin: 2px 0px; padding: 5px 0px;}
h2{font-size: 1.6em; margin: 2px 0px; padding: 2px 0px;}
h3{font-size: 1.4em; margin: 2px 0px; padding: 3px 0px;}
h4{font-size: 1.2em; margin: 2px 0px; padding: 3px 0px;}
h5{font-size: 1.0em; margin: 2px 0px; padding: 3px 0px;}
h6{font-size: .9em;	 margin: 2px 0px; padding: 1px 0px;	font-weight: normal;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#frame{width: 100%; background: url('images/frame.gif') center top no-repeat; _background: url('images/frame_ie.gif') center top no-repeat;}

#mastCon{width: 804px; margin: 0 auto; background: url('images/shadow.gif') no-repeat;}

#header{width: 804px; height: 63px; position: relative;}

#logo{width: 226px; height: 57px; position: absolute; top: 18px; left: 27px;}

#mainNav{width: 500px; height: 57px; margin: 0 13px 0 0; float: right; display: inline;}
#mainNav ul{padding: 20px 0 0 0;}
#mainNav li{display: inline; list-style: none; padding: 0 10px 0 0;}
#mainNav li a{color: #fff; padding: 0 0 5px 0; text-decoration: none; text-transform: Uppercase; font: bold 1em Arial; border-bottom: 4px solid #fff;}
#mainNav li a:hover{color: #000; border-bottom: 4px solid #000;}

#intro{width: 778px; padding: 0 13px;}
#intro #flash{width: 468px; float: left;}
#intro #actions{width: 306px; margin-right: 3px; float: right; display: inline; color:#7e8589; font-size: .9em; background: url('images/actionsBg.jpg') top no-repeat; }
#intro #actions .action{width: 306px; padding: 0; float: left; height: 145px;}
#intro #actions .action img{float:left; padding: 5px 10px 0px 5px;}
#intro #bigImage{width: 542px; float: left;}
#intro #smlImage{width: 235px; float: right;}

#container{width: 776px; margin: 1px 13px 0 13px; _margin: 4px 13px 0 13px; float: left; display: inline; background: url('images/containerBd.jpg') 0px 0px repeat-y;}
#container .header{width: 776px; height: 4px; float: left; background: url('images/containerHd.jpg') 0px top no-repeat;}
#container .footer{width: 776px; height: 4px; float: left; background: url('images/containerFt.jpg') 0px bottom no-repeat;}
#container ul{padding: 5px 15px;}

#mainCol{width: 458px; margin: 0 0 0 13px; padding: 20px 30px; float: left; display: inline; color: #666; font-size: .9em;}
#mainCol h1{color: #333; font-size: 20px;}
#mainCol h2{font-size: 15px;}
#mainCol a{color: #c61b23;}

#subCol{width: 231px; margin: -4px 0px 0 0; _margin: -15px -2px 0 0px; float: right; display: inline; color: #aaa;}
#subCol a{color: #ccc;}
#subCol #sideNav{width: 100%; padding: 0px 0; float: left; background: url('images/sideNavBd.jpg') repeat-y;}
#subCol #sideNav #sideNavHd{width: 100%; background: url('images/sideNavHd.jpg') top no-repeat;}
#subCol #sideNav #sideNavFt{width: 100%; background: url('images/sideNavFt.jpg') bottom no-repeat;}
#subCol #sideNav ul{padding: 15px 0; background: url('images/sideNavSep.gif') 10px 12px no-repeat;}
#subCol #sideNav li{list-style: none; padding: 4px 10px; margin: 0 10px; border-bottom: 1px solid #454952;}
#subCol #sideNav li a{color:#e5d513; text-decoration: none; padding: 2px 10px 2px 20px; background: url('images/sideNavArrow.gif') 0px 5px no-repeat;}
#subCol #sideNav li a:hover{background: url('images/sideNavArrowOver.gif') 0px 5px no-repeat;}
#subCol #sideNav h3{margin: 0; padding: 15px 0 0 15px; text-transform: Uppercase; font-size: 1.1em;}
#subCol #sideSec{width: 201px; padding: 10px 15px; float: left;}
#subCol #sideSec h3{margin: 0; padding: 15px 0 0 0px; text-transform: Uppercase; font-size: 1.1em;}

#footer{width: 600px; padding: 25px 0 25px 176px; float: left; margin: 20px; display: inline; font: bold 12px arial; color: #666; background: url('images/footer.jpg') no-repeat;}
#footer p{font-size: 11px; margin: 0; padding: 5px 0 0 0;}
#footer p b{font-size: 15px;}
#footer p a{color: #999;}
#footer a{color: #666; text-decoration: none;}
#footer ul{font: bold 9px arial;}
#footer li{display: inline; padding: 0 6px 0 0; text-transform: Uppercase;}


/* home */
body#home #container{width: 778px; margin: 0 13px 0 13px; background: none;}
body#home #mainCol{width: 407px; padding: 19px 10px; float: left; margin: 0; color: #ccc;}
body#home #mainCol h1{padding: 4px 0 5px 0; color: #fff; font: normal 1.8em 'Lucida Sans'; background: url('images/head.jpg') repeat-x;}
body#home #mainCol .text{width: 407px; float: left;}
body#home #mainCol .text img{float: left; padding: 10px 20px 10px 0px;}
body#home #mainCol .element{padding: 10px 0 0 0;}
body#home #subCol{width: 307px; float: right; padding: 20px 0 0 0; font-size: .9em; margin: 0;}
body#home #subCol .regionBoundary{width: 100%; margin: 60px 0 0 0;}
body#home #subCol h1{padding: 4px 0 5px 0; color: #fff; font: normal 1.8em 'Lucida Sans'; background: url('images/head.jpg') repeat-x;}
body#home #subCol h2{font-size: 1.1em;}
body#home #subCol ul{padding: 10px 0;}
body#home #subCol li{list-style: none;}
body#home #subCol li a{color:#e5d513; text-decoration: none; padding: 2px 10px 2px 20px; background: url('images/sideNavArrow.gif') 0px 5px no-repeat;}
body#home #subCol li a:hover{background: url('images/sideNavArrowOver.gif') 0px 5px no-repeat;}


/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}
.RadEContentBordered{background: #fff;}

/* clearing */
#sideNav:after,
#mastCon:after,
#container:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}