@charset "UTF-8";
/* CSS Document */

body{
background:url(images/bg-page.jpg) repeat-x #5a4099;
margin:0;
padding:0;
font-family: 'NewSurferGirl', Arial, sans-serif;
}

@font-face {
	font-family: NewSurferGirl;
	src: url('fonts/newsurfergirl.ttf');
}

#container{
background:url(images/bg-purple.jpg) repeat-y;
padding:0;
margin:0 auto;
width:1000px;
}

#header{
background:url(images/header-bg.jpg) no-repeat;
width:1000px;
padding:0;
margin:0;
}
#selectregion{
width:960px;
height:70px;
margin:0;
padding:0;
}

#logo{
background:url(images/surfer-girl-logo.jpg) no-repeat;
width:960px;
padding:0;
margin:0;
height:158px;
}
#menuwrap{
background:url(images/bg-nav.jpg) repeat-x;
width:944px;
height:68px;
margin:0;
padding:0 8px;
list-style:none;
display:block;
clear:both;
text-align: center;
}
 
#menu{
height:68px;
margin:0 auto;
padding:0;
list-style:none;
display:inline-block; 

}
 

#menu li a { 
margin:0 1px;
padding:15px 16px 15px 16px;
background:#ffe88b url(images/bg-menu.gif) repeat-x;
color:#e2953c;
text-decoration:none;
-moz-border-radius:8px;
-moz-webkit-border:8px;
float:left;
text-shadow:1px 1px 1px #fff; 
-moz-box-shadow:inset 0 0 10px #e9aa52;
   -webkit-box-shadow:inset 0 0 10px #e9aa52;
   box-shadow:inset 0 0 10px #e9aa52;
   font-size: 20px;
 }
 
#menu li { 
cursor:pointer; 
float:left; 
position:relative;
margin:0;
padding:0;
font-size:22px;
letter-spacing:1px;
}

#menu li a:hover {
color:#be7624;
background:#fff9b6;
text-decoration:none;
}

      /* sub-menus*/
#menu ul { padding:0px; 
margin:0px; 
display:block; 

-moz-border-radius:8px;
-moz-webkit-border:8px;
float:left;
text-shadow:1px 1px 1px #fff; 
-moz-box-shadow:inset 0 0 10px #e9aa52;
-webkit-box-shadow:inset 0 0 10px #e9aa52;
box-shadow:inset 0 0 10px #e9aa52; 
}
       
#menu li ul { 
position:absolute; 
top:0px; 
margin-top:50px; 
padding:10px; 
font-size:12px; 
background-color:#fff9b6; 
color:#0395CC; /* for IE */  display:none;
z-index:2;
}
#menu li:hover ul { display:block;}
#menu li ul li{ 
display:block; 
margin:5px 10px; 
padding: 5px 0px;  
border-top: dotted 1px #e39b48; 
list-style-type:none; }
#menu li ul li:first-child { border-top: none; }

#menu li ul li a { 
display:block; 
color:#e2953c; 
font-size:16px; 
background: none; 
padding:0 10px; 
width:150px;
margin:0; 
float: left;
-moz-border-radius:0px;
-moz-webkit-border:0px;
text-shadow:1px 1px 1px #fff; 
-moz-box-shadow: none;
-webkit-box-shadow:none;
box-shadow:none; 
 }
#menu li ul li a:hover { color:#be7624; background:none;}
        /* main submenu */
#menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}
      

#mainslide{
background:#f390b0;
width:960px;
padding:0;
margin:0;
height:383px;
display:block;
clear:both;

}

#mainslide-long{
background:#f390b0;
width:960px;
padding:0;
margin:0;
display:block;
clear:both;

}

#leftarea{
width:280px;
padding:0;
margin:0;
display:block;
float:left;

}

#sidebar{
width:230px;
padding:0;
margin:10px auto;
/*border:1px solid #892891;*/
}

#sidebar-widget{
background:#ffdd7a;
margin:0px;
padding:0px;
-moz-border-radius:8px;
-moz-webkit-border:8px;
text-shadow:1px 1px 1px #fff; 


}

#sidebar-widget ul{
display:block;
padding:10px 0px 10px 0;
margin:0 0 20px 0;
list-style:none;
background:#fff9b6 url(images/bg-sidebar.jpg) top no-repeat;
-moz-border-radius: 0 0 8px 8px;
-moz-webkit-border: 0 0 8px 8px;
-moz-box-shadow:inset 0 0 10px #e9aa52;
   -webkit-box-shadow:inset 0 0 10px #e9aa52;
   box-shadow:inset 0 0 10px #e9aa52;
}
#sidebar-widget h1{
background:#ffdd7a;
color: #fff;
text-align:center;
display:block;
padding:10px;
margin:0 auto;
-moz-border-radius:8px 8px 0 0;
-moz-webkit-border:8px 8px 0 0;
text-shadow:1px 1px 1px #e9aa52; 
font-size:24px;
-moz-box-shadow:inset 0 0 10px #e9aa52;
   -webkit-box-shadow:inset 0 0 10px #e9aa52;
   box-shadow:inset 0 0 10px #e9aa52;
   letter-spacing:1px;
   height:30px;
}
#sidebar-widget ul li{
display:block;
padding:0px;
margin:0;
}

#sidebar-widget ul li a{
display:block;
padding:10px 15px;
color:#e49b44;
text-decoration:none;
font-size:14px;
letter-spacing:1px;
text-align:center;
background: none;
height: 20px;
}

#sidebar-widget ul li a:hover{
display:block;
padding:10px 15px;
color:#80d4f7;
font-size:17px;
letter-spacing:1px;
}

#rightarea{
width:625px;
padding:0 25px;
margin: 0 0 20px 0;
display:block;
float:right;
border-left:dashed 2px #fff;
color:#fff;
font-weight: normal;

}

