@charset "utf-8";

/* CSS Document */



body{

 font-family:Arial, Helvetica, sans-serif;

 color:#333;

 font-size:12px;

 margin:0;

 padding:0;

 font-weight:normal;

 background:#f9f3db url(../images/bg.jpg);

 }

#listen{ width:142px;
height:27px;
min-height:27px;
margin:auto


}
#listen a.button{  width:142px;
height:27px;
display:block;
background:url(../images/listen_jingle.png) no-repeat;
overflow:hidden;
}

#listen a.button:hover{ background-position: 0px -26px
}


#down_sch{ width:142px;
height:27px;
min-height:27px;
float:left


}
#down_sch a.button{  width:142px;
height:27px;
display:block;
background:url(../images/download_sch.png) no-repeat;
overflow:hidden;
}

#down_sch a.button:hover{ background-position: 0px -27px
}

#view_gallery{ width:142px;
height:27px;
min-height:27px;
float:left


}
#view_gallery a.button{  width:142px;
height:27px;
display:block;
background:url(../images/gallery.png) no-repeat;
overflow:hidden;
}

#view_gallery a.button:hover{ background-position: 0px -27px
}

#readmore{ width:142px;
height:27px;
min-height:27px;
float:right


}
#readmore a.button{  width:142px;
height:27px;
display:block;
background:url(../images/read_more.png) no-repeat;
overflow:hidden;
}

#readmore a.button:hover{ background-position: 0px -27px
}


 .img_r{ float:left; margin-top:0px; padding-top:0px;}

 

.wrap{

 width:960px;

 margin:0 auto;

 padding:0;

 } 

 

#main{

 padding:0;

 margin:0;

 background: url(../images/header2.jpg) repeat-x;

 }

 

img{ 

 margin:0;

 border:none;

 background:none;

 } 

 

p{

 margin:0;

 padding:0;

 line-height:1.6em;

 margin-bottom:15px

 } 

 

p img.left  { 

 float: left; 

 margin:5px 8px 8px 0; 

 padding:5px;

 background:#fff;

 border:1px solid #ddd;

 }

 

p img.right  { 

 float: right; 

 margin: 5px ;

 padding:5px; 

 background:#fff;

 border:1px solid #ddd;  

 } 



h1,h2,h3,h4,h5,h6, h7 {

 color:#000;

 font-weight:normal;

 font-family:Georgia, "Times New Roman", Times, serif;

 line-height:1.7em;

 margin:0;

 padding:0;

 } 

#slogan{

background: url(../images/slogan.png) no-repeat right;

width:379px;

height:105px;

min-height:105px;

text-indent:-999999px

}

h1{

 font-size:24px; 

 } 

 

 

h2{

 font-size:20px; 

 } 

 

h3{

 font-size:16px; 

 }

 

h4{

 font-size:12px;

 font-family:Verdana, Arial, Helvetica, sans-serif;

 margin:0px;

 padding:0px;

 margin-bottom:3px;

 line-height:12px;

 

 

 }

 

h5{

 font-size:10px; 

 }

  

h6{

 font-size:8px; 

 }   

h7{  



 font-size:16px; 

 color:#d36c07;

 }

/*	General Links			*/



a:link,a:active,a:visited,a:hover{

 color:#d36c07;

 outline: none; 

 text-decoration:none;

 }

a:hover{

 text-decoration:none;

 color:#222;

 }

 

 

/*	Top      		*/ 





#top {

 margin:0 0 6px 0;

 padding:0;

 }

 

 

/*	Header       		*/  





#header {

margin:0;

height:210px;

padding:0 10px;

padding-left:140px;
 background: url(../images/logo2.png) no-repeat center top;



}



#header h1{

 margin:0;

 padding:0;

 



 height:204px;

 text-indent:0px;
 text-align:right;
 vertical-align:bottom;

  }

 

.head-left {

 float:left;

 width:580px;

 } 

 

.head-right {

 float:right; width:340px; 

 font-family:Georgia, "Times New Roman", Times, serif;

 font-size:20px;

 margin:35px 0 0 0;

 color:#fcfbee;

 text-align:right;

 } 

 
