body {
	color: #444;
}

hr.clear {
	background: #fff;
	color: #fff;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #555;
}

a#placeholder-logo {
	color: #006695;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
}

div.whoslogged {
	color: #000;
}

div#placeholder-hero {
	background: #51AFD9;
}

div#placeholder-box1 {
	background: #3FA6D5;
	color: #fff;
}

div#placeholder-nav {
	background: #1D8CBF;
	color: #fff;
}

div#placeholder-rss {
	text-align: right;
}

div#footer {
	color: #fff;
}

td.menu-item {
	color: #fff;	
}

td.menu-item-hover {
	color: #b1ffa7;
}

td.menu-item-selected {
	color: #78ff00;
}

td.submenu-item {
	background: #f9f9f9;
	color: #000;
	font-size: 11px;
	padding: 6px !important;
}

td.submenu-item-hover {
	background: #1D8CBF;
	color: #fff;
	font-size: 11px;
	padding: 6px !important;
}

td.submenu-item-selected {
	background: #000;
	color: #fff;
	font-size: 11px;
	padding: 6px !important;
}

/* @group Forms */

.secure-login, .newsletter-form, .announcement-list {
	background: transparent;
	border: none;
	border-bottom: 1px solid #aaa;
	padding-top: 9px;
	padding-bottom: 9px;
}

.announcement-list {
	border: none;
	padding: 18px 18px 3px;
}

.secure-login h3, .newsletter-form h3 {
	background: transparent;
	border-bottom: none;
	color: #222;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 6px 18px;
}

.secure-login div.form, .newsletter-form div.form {
	padding-left: 9px;
}

#placeholder-nav table td {cursor: pointer;cursor: hand; }    /* @end */

/* @group Links */

a:link, a:visited {
	color: #0085d1;
	text-decoration: none;	
}

a:hover, a:active {
	color: #0085d1;
	text-decoration: underline;
}

div#placeholder-box1 a {
	color: #112D3A;
}

#placeholder-nav table td {cursor: pointer;cursor: hand; }    /* @end */

/* @group Template Settings */

/* Don't touch these unless you know how CSS layouts work */

body {
	background: #8ACBE6;
	margin: 0;
}

div#bg {
	background:#FEFEFE url(/images/background.jpg) repeat-x 0 0;
}

body#sub div#bg {
	background: url(/images/cssimg/bg-12-1.png) repeat-x 0 -216px ;
}

div.container {
	background: ;
}

div#header-left {
	line-height: 90px;
}

div#header-right {
	text-align: right;
}

div#header-left, div#header-right {
	height: 90px;
}

div#placeholder-search input.cat_textbox_small {
	width: 150px;
}

div#placeholder-hero, div#placeholder-box1 {
	height: 216px;
}

div#placeholder-hero {
	margin: 0;
	width: 600px;
}

div#placeholder-box1 {
	overflow-x: hidden;
	overflow-y: auto;
	overflow: auto;
}

div#placeholder-nav {
	height: 36px;
	
}

div#placeholder-nav td {
	vertical-align: middle;
}

div#main div.inner {
	padding: 18px 30px 30px 0;
}

body#sub div#main div.inner {
	padding-right: 0;
}

div#placeholder-rss {
	height: 18px;
}

div#sub {
	background: #ddd;
}

div.whoslogged {
	height: 36px;
	line-height: 36px;
	text-align: right;
}

div#placeholder-rss {
	height: 16px;
	margin-bottom: 9px;
	text-align: right;
}

div#placeholder-rss img {
	margin: 0 9px;
	vertical-align: middle;
}

div#footer {
	background: url(/images/cssimg/bg-footer-12-1.png) repeat-x 0 0;
	height: 72px;
	padding-top: 18px;
}

#placeholder-nav table td {cursor: pointer;cursor: hand; }    /* @end */

#placeholder-box2{
	border:0px solid;
	background:#fff;
	padding-top:10px;
	padding-left:5px;
	}
#sponsor-logo{
	width:340px;
	}
#sponsor-logo img{
	padding:20px 10px;
	}	



<!-- ======= wrap up css ======= -->
.postHeading{
padding: 0px; 
font-size:12px;
margin: 0px; 
border-width: 0px; 
color: #f157d9;
 font-family: georgia;
}

.postTitle{
padding: 0px; 
font-weight:bold; 
margin: 0px; 
border-width: 0px; 
font-family: georgia; 
font-size: 18px; 
color: #000000;
}

