@import url("admin.css");

/*RESET CSS - DO NOT TOUCH */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
/*table, caption, tbody, tfoot, thead, tr, th, td*/ {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

hr{clear:both;margin:20px 0 20px;width:420px;}

img.paddleft{padding:0 0 10px 10px;margin:0 0 0 20px;}
img.paddright{padding:0 10px 10px 0;}

.rimg{float:right;padding:0 0 10px 10px;margin:0 0 0 20px;}
.limg{float:left;padding:0 10px 10px 0;}

/**** Text Styles ****/

p{ font-size: 90%;
color:#777;margin:0 0 20px;
line-height:18px; }
a{color:#777;text-decoration:none;}
a:link{}

a:visited{ text-decoration:none;}

a:hover{color:#555; text-decoration:underline;}

a:active{}

ul, ol{font-size:85%;margin-left:20px;margin-bottom:20px;}
li{text-indent:-10px;}
#nav span {
margin-left: 6px;margin-right: 6px;
color: #fff; /* Semi colon's */}

#nav li a{
text-align:left; font-weight:normal; text-decoration:none; text-transform:uppercase;
color: #fff; font-size: 100%; /* Nav Links */}
	
#nav li a:hover, #nav li a:active{ color: #ff0; /* Nav Links Hover */}

#footer p{color: #fff;}

/**** Headers ****/
h1,h2,h3,h4 {font-weight: bold;line-height:1.25;color: #777;}  

/*Page Title - in Content*/
h1 { font-size:125%; margin-bottom:20px;text-align:left;}

/*Page Sub Titles - in Content */
h2{ font-size:115%; margin-bottom:10px;}

/*Other Subs for subnav and opt 4*/
h3{font-size:108%; margin-bottom:10px;}

h4{ font-size:110%; margin:0; display:inline;}

span.headline {font-weight: bold;text-transform: uppercase;}

/**** Body Elements ****/

html { min-height: 101%; }

body {
font-family: verdana, arial, helvetica, helvetica-neue, sans-serif; /* Industrial - Sans-Serif Fonts */
background: url('../img/background.jpg') top left no-repeat #AC907A;
font-size: 12px;
z-index:0;
}

#outerContainer {
margin:0 auto; width: 100%;
/*background: url('../img/background.jpg') top left no-repeat ;*/ }


/****TOP SECTION****/
#circleLogo {position: absolute;top:31px;left:645px;z-index:2;}
#topout{ text-align:center;}

#top { text-align:left; margin:0 auto; position:relative; width:960px; height:96px; }

#optional1 { float:left; width:240px; height:96px; }

#mastHeadHolder { float:left; height:66px;}

#mastHead{
float:left;width: 480px;height: 100%;
background: url('../img/motto.jpg') 0px 0px no-repeat;
}

#nav{
float:left; height:30px; width:480px;font-size:12px;
background:transparent url(../img/motto.jpg) 0 -66px no-repeat;}

#innerNav {margin-left:10px;}

/*Like a Client Log in or Corporate info*/
#optional2 
{ float:left; width:240px; height:100%;}

table {background:#fff;border:1px solid #222;font-size:80%;}
table th{padding:8px 4px;background:#222;color:#ccc;}
table td{padding:2px 4px;}

/****STAGE SECTION****/

#middleout{text-align:center; min-width:960px; background: url('../img/stagebg.jpg') top center no-repeat #000;}

#middle { text-align:left; margin:0 auto; position:relative; width:960px; height:240px;  }

#logo {
float:left; width:240px; height:100%; margin:0 auto;
/*background: url('../img/logo.jpg') no-repeat top center;*/
}

.stage{float:left;width:360px;height:100%;display:block;}

.caption
{ float:left; 
position:relative;
height:240px;
width:120px; /*background: #0fc;*/
}

.caption .inner{
position:absolute;font-size:80%;text-align:left;bottom:0;left:0;display:block;
line-height: 11px;
color: #aaaadd;
}

#slideshow 
{ float:left; width:240px; height:100%; }

.slide_container {
position:absolute;
width:360px;height:100%;
}

#slideshow img{
position:absolute;
top:0;left:240px;
z-index:8;
opacity:0.0;
}

#slideshow img.active{z-index:10;opacity:1.0;}
#slideshow img.last-active{z-index:9;}

/****CONTENT SECTION****/

#contentout
{ text-align:center; background:url('../img/shadow.png') top left repeat-x; }

#content 
{ text-align:left; margin-left:auto; margin-right: auto; width:960px; height:100%; position:relative;  }

#subnav{float:left;width:240px;color:#000;}

#subInner
{ margin: 25px 18px 0px 0px;line-height: 50%;text-align: right; font-size: 100%;}

#mainContent { float:left; width:480px;
background: transparent url(../img/whitetrans.png) top left;}