#top-nav{ background: url(../images/top-nav-logo.png) no-repeat top; width:222px; height:35px; float:right}
#top-nav ul {

 margin: 0 10px 0 0;
 width:100%;

 padding: 6px 0 5px 0;

 list-style: none;

 padding-left:0px;



}

 

#top-nav li {

 float: left;

 margin: 0;

 padding: 0;

 }



#top-nav ul li a:link,#top-nav ul li a:active,#top-nav ul li a:visited {

 display: block;

 margin: 0;

 padding:5px 8px;



 text-decoration: none;

 font-size:11px;

 font-weight:bold;

 color:#f5b326;

 text-transform:uppercase;

 }

	

#top-nav ul li a:hover {

 display: block;

 color:#fff;

 text-decoration: underline;

 }

 

.current_page_item a:link, .current_page_item a:visited, .current_page_item a:active  {

 color: #fff !important;

 }


#top-nav li ul {

 position: absolute;

 width: 10em;

 left: -999em;

 }

 

#top-nav li:hover ul {

 left: auto;

 display: block;

}

	

#top-nav li:hover ul, #top-nav li.sfhover ul {

 left: auto;

}
  
 

/*	Nav       		*/



#nav{

 height:35px;

 margin:0;

 padding:0;  

 list-style: none; 

 }



#nav ul {

 margin: 0 10px 0 0;
 width:100%;

 padding: 6px 0 5px 0;

 list-style: none;

 padding-left:0px;



}

 

#nav li {

 float: left;

 margin: 0;

 padding: 0;

 }



#nav ul li a:link,#nav ul li a:active,#nav ul li a:visited {

 display: block;

 margin: 0;

 padding:5px 12px;

 border-left:1px solid #573723;

 border-right:1px solid #40291a; 

 text-decoration: none;

 font-size:12px;

 font-weight:bold;

 color:#f5b326;

 text-transform:uppercase;

 }

	

#nav ul li a:hover {

 display: block;

 color:#fff;

 text-decoration: underline;

 }

 

.current_page_item a:link, .current_page_item a:visited, .current_page_item a:active  {

 color: #fff !important;

 }



#nav li ul {

 position: absolute;

 width: 10em;

 left: -999em;

 }

 

#nav li:hover ul {

 left: auto;

 display: block;

}

	

#nav li:hover ul, #nav li.sfhover ul {

 left: auto;

}  





/*	Featured      		*/ 



#featured {

 background: url(../images/fea-bg2.jpg) repeat-x;

 height:365px;

 padding:15px 0 0 35px;

 }

 

#featured h1 {

 font-size:42px;

 line-height:1.2em;

 text-align:center;

 padding-top:30px;

 margin-bottom:30px; 

 }

 

#featured p{

 color:#706e64;

 font-size:16px;

 text-align:center;

 }  

 

.fea {

 background: url(../images/fea-img.png) no-repeat;

 padding:28px 13px 10px 25px ; 

 width:465px;

 height:335px;

 float:left;



 margin-right:20px;

 } 



 

 

 #featured-work {position:relative; float:left; width:320px; right:90px; top:50px; }

#featured-work img.ribbon {position:absolute; top:-4px; right:-25px; z-index:20;}

#featured-work img.featured-img {padding:10px; background:#fff;}

#featured-work p {background:#fff; padding:5px 10px;font-family:Georgia, "Times New Roman", Times, serif; font-size:13px;position:absolute; bottom:-8px; left:0;z-index:20;}

#featured-work p a {color:#e2710e;}

#featured-work p a:hover {color:#176c97; border-bottom:#e2710e 1px solid;}

/* Featured Slider */



.stepcarousel{

 position: relative; 

 overflow: scroll;

 width: 413px; 

 height: 335px; 

 margin:0 ;

 }



.stepcarousel .belt{

 position: absolute; 

 left: 0;

 top: 0;

 }



.stepcarousel .panel{

 float: left;

 overflow: hidden; 

 width: 413px; 

 margin:0;

 } 

  

  