/* gallery css */
.galleryOuter{
margin-top: -18px; 
padding:26px 0pt 0pt 29px; 
width: 921px;
}
.galleryMainBg{
background:url(../Images/Gallery/surfergirlsbackground.jpg) no-repeat center 341px;
}

#nextLink:hover, #nextLink:visited:hover, #nextBLink:hover, #nextBLink:visited:hover, #nextBLink{

	    background: transparent url(../Images/button-gallery.gif) no-repeat scroll right 15% !important;

}

/*#prevLink:hover, #prevLink:visited:hover, #prevBLink:hover, #prevBLink:visited:hover, #prevBLink {

	background:transparent url(../Images/button-gallery.gif) no-repeat scroll left 15% !important;
height:28px;
width:89px;
}*/
.photogalleryNavigation a{
	background:transparent url(../Images/button-gallery.gif) no-repeat scroll left 15% !important;
display:block;
height:26px;
width:89px;
color:#fff;
font-size:15px;
padding:2px 0 0 0;
text-align:center;
font-weight:bold;
}
div#gallery{
     background:url("//surfergirls.com.au//Images/Gallery/surfergirlsbackground.jpg") repeat-x;
 }

#prevBLink, #nextBLink {
display:block;
float:right;
height:32px !important;
width:63px !important;
}
#imageData #imageDetails {
float:none!important;
}
#prevLink:hover, #prevLink:visited:hover, #prevBLink:hover, #prevBLink:visited:hover, #prevBLiƒnk {
background:url("/catalystimages/prevlabel.gif") no-repeat scroll left 15% transparent!important;
}
#nextLink:hover, #nextLink:visited:hover, #nextBLink:hover, #nextBLink:visited:hover, #nextBLink {
background:url("/catalystimages/nextlabel.gif") no-repeat scroll right 15% transparent!important;
}
.wrapperN{
width: 600px;
}

/*-- ========= Header Css ============ --*/
.clear{clear:both;}
#header{
    margin-bottom: 4px;
    padding-top: 28px;
}
#header a.logo{
     background:url("../Images/logo.png") no-repeat;
        display: inline-block;
    height: 232px;
    overflow: hidden;
    text-indent: -55px;
    width: 296px;
}
#header .banner{
     background:url("../Images/banner_bg.png") no-repeat;
   float: right;
    height: 221px;
    padding: 11px 0 0 13px;
    width: 629px;
}

/*-- ========== Navigation css ============= --*/
#navigation{    margin-bottom: 11px;}
#navigation ul{
    margin: 0;
}
#navigation ul li{
	float:left;
    list-style:none;
       padding: 5px 0 0;
}
#navigation ul li a{
     color: #FFFFFF;
    display: block;
    font: 12px verdana,geneva,sans-serif;
      padding: 10px 9px 10px 8px;
    text-decoration: none;
    text-transform: uppercase;
}
#navigation ul li.selected a, #navigation ul li a:hover{
	background:#fd4ac6;
    border-radius: 8px 8px 8px 8px;
}
#navigation li.facebook{
float: right;
    list-style: none outside none;
    padding-top: 8px;
}
#navigation li.facebook a{
	background:url("../Images/facebook_icon.png") no-repeat;
 display: block;
    height: 32px;
    overflow: hidden;
    text-indent: -48px;
    width: 31px;
}

/*-- ========== Banner css ============= --*/
.banner{}
.banner .flex-direction-nav{ display:none; }
.banner .flexslider{
   height: 199px;
    overflow: hidden;
    position: relative;
 }
.banner .flexslider ul{
 margin: 0;
}
.banner .flexslider .slides li{    display: none;}
.banner .flexslider li{ list-style: none outside none;}
.banner .flexslider li img{}
.banner ol.flex-control-nav{
 bottom: 25px;
    float: right;
    margin: 0;
    position: relative;
    right: 17px;
}
.banner ol.flex-control-nav li{
   float: left;
    margin-left: 4px;
}
.banner ol.flex-control-nav li a{
background:url("../Images/slider_nav.png") no-repeat;
    cursor:pointer;
      display: inline-block;
    height: 16px;
    overflow: hidden;
    text-indent: -15px;
    width: 17px;
}
.banner ol.flex-control-nav li a.active, .banner ol.flex-control-nav li a:hover{
background:url("../Images/slider_nav.png") no-repeat -19px 0px;
}