/*========CSS RESET=========*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style:  none;
	font-family: Tahoma;
}

nav, article, section, aside, header {display: block;}

a{color:#91867e;}

p{font-size: 12px; color:#91867e;}

/*===HTML5 BEGINS HERE!!!!!!!!===*/

html, body {overflow-x: hidden;}
body{background:#91867e; width:800px; margin:0 auto; font-family: 'Arial' !important;}

/*====START OF HEADING STYLE====*/

.logo{	}
.ie7 .logo{position:relative;}

header{padding-top:30px; margin-bottom: 30px; position: relative;}
section#contact{float:right; margin-top:3px; color:#fff; font-size: 12px; text-align: right; line-height: 26px;}
section#contact a{color:#fff; text-decoration: none;}
section#contact a:hover{color:#99CC99; text-decoration: none;}
.ie8 section#contact{float:right; margin-top:3px; color:#fff; font-size: 12px; text-align: right; line-height: 26px; margin-right: 50px;}
.ie7 section#contact{float:right; margin-top:3px; color:#fff; font-size: 12px; text-align: right; line-height: 26px; margin-right: 50px; position: absolute; top:30px; right:0px;}
nav{float:right; margin:44px; font-size: 12px;}
nav ul{list-style: none; display: inline; }
.ie8 nav ul li{display: inline;margin-left: 13px; color:#91867e; font-weight: 400;}
.ie7 nav ul li{display: inline;margin-left: 13px; color:#91867e; font-weight: 400;}
nav ul li{display: inline;margin-left: 15px; color:#91867e; font-weight: 400;position: relative;}
nav ul li a{color:#91867e; font-weight: 400; text-decoration: none; text-transform:uppercase}
nav ul li a:hover{color:#99cc99;}
nav ul li a.active{color:#99cc99;}
.clear{clear:both; float: none;}

/*====~END OF HEADING STYLE====*/

section#wrapper{background:#fff;width:800px; margin-bottom: 40px;}
section#content-left{width:280px; float:left;}
section#content-left a{color:#91867E; text-decoration: none;}
section#content-left a:hover{color:#99CC99; text-decoration: none;}
section#content-gallery{width:750px; float:left;}
section#content-gallery p{margin-left: 50px; font-size: 12px; margin-bottom: 10px; color:#91867e;}
section#content-left p{margin-left: 50px; font-size: 12px; margin-bottom: 10px; color:#91867e;}

section#content-right{float:right; margin-right:40px; margin-bottom:60px; z-index:1000;}
.ie7 .right-image{float:right;}
article#directors{float:right;width:430px; margin-top: 30px; font-size: 12px; color:#91867e; line-height: 25px;}
.ie7 article#directors{float:right;width:440px; margin-top: 40px; font-size: 12px; color:#91867e; line-height: 25px;}
.ie8 article#directors{float:right;width:440px; margin-top: 40px; font-size: 12px; color:#91867e; line-height: 25px;}
article#directors h3{font-size: 12px; color:#91867e; margin-bottom: 25px;}
article#directors ul{display: block;}
article#directors ul li{list-style: disc; margin-left: 13px; line-height: 17px; padding-bottom: 4px;}
.ie7 article#directors ul li{list-style: disc; margin-left: 15px;}
article#directors.pop-up-text{margin:0; padding:0;}

article#social-media{margin:90px 0 40px 50px;}
article#social-media ul{width:50px;}
article#social-media ul li{display: inline;}

ul#product-list{display:block; width:444px; position: relative; left:17px;}
.ie7 ul#product-list{display:block; width:444px; position: relative; left:20px;}
.ie8 ul#product-list{display:block; width:444px; position: relative; left:8px;}
ul#product-list li{display:inline; width:370px; float:left; margin-bottom: 20px; margin-right: 12px;}
span.right-text{width:245px; font-size: 10px;color:#91867e;float:right;padding-left: 5px; }
span.right-text p{padding-bottom: 8px; font-size: 10px;}
ul#product-list li img{float:left;}

ul#product-list-single{ width:444px; position: relative; left:17px;}
.ie7 ul#product-list-single{display:block; width:444px; position: relative; left:20px;}
.ie8 ul#product-list-single{display:block; width:444px; position: relative; left:8px;}
ul#product-list-single li{display:inline; width:420px; float:left; margin-bottom: 20px; margin-right: 12px;}
span.right-text2{width:205px; font-size: 10px;color:#91867e;float:right;padding-left: 5px; }
span.right-text2 p{padding-bottom: 8px; font-size: 10px;}
ul#product-list-single li img{float:left;}



ul#kit-links{margin-top: 20px; font-size: 12px; text-transform: uppercase; text-decoration: none;}
.ie7 ul#kit-links{ margin-top:20px; font-size: 12px; text-transform: uppercase; text-decoration: none; position: relative; top:20px;}
ul#kit-links li{margin:10px 0;}
ul#kit-links li a{padding-left: 50px;text-decoration: none;}
ul#kit-links li a:hover{color:#99cc99;}

ul#kit-links li a.kit-select{background:url(../images/selected-kit.jpg) no-repeat; background-position: 0% 45%; color:#99cc99 !important;}

ul#terms{position: relative; top:35px; left:-26px; right:0; }
ul#terms li{margin:0; padding:0;list-style: decimal !important; }

/*===carousel===*/
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
	z-index: 1000;

}
.theme-default .nivoSlider img {
	position:relative;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:;
	bottom:-28px;
    margin-left:0px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:8px;
	float:left;
	cursor: pointer;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}


.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: "Arial";
    color:#91867e;
    font-weight: bold;
    font-size: 12px;
    position:absolute; 
    top:360px;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

/*====COLOUR BOX =====*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
        
        
        .thumbs { margin: 0; padding: 0; overflow: hidden; }
.thumbs li { list-style: none; float: left; margin:5px 5px 5px 0; padding: 3px; background: #eee; }
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none;}
ul#cbox{margin-left:50px;}

#blanket {
background-color:#000;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
top:50px !important; 
background-color:#fff;
width:500px;
height:500px;
z-index: 9002;
margin:auto;
}
#popUpDiv p{position: relative; left:-30px; top:30px;}
.friends-page{
	width:350px !important;
}
a.view-events{
	margin-top:0px;
	font-size: 12px;
	display: block;
	text-decoration: underline !important;
}
.events-page{
	width:430px;
}
.events-page h3{
	margin-bottom: 10px;
	color: #91867E;
}
.events-page i{
	color: #999;
	display: block;
}
.events-page p{
	margin-bottom: 10px;
}
.events-page img{
	margin-bottom: 15px;
}
.event-small{
	float:left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-right: 30px;
	width:200px;
	border-bottom: 1px solid #eae1db;
	text-align: center;
}
.event-small img{
	margin-bottom: 5px;
}
.event-small a img{
	border:3px solid #fff;
}
.event-small a:hover img{
	border:3px solid #91867E;
}
.event-small span a{ 
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	
}
.event-small span a:hover{
	color: #99CC99;
}
.right-event{
	margin-right: 0px;
}
.sub-nav{
	display: none;
	position: absolute;
	left:0px;
	top:20px;
}
.sub-nav a{
	padding-top:7px;
}
.events-links a{
	text-transform: none;
}