.more a{

 width:214px;

 height:47px;

 display:block;

 text-indent:-9999em;

 overflow:hidden;

 margin-top:40px;

 margin-left:150px;

 float:left;

 margin-right:15px;

 display:block;

 background: url(../images/more.jpg) no-repeat;

 }

 

 

/*	Container      		*/  



#container {

 padding:0px;

 margin:30px 0 0 0;

 }

 

.clear{

 clear:both;

 } 

 

 .clearfix:after 

{

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

/*	Left Container      		*/  





#left-container{

 width:320px;

 float:left;

 padding-right:5px; 

 border-right:1px solid #e4d5a8;

 } 

 

#left-container h3 {

 font-size:22px;

 margin:0;

 padding:0;

 line-height:1.1em;

 }

 

.projects{

 background:#e5d39c;

 padding:5px;

 width:305px;

 margin-top:25px;

 } 

 

.projects img {

 padding:5px;

 width:140px;

 height:80px;

 } 

 

/*	Right Container      		*/  





#right-container{

 width:600px;

 float:left;

 margin-left:18px;

 padding-left:10px;

 }

 

#right-container h2{ 

 font-size:30px;

 line-height:1.1em;

 margin-bottom:15px;

 } 

 

#right-container h3{ 

 font-size:22px;

 line-height:1.1em;

 margin-bottom:15px;

 } 

 

#right-container h7{  



 font-size:16px; 

 color:#d36c07;

 }



 

.welcome {

 margin-bottom:20px;

 font-size:13px;

 } 

 

.welcome ul li {

 list-style:disc;

 margin:5px 0;

 padding:3px 0;

 } 

 

.sep{ background:url(../images/sep.png) no-repeat;

height:26px}


.sep2{ background:url(../images/sep2.png) no-repeat;

height:26px}


.services {

 }

 

.service-articles {

 width:545px;



 margin-right:10px;

 margin-bottom:25px;

 line-height:1%;

 } 

 

.service-articles p{

 margin:0 0 0 60px;

 padding:0;

 }  

 

.service-articles img {

 float:left;

 margin:5px 10px 0 0;

 } 

 

.teaminfo h4 {

 margin-bottom:10px;

 } 

 

.teaminfo {

 padding-top:25px;

 }

 

.teaminfo img {

 float:left;

 margin:0 10px 0 0;

 padding:5px;



 }

 

.port a{

 width:214px;

 height:47px;

 display:block;

 text-indent:-9999em;

 overflow:hidden;

 margin-top:40px;

 margin-left:60px;

 display:block;

 background: url(../images/port.jpg) no-repeat;

 }  

 

.left_divider{

 margin-top:30px;

 padding-top:20px;
 padding-left:0px;

 border-top:1px solid #e4d5a8;

 }

 

.skill ul {

 margin:20px 0 0 0;

 padding:0 0 0 0;

 }

  

.skill ul li{

 margin:4px 0;

 padding:5px 20px;

 background: url(../images/ok.png) 2px no-repeat;

 list-style:none;
 float:left;
 



 width:230px;

 }

.bands{padding-left:10px;}
.bands ul {

 margin:20px 0 0 0;

 padding:0 0 0 00;
 font-size:14px;

 }

  

.bands ul li{


 margin:4px 0;

 padding:5px 20px;
 padding-left:30px;

 background: url(../images/ok.png) 0px no-repeat;

 list-style:none;
 font-size:14px;



 width:230px;

 }
  

 

/*	Portfolio      		*/  



#portfolio {



 }

 

.port-article{

 width:320px;

 float:left;

 margin:10px 0 20px 0;

 padding:0;

 } 

 

.port-article img, .port-article h2, .port-article p{

 padding-left:10px;

 }

  

  

/*	Main Contact Form			*/ 



 

.main-contact-form form {

 padding:0;

 margin:20px 0 0 0; 

}



.main-contact-form form p{

 margin:0 0 10px 0;

 padding:0;

 } 



