/*
	Swim NE Style Sheet
	Developed by Mobious Limited
	Date:   16/10/2009
*/

/*
=========================
MAIN CONTROLS FOR STYLES
=========================
*/
body {
	background:#fff;
	font-family:"Trebuchet MS", sans-serif, Arial;
}
/* A HACK FOR IE6 */
body, html {
	height:100%;
}
/* Main designs wrapper area */
#container {
	background:url(../assets/core/container-fix2.jpg) repeat-x #030373; 
	border-collapse:collapse;
	border:1px solid #000;
	margin:0 auto;
	width:800px;
	overflow:hidden;
}
/* Remove border when images have hyperlink addresses */
img {
	border:none;
}
a, a:link, a:active, a:visited {
        font-family:"Trebuchet MS", sans-serif, Arial;
        font-size:12px;
        color:#fff;
  	text-decoration:underline;
}
a:hover, a:focus {
        font-family:"Trebuchet MS", sans-serif, Arial;
  	font-size:12px;
        color:#fff;
  	text-decoration:none;
}
/*
=====================
HEADER
=====================
*/
#header {
	width:324px;
	height:80px;
	margin:38px 0 0 21px;
	background:url(../assets/core/swim-ne-logo2.jpg) no-repeat;
	display:block;
}
/* Email link graphic for header */
#email {
	background:url(../assets/core/info-swim-ne.jpg) no-repeat;
	display:none;
	width:214px;
	height:21px;
	position:relative;
	top:-30px;
	left:570px;
}
	#email a {
		text-indent:-999px;
		display:block;
		font-size:0;
		line-height:0;
		overflow:hidden;
		width:214px;
		height:21px;
	}
/* Home Link */
#homelink a{
	width:800px;
	height:215px;
	position:absolute;
	/* IE RELATED HACKS */
	display:block;
	text-indent:-999px;
	line-height:0;
	font-size:0;
}
#breadcrumbs {
        color:#fff;
	padding:0 0 10px 0;
        font-family:"Trebuchet MS", sans-serif, Arial;
        font-size:13px;
}
        #breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:visited {
                font-family:"Trebuchet MS", sans-serif, Arial;
                font-size:13px;
                color:#fff;
                text-decoration:underline;
     	}
 	#breadcrumbs a:hover, #breadcrumbs a:focus {
                font-family:"Trebuchet MS", sans-serif, Arial;
                font-size:13px; 
                color:#fff;
                text-decoration:none;
        }

/*
=====================
USER MODULE
=====================
*/

/* Login and Basket Related */
#user-module {
	width:304px;
	height:46px;
	position:relative;
	top:23px;
	left:481px;
}
	/* Top and Bottom bevels for module (also include main background for content area */
	.module {
		float:left;
	}
	.module-top {
		background:url(../assets/core/module-header-top-bg.jpg) no-repeat;
		width:142px;
		height:6px;
		display:block;
		overflow:hidden;
	}
	.module-content {
		background:url(../assets/core/module-header-main-bg2.jpg) repeat-y;
		width:127px;
		height:38px;
		padding:0 0 0 15px;
		font-family:"Trebuchet MS", sans-serif, Arial;
		font-weight:bold;
		font-size:12px;
		color:#f78f1e;
	}
	/* Sets the main title for the Module */
	.module-content .title {
                font-family:"Trebuchet MS", sans-serif, Arial;
                font-weight:bold;
                font-size:15px;
                color:#f78f1e;
	}
	/* Links for Module content */
	.module-content a, .module-content a:link, .module-content a:active, .module-content a:visited {
		font-family:"Trebuchet MS", sans-serif, Arial;
		font-weight:normal;
		font-size:12px;
		color:#f78f1e;
		text-decoration:none;
	}
	.module-content a:hover, .module-content a:focus {
		font-family:"Trebuchet MS", sans-serif, Arial;
		font-weight:normal;
		font-size:12px;
		color:#f78f1e;
		text-decoration:underline;	
	}
	.module-bottom {
		background:url(../assets/core/module-header-bottom-bg2.jpg) no-repeat;
		width:142px;
		height:7px;
		display:block;
		overflow:hidden;
	}
