/* CSS Document */
body 
{
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	color: #444;
	background-color: #fff;
	font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	/*font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;*/
	font-size: 12px;
	font-weight: normal;
    background-position:top;
    /*background: url("../images/body-bg.jpg") 0px 0px repeat-x;*/
}

a
{
outline: none;
}

p {
	line-height: 22px;
	margin: 0 0 0 0;
	padding: 2px 0 2px 0;
}

b {
	color: #000;
}

h3 {
font-size: 14px;
margin-bottom: -10px;
margin-top: -10px;
}

a {
	text-decoration: none;
	color: #444;
}

a:hover {
	text-decoration: none;
	color: #9aa1a5;
}


img
{
	border: 0;
}

#map
{

	/*float:right;
	position:relative;*/
}

#map.p
{
	
	float:left;
	text-align:left;
	left:100px;


}

div.clear {
	clear:both;
	font-size: 0px;
	line-height: 0px;
}

#frame-header {
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	margin-top: 10px;
	height: 27px;
	width: 1026px;
	background: url("../images/header-orange.gif") 0px 0px no-repeat;
}

#header-left {
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	float:left;
}

#header-right {
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	float:right;
}


#frame-nav {
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	width: 1024px;
	height: 46px;
	background: url("../images/nav-bg.gif") #fff 0px 0px no-repeat;
	text-align: left;
	background-color: #a9a9a9;
}

#frame-body {
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	margin-top: 1px;
	width: 1026px;
	height: 432px;
	background-color: #fff;
	text-align: left;
}

#frame-footer {
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	margin-top: 1px;
	width: 1026px;
}

#footer-left {
	padding: 0px 0px 0px 0px;
	margin: 0px 1px 0 0;
	float:left;
}

#footer-right {
	float:left;
	width: 804px;
	height: 183px;
	background: url("../images/footer.jpg") #fff 0px 0px no-repeat;
}

#body-left {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 220px;
	height: 432px;
	float: left;
	position:relative;
	background-color: #f6f6f6;
}

#body-left2 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 220px;
	height: 432px;
	float: left;
	position:relative;
	background-color: #f6f6f6;
}

#news-right {
	padding: 12px 12px 0px 0px;
	margin: 0px;
	width: 488px;
	height: 432px;
	float: right;
	position:relative;
	background-color: #fff;
}

#left-nav {
	 /*position:absolute;
	 bottom:-8px;*/
	 left:0px;
 /*left:-40px;
	background-color: #f2f2f2;
	background-color: #eee;*/
	width: 220px;
	float: left;
	text-align: left;
}

#left-nav-vid {
	 position:absolute;
	 /*bottom:-16px;*/
	 left:0px;
 /*left:-40px;
	background-color: #f2f2f2;
	background-color: #eee;*/
	width: 220px;
	float: left;
	text-align: left;
}

#left-nav .contact{
	 position:absolute;
	 bottom:0px;
	 left:0px;
 /*left:-40px;
	background-color: #f2f2f2;
	background-color: #eee;*/
	width: 220px;
	height:432;
	float: left;
	text-align: left;
	background-image:url(../images/Contact-Page.jpg)
}


#body-right.contact{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	width: 804px;
	height: 432px;
	/*background-color: #f2f2f2;*/
	background-color: #f2efe9;
	float: left;
}
#body-right p
{
	color: #ababab;
	font: 12px Trebuchet;
	font-weight:bold;
	color: rgb(171,171,171);
}

#body-right {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	width: 804px;
	height: 432px;
	/*background-color: #f2f2f2;*/
	background-color: #ffffff;
	float: left;
}

#body-large-vid {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	width: 1025px;
	height: 432px;
	/*background-color: #f2f2f2;*/
	background-color: #ffffff;
	float: left;
}

#body-right-vid {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	width: 804px;
	height: 432px;
	/*background-color: #f2f2f2;*/
	background-color: #fff;
	background-image:url(../images/vidbacker.gif);
	text-align: center;
	float: left;
}

