html, body {
	margin:				0px;
	padding:				0px;
	font-family:			verdana;
	text-align:			justify;
	font-size:				12px;
	text-align:			center;
	color:				#2e1c03;
}
body{
	background:			url("images/pink-bg.jpg") repeat-y center #fff;
}
#container {
	text-align:			center;
	border-left:			1px solid grey;
}

#site {
	margin:				0px auto;
 	width:				708px;
	
	text-align:			left;
	clear:				both;
	background:			#DB8305;
}
#top{
	position:				relative;
	background:			url('images/top-logo.jpg') no-repeat;
	height:				256px;
	width:				710px;
}
#top p{
	margin:				0px;
	padding:				0px;
}
#nav{
	float:left;
	width:			150px;
	padding-left:		24px;
}
##nav{
	padding-left:		0px;
	padding-top:0px;

}
#nav ul{
	list-style:		none;
	margin:		-0px;
	margin-left:	-40px;
}
#nav ul li{
	float:		left;	
	width:		160px;
}
#nav ul li a{
	width:		100px;
	height:		29px;
	padding-top:	0px;
	margin:		0px;
	font:			9px;	
	display:		block;
}

#nav ul li.off{
	
}
#nav ul li a:hover{
	
}
#swim-animation{
	float:right;
	width:	137px;
}
#main-container{
	background:			url('images/main-bg.jpg') #DB8305 no-repeat;
	width:				710px;
	min-height:			480px;
	padding-top:			50px;
}

#left-container{
	float:			left;
	width:			283px;
	height:			392px;
	margin:			9px 0px 0px 1px;
	background:		url('images/left-bg.jpg') no-repeat;
}

#left-container #left-content{
	width:			170px;
	height:			340px;
	margin-left:		100px;
	margin-top:		5px;
}
#left-container #extra-links{
	width:			160px;
	margin:			10px 0px;
}
#left-container #extra-links a{
	color:			#000;
	font-size:			11px;	
}

#left-container #left-content span{
	float:right;
	
}

#left-container #left-content span img{
	margin-top:		100px;
	background:red;
	
}


#left-content ul{
		list-style:			none;
}
#left-content ul li{
		margin:			10px 0px;
}
#left-content ul li a{
		color:			#fff;
		font-size:			11px;
		text-decoration:	none;
		
}



#swimwear ul{
		list-style:			none;
}
#swimwear ul li{
		margin:			10px 0px;
}
#swimwear ul li a{
		color:			#fff;
		font-size:			14px;
		text-decoration:	none;
		
}

#right-container{
	display:			block;
	float:			left;
	background:		url('images/bg-main-content.jpg') top no-repeat #fff;
	width:			405px;	
	margin-bottom:	20px;
	
}
#right-content{
	margin:			9px;
	padding:			10px 5px;
	min-height:		300px;
	
}
.right-container-bottom{
	background:		url('images/right-container-bottom.jpg')  no-repeat #DB8305;
	line-height:		10px;
	width:			405px;
}
#mission{
	background:	url('images/mission-bg.jpg') no-repeat;
	padding:		10px;
}
#cat-heading{
	margin-bottom:	20px;
}
#activewear, #swimwear{
	width:		175px;
}
#activewear .activewear-cat, #swimwear .swimwear-cat{
	float:		left;
	width:		70px;
	height:		50px;
	margin:		5px;
}
#activewear .activewear-cat a img , #swimwear .swimwear-cat a img{
	border:		1px solid black;
}
#next{
	display:		block;
}
.gallery-pic{
	float:		left;
	margin-right:	5px;
	margin:		5px;
}
#gallery-details{
	background:		url('images/detail-bg.jpg') no-repeat;
	font-size:			10px;
	width:			140px;
	height:			90px;
	margin-bottom:	10px;
	float:			right;
	margin-right:		8px;
	position:relative;
}

#gallery-details p{	
	width:	140px;
	background:	url('images/gallery-details-line.jpg') bottom left no-repeat;
	
}

#gallery-details span.title{
	width:		50px;
	height:		25px;
	float:		left;
	
}
#gallery-details span.info{
	height:		25px;
	width:		80px;
	float:		left;
}
##gallery-details p{
	margin:		3px 0px;
	padding:		0px;
}
#footer{
	height:		50px;
	background: 	#2E1C04;
	width:		710px;
	font-size:		11px;
	color:		#898989;
	clear:		both;
}
#footer #belosol{
	float:		left;
	margin-left:	10px;
	margin-top:	20px;
}
#footer #serious{
	float:		right;
	margin-right:	10px;
	margin-top:	20px;
}
#footer #serious a{
	font-weight:	normal;
	color:		#898989
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clear{
   clear:      		both;
   font-size:    		1px;
   line-height:    	0px;
   height:     		1px;
   background:           transparent !important
 }

hr{
	border:			1px dotted #FF6633;
	
}

h1 {
	color: #e61660;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}


h2 {
color: #54301a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

h3 {
color: #F68026;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}