/*
=====================
TOP NAVIGATION
=====================
*/
#navigation {
	clear:left;
	width:800px;
	height:36px;
	background:url(../assets/core/nav-bg2.jpg) repeat-x;
	position:relative;
	top:5px;
}
	#navigation ul {
		list-style:none;
		margin:0;
	}
		#navigation ul li {
			font-family:"Trebuchet MS", sans-serif, Arial;
			font-weight:normal;
			color:#fff;
			display:inline;
			padding:0;
			margin:0;
		}
		
/* Classes for navigation items */
#navigation .home {
	width:58px;
	height:34px;
	float:left;
	margin:0;
	padding:0;
	text-indent:-999px;
	overflow:hidden;
}
#navigation .spacer {
	width:8px;
	height:34px;
	float:left;
	margin:0;
	padding:0;
	text-indent:-999px;
	overflow:hidden;
}
#navigation .about {
	width:85px;
	height:34px;
	float:left;
	margin:0;
	padding:0;
	text-indent:-999px;
	overflow:hidden;
}
#navigation .contact {
	width:99px;
	height:34px;
	float:left;
	margin:0;
	padding:0;
	text-indent:-999px;
	overflow:hidden;
}
#navigation .locations {
	width:94px;
	height:34px;
	float:left;
	margin:0;
	padding:0;
	text-indent:-999px;
	overflow:hidden;
}
#navigation .what {
	width:110px;
	height:34px;
	float:left;
	margin:0;
	padding:0;
	text-indent:-999px;
	overflow:hidden;
}
#navigation .shop {
	width:54px;
	height:34px;
	float:left;
	margin:0;
	padding:0;
	text-indent:-999px;
	overflow:hidden;
}
#navigation .links {
	width:58px;
	height:34px;
	float:left;
	margin:0;
	padding:0;
	text-indent:-999px;
	overflow:hidden;
}
#navigation .home a, #navigation .home a:active, #navigation .home a:visited, #navigation .home a:link  {
	background:url(../assets/core/navigation/alt/home.jpg) no-repeat;
	display:block;
	height:34px;
	cursor:pointer;
}
#navigation .home a:hover, #navigation .home a:focus {
	background:url(../assets/core/navigation/alt/home-active.jpg) no-repeat;
	display:block;
	height:34px;
	cursor:pointer;
}
#navigation .about a, #navigation .about a:active, #navigation .about a:visited, #navigation .about a:link {
	background:url(../assets/core/navigation/alt/about.jpg) no-repeat;
	display:block;
	height:34px;
	cursor:pointer;	
}
#navigation .about a:hover, #navigation .about a:focus {
	background:url(../assets/core/navigation/alt/about-active.jpg) no-repeat;
	display:block;
	height:34px;
	cursor:pointer;	
}
#navigation .contact a, #navigation .contact a:active, #navigation .contact a:visited, #navigation .contact a:link {
	background:url(../assets/core/navigation/alt/contact.jpg) no-repeat;
	display:block;
	height:34px;
	cursor:pointer;	
}
#navigation .contact a:hover, #navigation .contact a:focus {
	background:url(../assets/core/navigation/alt/contact-active.jpg) no-repeat;
	display:block;
	height:34px;
	cursor:pointer;		
}
#navigation .locations a, #navigation .locations a:active, #navigation .locations a:visited, #navigation .locations a:link {
	background:url(../assets/core/navigation/alt/locations.jpg) no-repeat;
	display:block;
	height:34px;
	cursor:pointer;		
}
#navigation .locations a:hover, #navigation .locations a:focus {
	background:url(../assets/core/navigation/alt/locations-active.jpg) no-repeat;
	display:block;
	height:34px;
	cursor:pointer;		
}
#navigation .what a, #navigation .what a:active, #navigation .what a:visited, #navigation .what a:link {
	background:url(../assets/core/navigation/alt/what-we-do.jpg) no-repeat;
	display:block;
	height:34px;
	cursor:pointer;	
}
#navigation .what a:hover, #navigation .what a:focus {
	background:url(../assets/core/navigation/alt/what-we-do-active.jpg) no-repeat;
	display:block;
	height:34px;
	cursor:pointer;			
}
#navigation .shop a, #navigation .shop a:active, #navigation .shop a:visited, #navigation .shop a:link {
	background:url(../assets/core/navigation/alt/shop.jpg) no-repeat;
	display:block;
	height:34px;
	cursor:pointer;		
}
#navigation .shop a:hover, #navigation .shop a:focus {
	background:url(../assets/core/navigation/alt/shop-active.jpg) no-repeat;
	display:block;
	height:34px;
	cursor:pointer;	
}
#navigation .links a, #navigation .links a:active, #navigation .links a:visited, #navigation .links a:link {
	background:url(../assets/core/navigation/alt/links.jpg) no-repeat;
	display:block;
	height:34px;
	cursor:pointer;	
}
#navigation .links a:hover, #navigation .links a:focus {
	background:url(../assets/core/navigation/alt/links-active.jpg) no-repeat;
	display:block;
	height:34px;
	cursor:pointer;	
}

		
/* Link styles for Top Navigation */
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited {
	font-family:"Trebuchet MS", sans-serif, Arial;
	font-size:15px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}