.vidholder {
  width: 482px;
  height: 288px;
  padding: 0px;
  border: 0px solid;
  text-align: center;
  background-color: #ffffff;
  margin:65px auto;
}

/*Radio Section*/
#body-right-radio {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	width: 804px;
	height: 432px;
	/*background-color: #f2f2f2;*/
	background-color: #fff;
	background-image:url(../images/radio.jpg);
	text-align: left;
	float: left;
}

.mp3holder {
  width: 352px;
  height: 183px;
  padding: 0px;
  border: 0px solid;
  text-align: center;
  background-color: #ffffff;
  margin: 132px 0 0 60px;
}
/*End Radio Section*/

#body-right.intro {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	width: 1025px;
	height: 432px;
	/*background-color: #f2f2f2;*/
	background-color: #ffffff;
	float: left;
}

#img-news {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	width: 520px;
	height: 432px;
	/*background-color: #f2f2f2;*/
	background-color: #ffffff;
	float: left;
}

#contactInfo

{
	padding: 12px 10px 0px 12px;
	width: 404px;
	height: 432px;
	float: left;
	background-color: #ff6600;
}

#contactInforight

{
	padding: 12px 10px 0px 12px;
	width: 260px;
	height: 432px;
	background-color: #ffcc00;
	float: right;
	margin: 24px 0px 0px 660px;
}


#contact-text

{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	width: 804px;
	height: 432px;
	/*background-color: #f2f2f2;*/
	background-color: #f2efe9;
	float: left;
}



#loading {
	position: absolute;
	text-align: center;
	width: 804px;
	height: 232px;
	padding-top: 200px;
	z-index: 2000;
	background-color:#ffffff;
}

#loading.wide {
	position: absolute;
	text-align: center;
	width: 1026px;
	height: 232px;
	padding-top: 200px;
	z-index: 2000;
	background-color:#ffffff;
}


/* wide styles */

li .body-left {
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0 1px;
	width: 500px;
	height: 432px;
	float: left;
	position:relative;
	background-color: #f2f2f2;
}

li .body-right {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	width: 804px;
	overflow: hidden;
	height: 432px;
	/*background-color: #f2f2f2;*/
	background-color: #ffffff;
	float: left;
}





li .body-left .left-content
{
	 position:absolute;
	 bottom:0px;
	 left:0px;
	/*width: 220px;*/
	float: left;
	text-align: left;
	/*border: 1px solid red;*/
}

li .body-left .left-content p
{
	padding: 0 0 0 0;
	color:#888;
	
}

li .body-left .left-content.contact p
{
	padding: 0 0 0 0;
	
	color:#888;
	
}

div#scrollbar { 
    display:none;
    }

/* below in external file */
div#wn	{ 
    position:relative; 
    width:184px; height:52px; 
    overflow:hidden;	
	}
div#scrollbar { 
    position:relative; 
    width:184px; height:432px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
    position:absolute; left:12px; top:0;
    width:804px; height:432px; 
    background: #336;
  }
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:20px; height:9px; 
    background-color:#ceced6;
  }  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 


/*********************************/
/*********web portfolio page**********/
/*********************************/



.web-frame {
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 22px;
	width: 239px;
	height: 205px;
	float: left;
	text-align: left;
	/*border: 1px solid red;*/
	background-color: #ffffff;
	line-height: 13px;
	font-size: 11px;
	}

.web-frame img {
	margin: 0px 0px 0px 0px;
	border: 0;
	}
	
.web-first {
	margin: 8px 0 0 22px;
	/*border: 1px solid red;*/
	}
	

p.web-link {
	line-height: 13px;
	font-size: 11px;
	margin: 7px 0 0 0;
	padding: 0 0 0 0;
	text-align:right;
	}
	
.web-frame a{
	color: #7a7a7a;
	text-decoration:none;
	}
	
.web-frame span{
	margin-left:3px;
	}
	
.web-frame a:hover span{
	color: #6088b1;
	text-decoration:underline;
	}