#mainInner{
margin:35px 20px 40px 20px; 
text-align:justify;
}

#optional4 
{ float:left; width:240px; }

#opt4Inner
{ margin: 35px 0px 0px 10px;}

#footer 
{ clear:both; margin:40px 0px 0px 240px; padding: 3px;
width: 480px;
font-size: 85%;
text-align:center;
background:#000;
}

#footertext {font-size: 85%;
	text-align:center;
	background: #b68c5c;
}

#footer img {position:relative;left:300px;}

.inner{ margin: 10px;}

img.fixed{position:absolute;left:-145px;}

#gallery img{margin:6px 6px 0 0;}

		/**** List Styles ****/

ol { list-style-position: inside;}
ul { list-style-type: disc; list-style-position: inside;}
li { margin-bottom: 8px; color:#555555;}
#nav ul { position:absolute;margin:8px 0 0 0px;}
#nav ul li{ display: inline;}
#nav ul span {color:#333;}
#nav ul li a{color:#333;}
#nav ul li a:hover{color:#660;}
li.pdf { list-style-image: url('../img/pdfico.png');}
.xbmenu li, .xbmenu li a { font-size:12px;font-weight:bold;line-height:4px;color:#fff;list-style-type:none;text-decoration:none;line-height:15px; }

.xbmenu li ul li a {background:none;color:#ff0;padding-left:15px;}

.xbmenu li ul li a:hover {background:none;padding-left:15px;text-decoration:underline;}

/**** Drop Down ****/

#newDropDown {
	width:157px;
	position:absolute;
	left:65px;
}
#newDropDown p{
	letter-spacing: .4px; line-height: 17px;
	font-size:13px; color: #999;
}

#newDropDown p:hover{text-decoration:underline;color:#333;}

.setTitle {margin-bottom:5px;}
.setItem {margin-right:4px;}
.piro:hover, .piro:active{cursor:crosshair;}

#videoGallery{width:420px;border:none;float:left;}

.mediahit{
background:transparent url('../img/videoIco.png') top left no-repeat;
width:120px;
padding:100px 0 20px;margin:0 15px 0 0;
text-align:center;
color:#c60;
float:left;
}

.media{position:absolute;top:0;left:240px;}

/**** SimpleNews Elements ****/

#simpleNews {display:block;text-align:left;margin:0px 0px 0px 10px;}
.newsItem{ border-bottom:1px dotted #ddd;}
.newsItem h3 {color: #000;}
.newsDate {	font-size: 9px;font-family:verdana;color: #999;}
.newsItem p {font-size:12px;line-height:16px;text-align:justify;color:#888;}
.newsComment {font-size: 9px; color: #999;margin-top:-5px;}
.cell{display:block;width:240px;float:left;text-align:center;margin:10px 0;}
.double{width:480px;border:none;height:290px;}
/**** Form Elements ****/

#in_form{text-align:left; color: #666;}
#in_form p{margin-top:0;}
#in_form label{font-weight:normal;margin:5px 0 0;}
#in_form input[type='text'],input[type='password'], textarea, select {width: 90%;border:1px solid #ccc;}
#in_form p.form_submit_button{text-align:right;}
#in_form .form_half,.form_half_2{margin-left:0px;float:left;width:205px;}
#in_form .form_half_2{margin-left:10px;}
#in_form .form_addr {margin-left:10px;float:left;width:289px;}
#in_form .form_addr_pc{float:left;width:136px;margin-left:10px;}
#in_message{width:420px;height:240px;background:#fff;}
#in_website, #in_email{margin-left:0px;float:left;width:420px;}
span.required{color:#f00;}

#log_in{
width:310px;
text-align:center;
margin:30px auto;
}

#login_form {background:#fafafa;border:1px dotted #ddd;text-align:left;padding:5px;}

#login_form input[type='text'],input[type='password'], textarea, select {
width: 200px;
border:1px solid #ccc;
}
#login_form input[type='submit']{
margin-top:5px;
width:80px;
}

		/**** Definition List ****/

dl{font-size:90%;border:1px dashed #000;padding:5px;} 

dt{font-weight:bold;} /*Definition Tutle*/

dd{font-style: italic;} /*Definition Description*/

/**** Special Fixes ****/

.clear 
{clear:both; margin:0px;padding:0px;}