/* ----- CSS Reset ----- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
img {display:block;}
legend {position:absolute; left:-9999px;}
input::-moz-focus-inner {padding:0; border:0;}
input:invalid, input:-moz-ui-invalid {border:0; outline:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
input:focus, select:focus, textarea:focus, button:focus {outline:none;}
.text input, textarea {-webkit-appearance:none; -webkit-border-radius:0;}
textarea {overflow:auto; resize:none;}

a {text-decoration:none; outline:none;}
a:hover, a:active, a:focus {text-decoration:underline;}
a[href^=tel]{color:inherit; text-decoration:none;}


.fr {float: right; padding: 0 0 30px 30px;}

em {font-style:italic;}

/* ----- Template Styles ----- */

h1 {font-size:30px; color:#272a31; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom:25px; margin-top:20px;}
h2 {font-size:22px; color:#80a6c5; margin-bottom: 20px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif}
h3 {font-size:18px; color:#5695e2; margin-top: 20px; margin-bottom: 20px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif}
h4 {font-size:16px; color:#1f1f1; margin-bottom: 20px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif}

a {color:#1f1f1f;}
a:hover, a:focus, a:active {color:#5695e2; text-decoration: none;}

.wrapper {width:960px; margin:0 auto; padding:0 10px;}

p, td, th {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
a {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
li {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
strong {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif}


nav ul ul {padding:0; margin:0;}
nav ul ul li {display:list-item; position:relative; padding: 0;}
nav ul ul li a {display: block; padding: 10px 0; min-width: 250px;}
nav ul ul {position:absolute; display:none;}
nav li:hover ul {display:block; background:#a7acb9; margin-left: -20px; padding-top: 30px; padding-bottom: 10px;}

#banner-carousel {position: relative;}
#carousel {height: 322px; display: block;}
#carousel li {float: left; height: 422px; width: 960px;}
#pager a {display: block; height: 12px; width: 12px; background: #fff; border: 1px solid #9baab1; margin-left: 2px; float: left; overflow: hidden; text-indent: -345em;}
#pager a.selected { background: #a5a8b7;}
#pager {position: absolute; right:42px;top:385px;}

/* ----- Header ----- */

#header {}
#main-logo {margin: 20px 0;}


	/* ----- Contact ----- */
	
	#contact {float:right; margin-top: -90px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#03223f;}
	#contact p {}
	#contact ul li {display:inline-block; margin-left: 35px;}
	#contact ul li a {color:#a7acb9;}
	#contact ul li a:hover, a:focus, a:active {color:#000;}
	
	
	/* ----- Nav ----- */
	
	#nav-wrap {width: 100%; background-color:#5695e2;  margin-bottom:10px; position: relative; z-index: 10000;}
	nav ul li {display:inline-block; padding: 15px 10px; margin-left: 20px; font-size: 18px; }
	nav ul li a {color:#fff;}
	nav ul li a:hover, a:focus, a:active {color:#272a31;}
	
	/* ----- Social ----- */
	
	#nav-wrap .wrapper {position: relative;}
	#social {}
	#social {color:#fff; position: absolute; right: 20px; top:20px;}
	nav ul#social li {padding: 0; margin-left: 8px;}
	#social .twitter {width: 17px; height: 18px;background: url(/assets/images/twitter-active.png); display: block;}
	#social .twitter:hover {background: url(/assets/images/twitter-inactive.png)}
	#social .facebook {width: 17px; height: 18px;background: url(/assets/images/facebook-active.png); display: block;}
	#social .facebook:hover {background: url(/assets/images/facebook-inactive.png)}	
	
	
	
	
	


/* ----- Content ----- */

#banner-carousel {margin-bottom:20px; border-bottom:#5695e2 solid 6px; height: 380px; width: 960px;}
#banner-carousel .banner-text {z-index:5; position:absolute; width:370px; min-height:1px; background-color:#fff; padding: 20px; border: 3px #5695e2 solid; text-align:right;top:120px; margin-left: 510px;}
.banner-text h1 {margin-bottom:10px; font-size:25px;}
.banner-text p {margin-bottom:20px; line-height:24px; font-size:13px;}
.banner-text a {color:#80a6c5;}
.banner-text a:hover, a:focus, a:active {color:#1f1f1f; text-decoration:none;}
#col-1, #col-2, #col-3 {float:left;}
#col-1 img, #col-2 img, #col-3 img {width: 295px; height: auto;}
#col-1 img {border: #80a6c5 solid 5px;}
#col-2 {margin: 0 22px;}
#col-2 img {border: #bf8d9c solid 5px; }
#col-3 img {border: #f6bd92 solid 5px;}
#stockist-text {background-color:#e2e9f2; min-height:111px; margin-bottom:20px;}
#products-text {background-color:#efe3e7; min-height:111px; }
#about-text {background-color:#fdf0e5; min-height:111px; margin-bottom:20px;}

.col-text {width:305px; text-align:center; padding:20px 0; line-height:24px;}
.col-text p {margin-bottom:20px; font-size:15px; color:#1f1f1f; padding: 0 20px;}
.jump-headings {margin-bottom:20px; font-size:20px; text-align:center;}

#text-col-1, #text-col-2 {float:left; width:440px; line-height:24px; padding: 20px; background-color:#5695e2;}
#text-col-1, #text-col-2 p {color:#fff; font-size:14px; }
#text-col-1 a {color:#80a6c5;} 
#text-col-1 a:hover, a:focus, a:active {color:#fff; text-decoration:underline;}


/* ----- Internal ----- */

#internal-image {margin-bottom:20px; width:960px; height; 213px;}
#right-col {float:right; width:660px;line-height:24px; margin-bottom: 100px; font-size:13px;}
#right-col a {color:#80a6c5; text-decoration:underline;}
#right-col a:hover, a:focus, a:active {text-decoration:none;}
#internal-heading {color:#1f1f1f; position:relative; float:right; margin-right:160px; top:122px;} 
.list {list-style-type:disc; margin-left:35px;}






/* ----- Side Column ----- */

aside {display:block; width:267px;}

#products-internal {border: 5px solid #5d3186;}
#stockist-internal {border: 5px solid #5695e2;}
#about-internal {border: 5px solid #f6bd92;}

#product-jumptext-internal {background-color:#5695e2; margin-bottom: 20px; width:237px;}
#stockist-jumptext-internal {background-color:#e2e9f2; margin-bottom: 20px; width:237px;}
#about-jumptext-internal {background-color:#fdf0e5; margin-bottom: 20px; width:237px;}
.internal-text {text-align:center; padding:20px; font-size: 13px; line-height:20px;}
.internal-text p {margin-bottom: 20px;}
.internal-text a {color:#1f1f1f; font-size: 13px;}
.internal-text a:hover, a:focus, a:active {color:#80a6c5; }



/* ----- Footer ----- */

#footer-wrap {clear:both; width:100%; height:35px;  border-top: 1px solid #e5e5e5; padding: 20px 0;}
#footer ul li {display:inline-block; margin-bottom: 10px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px;}
#footer p {font-size:13px;}
.credit {float:right; margin-top:-14px;}