.main-contact-form fieldset { 

 border:1px solid #e4d5a8;

 margin:0 0 0 0;

 padding:7px 0 0 15px ;

 }

 

.main-contact-form input, .main-contact-form textarea, a { 

 outline: none; 

 }

 

.main-contact-form input {

 width: 200px;

 margin: 2px 0 6px 0;

 border-top: 1px solid #bbb;

 border-left: 1px solid #bbb;

 border-bottom: none;

 border-right: none;

 background:#fff;

 height:18px;

 font-size: 12px;

 padding:3px 0 3px 5px;

 color:#222; 

 }

 



.main-contact-form select {

 width: 208px;

 line-height:1.7em; 

 margin-bottom:10px;

}

  

.main-contact-form label {

 display: block;

 font-size: small;

 float:left;

 margin:0 10px 0 0;

 padding:7px 0 0 0;

 width:90px;

}



.main-contact-form textarea {

 width: 300px;

 height: 150px;

 display: block;

 border: 1px solid #bbb;

 background: #fff;

 margin:6px 0 0 0;

 padding:5px 0 0 5px;

 font-size: small;

 color:#111;

 }

 

.main-contact-form input.submit {

 color:#000;

 height:30px;

 margin:10px 0 0 100px;

 width:90px; 

 border: 1px solid #bbb; 

}  



#left-container .contact-detailes h3{

 margin-bottom:20px;

 }

 

.contact-detailes img {

 margin-bottom:22px;

 }

 



 

   

/*	Footer     		*/  





#footer {

 background:#504225;

 height:35px;

 margin-top:40px;

 color:#7d693f;

 text-align:center;  

 font-family:Georgia, "Times New Roman", Times, serif;

 } 

 

#footer p{

 padding-top:10px;

 } 

 

 

/*-------------------table styling--------------------*/

.zebra

{

width:100%;

border-collapse:collapse;

}

.zebra td, .zebra th 

{

font-size:1em;

border:1px solid #dfdfdf;

padding:1px 7px 1px 7px;

}

.zebra th 

{

font-size:1.1em;

text-align:left;

padding-top:2px;

padding-bottom:2px;

background-color:#866646;

color:#ffffff;

}

.zebra tr.alt td 

{

color:#000000;

background-color:#f0e4c4;

}



.zebra tr td.alte

{

color:#000000;

background-color:#f0e4c4;

}



.zebra tr td 

{

color:#000000;

background-color:#fcf8e6

}

.accom_list h1{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

margin:0px;

padding:0px;

margin-bottom:1px;

line-height:15px



}



.accom_list

{

width:550px;

padding-bottom:20px;

padding-top:20px;

background:url(../images/bottom_boder.png) repeat-x bottom;

}



.accom_img

{

width:180px;

float:left;

}



.accom_details

{

width:370px;

float:right;



}

.event_list

{



padding-bottom:20px;

padding-top:20px;

background:url(../images/bottom_boder.png) repeat-x bottom;

}

.event_list h4{

 font-size:12px;
  color:#d36c07;

 font-family:Verdana, Arial, Helvetica, sans-serif;

 margin:0px;

 padding:0px;

 margin-bottom:3px;

 line-height:12px;

 

 

 }
 
.title_vid{background: url(../images/title_bg.jpg) no-repeat; text-align:center; padding-top:5px}

.left_cat{padding-left:0px}






#intro {
    padding-bottom: 10px;
}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
	border: 10px solid #543725;
}

.scroll {
	overflow: hidden;
	width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 244px;
	height: 218px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #999;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 220px;
	
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #ccc;
}






.scrollButtons {
    position: absolute;
    top: 87px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}

.gallery_div img{border:1px #CCCCCC solid; padding:5px; margin:5px}

.comments
{
background:url(../images/comment_bg.png) no-repeat;
width:237px;
padding:35px;
line-height:18px;
height:302px;
color:#ab915e

}

.comments h1{ font-size:14px; font-weight:bold;color:#ab915e;  font-family:Arial, Helvetica, sans-serif;}

.sponsor_div{ margin-top:20px}
.sponsor{float:left; margin-left:15px;}