#navigation ul li a:hover, #navigation ul li a:focus {
	font-family:"Trebuchet MS", sans-serif, Arial;
	font-size:15px;
	font-weight:normal;
	color:#2d2c2e;
	text-decoration:none;
}
/*
=====================
MAIN CONTENT
=====================
*/
.clearleft {
	clear:both;	
}
#main {
	background:url(../assets/core/main-bg2.jpg) repeat-x #0055a5;
	width:785px;
	min-height:330px;
	padding:20px 0 0 15px;
}
	/* LEFT CONTENTS BOX */
	#content-left {
		float:left;
		width:496px;
	}
	/* Box to holdall left-hand main content */
	.content-left {
		padding:0 0 0 16px;
		border-left:2px solid #fff;
		border-right:2px solid #fff;
		width:470px;
		min-height:400px;
		color:#231f20;
	}
	/* Box to hold all right-hand main content */
	.content-right {
		padding:0 0 0 16px;
		border-left:2px solid #fff;
		border-right:2px solid #fff;
		width:232px;
		min-height:250px;
		color:#231f20;
	}
		/* Contents Header style */
		#content-left .content-left h1 {
			font-family:"Trebuchet MS", sans-serif, Arial;
			font-size:19px;
			padding:9px 0 16px 0;
			margin:0;
			color:#fff;
		}
		#content-right .content-right h1 {
			font-family:"Trebuchet MS", sans-serif, Arial;
			font-size:14px;
			padding:9px 0 16px 0;
			margin:0;
		}
			.content-left span {
				font-size:12px;
				display:block;
			}
			/* Use this class for content elements such as paragraphs, sets the padding to make a pseudo paragraph style */
			span.copy {
				width:452px;
				padding:0 0 10px 0;
				color:#fff;
			}
		/* styles for top and bottom bevel */
		.top-left {
			background:url(../assets/core/content-top-bevel2.jpg) no-repeat;
			width:490px;
			height:6px;
			display:block;
			overflow:hidden;
		}
		.bottom-left {
			background:url(../assets/core/content-bottom-bevel2.jpg) no-repeat;
			width:490px;
			height:8px;
			display:block;
			overflow:hidden;
		}
		
		/* MODULES FOR RIGHT CONTENT */
		#shopmodule {
			background:url(../assets/core/shop-module2.png) no-repeat;
			display:block;
			width:235px;
			height:180px;
			margin:0 0 17px 0;
			padding:0 0 0 15px;
		}
			#shopmodule h2 {
				font-family:"Trebuchet MS", sans-serif, Arial;
				font-size:19px;
				line-height:19px;
				margin:0;
				padding:10px 0 10px 0;
			}
			#shopmodule img {
				border:1px solid #0055a5;	
				float:left;
			}
			#shopmodule .info {
				font-family:"Trebuchet MS", sans-serif, Arial;
				font-size:11px;
				float:left;	
				padding:40px 0 0 5px;
			}
				#shopmodule .price {
					float:left;
					font-family:"Trebuchet MS", sans-serif, Arial;
					font-size:16px;	
					padding:0 0 0 5px;
				}
			#shopmodule .visitshop, #shopmodule .visitshop a, #shopmodule .visitshop a:link, #shopmodule .visitshop a:active, #shopmodule .visitshop a:visited {
				clear:left;
				display:block;
				font-family:"Trebuchet MS", sans-serif, Arial;
				font-size:11px;	
				font-weight:bold;
				color:#000;
				text-decoration:none;
			}
                        #newsmodule {
                                display:block;
                                width:251px;
                        }
                                #newsmodule .inner {
                                        height:150px;
                                        width:221px;
                                        overflow:auto;
 	                                background:#efc302;
                                        margin:0 0 17px 0;
                                        padding:0 15px 0 15px;
                                }
                        #newsmodule .top {
				position:relative;
				top:1px;
                                background:url(/assets/core/alt-news-bev-top.png) no-repeat;
                                display:block;
                                width:251px;
                                height:6px;
                        }
                        #newsmodule .bottom {
                                position:relative;
                                top:-17px;
                                background:url(/assets/core/alt-news-bev-bottom.png) no-repeat;
                                display:block;
                                width:251px;
                                height:6px;
                        }
			#newsmodule h2 {
				font-family:"Trebuchet MS", sans-serif, Arial;
				font-size:19px;
				line-height:19px;
				margin:0;
				padding:10px 0 10px 0;
			}
				#newsmodule span {
					font-family:"Trebuchet MS", sans-serif, Arial;
					font-size:12px;	
					color:#000;
				}

	/* RIGHT CONTENTS BOX */
	#content-right {
		float:left;
		width:250px;
		height:auto;
		padding:0 0 0 21px;
	}