#rightareablock{
padding:5px 20px;
margin: 12px 0px;
display:block;
color:#b25271;
font-weight: normal;
-moz-border-radius: 8px;
-moz-webkit-border: 8px;
text-shadow:1px 1px 1px #fff; 
background: #ffdde8;
   letter-spacing:1px;
   text-align: justify;
   font-size: 14px;
}

#rightarea h1{
color:#94425c;
text-shadow:1px 1px 1px #fff; 
margin: 10px 0;
}

#rightarea a{
color:#935296;
text-decoration: none;


}

#rightarea a:hover{
color:#b06eb3;
text-decoration: underline;

}

#rightarea h2{
color:#b06eb3;
text-shadow:1px 1px 1px #fff;
}
#content{
width:960px;
padding:0;
margin:0 auto;
}

#slideshow{
width:960px;
height:365px;
padding:0;
margin:0;
}

#news{
width:960px;
margin:0;
padding:0;

}


#news ul{
width:940px;
margin:0;
padding:10px;
list-style:none;
}

#news ul li{
display:block;
width:265px;
padding:10px;
background:#fff8a7;
float:left;
-moz-border-radius:20px;
-moz-webkit-border:20px;
text-shadow:1px 1px 1px #fff; 
-moz-box-shadow:inset 0 0 10px #e9aa52;
-webkit-box-shadow:inset 0 0 10px #e9aa52;
color:#8f1157;
margin:14px;
-moz-box-shadow: 5px 5px 15px #432f71;
  -webkit-box-shadow: 5px 5px 15px #432f71;
  box-shadow: 5px 5px 15px #432f71;

}
#news ul li a{
padding:0;
margin:0;
clear:both;
text-decoration:none;
color:#530c33;
display:block;
font-size: 18px;
}

#news ul li a:hover{
text-decoration:underline;
color:#530c33;
}
#footer{
width:940px;
height:40px;
padding:10px;
margin:0;
text-align:right;
color:#FFFFFF;
font-size:12px;
}

#footer a{
color:#fff8a7;
text-decoration:none;
}

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


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	
}
/*--Window/Masking Styles--*/
.window {
	height:383px;	width: 960px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
	z-index:1;
}
.image_reel img {float: left;
border:0;
}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: -20px; right: -7px;
	width: 150px; height:39px;
	/*z-index: 100; --Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 32px;
	background: url(images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	font-size:14px;
}
.paging a {
	padding: 2px 6px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#FFCC00;
	font-weight:normal;
	padding: 2px 6px;
}
.paging a:hover {font-weight: bold;
color:#FFCC00;
	font-weight:normal;}
	

#catalog{
margin:0;
padding:0 0 20px 0;

}


#catalog ul{
width:580px;
margin:0;
padding:0px;
list-style:none;
}

#catalog ul li{
display:block;
width:160px;
padding:10px 10px 5px 10px;
background:#fff8a7;
float:left;
-moz-border-radius:20px;
-moz-webkit-border:20px;
text-shadow:1px 1px 1px #fff; 
-moz-box-shadow:inset 0 0 5px #a86379;
-webkit-box-shadow:inset 0 0 5px #a86379;
color:#8f1157;
margin:0px 5px 15px 5px;
-moz-box-shadow: 5px 5px 10px #a86379;
  -webkit-box-shadow: 5px 5px 10px #a86379;
  box-shadow: 5px 5px 10px #a86379;
  height: 200px;
}
#catalog ul li img{
padding:0;
margin:0 0 5px 0;
clear:both;
width: 160px;
height: 160px;
display:block;
-moz-border-radius:20px;
-moz-webkit-border:20px;
background: #fff;
}


#catalog ul li a{
padding:0;
margin:5px 0px 0px 0px;
text-decoration:none;
color:#530c33;
display:block;
font-size: 12px;
border:1px solid #000;
}

#catalog ul li a:hover{
text-decoration:underline;
color:#530c33;
}


#sidebar-widget-banner{
background:#ffdd7a;
margin:0px;
padding:0px;
-moz-border-radius:8px;
-moz-webkit-border:8px;
text-shadow:1px 1px 1px #fff; 


}

#sidebar-widget-banner ul{
display:block;
padding:10px 0px 10px 0;
margin:0 0 20px 0;
list-style:none;
background:#fff9b6 url(images/bg-sidebar.jpg) top no-repeat;
-moz-border-radius: 0 0 8px 8px;
-moz-webkit-border: 0 0 8px 8px;
-moz-box-shadow:inset 0 0 10px #e9aa52;
   -webkit-box-shadow:inset 0 0 10px #e9aa52;
   box-shadow:inset 0 0 10px #e9aa52;
}
#sidebar-widget-banner h1{
background:#ffdd7a;
color: #fff;
text-align:center;
display:block;
padding:10px;
margin:0 auto;
-moz-border-radius:8px 8px 0 0;
-moz-webkit-border:8px 8px 0 0;
text-shadow:1px 1px 1px #e9aa52; 
font-size:24px;
-moz-box-shadow:inset 0 0 10px #e9aa52;
   -webkit-box-shadow:inset 0 0 10px #e9aa52;
   box-shadow:inset 0 0 10px #e9aa52;
   letter-spacing:1px;
   height:30px;
}
#sidebar-widget-banner ul li{
display:block;
padding:0px;
margin:0;
}

#sidebar-widget-banner ul li a{
display:block;
padding:10px 15px;
color:#e49b44;
text-decoration:none;
font-size:14px;
letter-spacing:1px;
text-align:center;
background: none;
}

#sidebar-widget-banner ul li a:hover{
display:block;
padding:11px 15px 10px 17px;
color:#80d4f7;
font-size:17px;
letter-spacing:1px;
}