/*
=====================
FOOTER CONTENT
=====================
*/
#footer {
	clear:both;
	font-family:"Trebuchet MS", sans-serif, Arial;
	background:url(../assets/core/footer-bg2.jpg) no-repeat;
	width:800px;
	height:173px;
	display:block;
	color:#f78f1e;
}
/* Copyright notice */
.copyright {
	background:#fff;
        height:56px;
        font-family:"Trebuchet MS", sans-serif, Arial;
        font-size:11px;
        color:#000;
        float:left;
        padding:5px 0 0 0;
}
/* Links to Privacy Policy and Terms and conditions */
.legal {
        width:420px;
        height:56px;
        background:#fff;
        text-align:right;
        font-family:"Trebuchet MS", sans-serif, Arial;
        font-size:11px;
        color:#000;
        font-weight:normal;
        float:right;
        padding:5px 0 0 0;
}
.legal a, .legal a:link, .legal a:active, .legal a:visited {
        font-family:"Trebuchet MS", sans-serif, Arial;
        font-size:11px;
 	    font-weight:normal;
        color:#0055a5;
        text-decoration:none;
}
.legal a:hover, .legal a:focus {
        font-family:"Trebuchet MS", sans-serif, Arial;
 	font-size:11px;
        font-weight:normal;
        color:#0055a5;
        text-decoration:underline;
}
#subcontainer {
	margin:0 auto;
	border-collapse:collapse;
	width:800px;
}

/* TUMBLR STYLES */
 	#tumblr-badge {
	        font-family:"Trebuchet MS", sans-serif, Arial;
	        font-size:12px;
		color:#000;
                margin:0;
	        padding:0;
 	        overflow:auto;
        }
        
        #tumblr-badge ul {
                list-style:none !important;
                margin:0;
                padding:0;
 	}
        #tumblr-badge a {
                color:#000;
                font-size:14px;
        }
        .tumblr_title {
 	        font-size:13px;
                font-weight:bold;
        }
 	.tumblr_date {
                font-size:9px;
        }                                                             

        /* Blog Styles */
        #content-left h1 a {
                line-height:20px;
                margin:0;
                padding:0;
                font-size:20px;
                text-decoration:none;
        }
        #description {
                color:#fff;
        }
        #description a {
                font-size:12px !important;
        }
        #posts {
                margin:0;
                padding:0;
                list-style:none;
                color:#fff;
        }
        #posts h3, #posts h3 a {
                font-size:20px;
                color:#fff;
        }
        #prev-next {
                color:#fff;
        }

/* Sections for What we do */
hr {
	margin:10px 0 0 0;
	background:#fff;
	border:1px solid #fff;
	height:1px;
}
#sections {
	margin:10px 0 0 0;
	width:470px;
}
#sections .sectionelement {
	float:left;
	width:221px;
	height:58px;
	margin:0 8px 8px 0;
}
	/* Sub section buttons */
#subsections {
	margin:10px 0 0 0;
        width:470px;
}
#subsections .subsectionelement {
  	float:left;
        width:146px;
        height:58px;
        margin:0 8px 3px 0;
}
#subsections .subsectionelement img {
		border:none;
}

.content-left img {
	border:2px solid #f8d83d;
	margin:0 10px 10px 0;
}
#content-left h2 {
 	font-family:"Trebuchet MS", sans-serif, Arial;
        font-size:12px;
	font-weight:normal;
        color:#fff;
}