body {
	background-image:url(../web_imgs/layout/body_bg_01.png);
	background-repeat: repeat;
	padding:0px;
	margin:0px;
	font-family: 'Open Sans', sans-serif;
}

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

#container { 
width:960px; 
margin:0 auto;
background-color:#ffffff;

-moz-box-shadow: 0 0 4px 4px #cccccc;
-webkit-box-shadow: 0 0 4px 4px#cccccc;
box-shadow: 0 0 4px 4px #cccccc;
}
#header { 
padding:0px; 
height:224px; 
width:960px;
background-image:url(../web_imgs/layout/header_01.png);
background-repeat:no-repeat;
position:relative;
float:left;
}

.contactinformation {
    color: #FFFFFF;
    float: right;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 30px;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
}

.contactinformation a {
    color: #FFFFFF;
    text-decoration: none;
}

.contactinformation a:hover {
    color: #FFFFFF;
    text-decoration: none;
}


#navigation_menu { 
position:relative;
float:left;
width:960px; 
height:47px;
background-image:url(../web_imgs/layout/menu_bg_01.png);
background-repeat:repeat-x;
}

#contentslider {
    float: left;
    height: 391px;
    position: relative;
    width: 960px;
	background-image:url(../web_imgs/layout/slider_bg_01.png);
	background-repeat:repeat-x;
}

#content { 
position:relative;
float:left;
margin: 0px; 
min-height:770px;
width:960px;
}

#footer { 
position:relative;
float:left; 
height:80px;
background-color:#333333;
border-top:1px solid #ffffff;
width:960px;

}

.footer_text {
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    line-height: 21px;
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
}

.designer_link {   
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    line-height: 21px;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
}

.designer_link a {
    color: #CCCCCC;
    font-size: 12px;
    letter-spacing: 0.4px;
    text-decoration: none;
    text-transform: uppercase;
}

.designer_link a:hover {
    color: #B1D239;
    font-size: 12px;
    letter-spacing: 0.4px;
    text-decoration: none;
    text-transform: uppercase;
}


.clearFloat {clear:both;}


/*--- Navigation Menu --- */
#navigation_menu ul {
    float: left;
    list-style-type: none;
    margin: 8px 0 0 100px;
    padding: 0;
    position: relative;
}

#navigation_menu ul li {
    display: inline-block;
	zoom: 1;
    *display: inline;
}

#navigation_menu ul li a {
    color: #666666;
    font-size: 20px;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
}

#navigation_menu ul li a:hover {color:#5dad9c; text-decoration:none;}




/*---  Basic jQuery Slider essential styles ---*/
#banner-slide {
    margin-left: 14px;
    margin-top: 20px;
	z-index:2;
}
.bjqs-wrapper{
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
overflow:hidden;
}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%; display:none;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#000;
	text-decoration: none;
	text-transform:uppercase;
	font-size:12px;
	font-weight:400;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#1B3831;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #1B3831;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}

.slidershadow {
    bottom: 11px;
    left: -3px;
    position: absolute;
}



/* Home Page Content */

#strapline_home {
    border-bottom: 1px solid #CCCCCC;
    float: left;
    margin-left: 10px;
    padding-bottom: 6px;
    position: relative;
    width: 940px;
    z-index: 1;
}

#strapline_home h1 {
    color: #333333;
    font-size: 32px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

#strapline_home h1 strong {color:#5DAD9C; font-weight:600;}

#circles_box_container {
	position: relative;
	float:left;
	width: 960px;
	height: 200px;
	z-index: 2;
	padding: 15px 0 5px;
}

.circles_box {
    float: left;
    margin-left: 11px;
    position: relative;
}

#homepage_text_area {
	position: relative;
	float:left;
	width: 960px;
	z-index: 3;
}

.text_columns {
    border-right: 1px solid #CCCCCC;
    color: #333333;
    float: left;
    font-size: 14px;
    line-height: 22px;
    margin-right: 14px;
    padding: 15px 25px 15px 15px;
    position: relative;
    width: 270px;
}

.text_columns ul {
    list-style-type: square;
    margin: 0;
    padding: 0;
}

.text_columns ul li {margin-left:15px;}

.text_columns h2 {
    color: #333333;
    font-size: 30px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    text-align: left;
	margin-bottom:10px;
}

.text_columns h2 strong {color:#5DAD9C; font-weight:600;}


.last_column {
	border-right: 0px solid #CCCCCC !important;
    margin-right: 0px !important;
}


#homepage_text_area_2 {
    background-color: #1E4039;
    float: left;
    padding: 15px;
    position: relative;
    width: 930px;
	margin-top:20px;
}


#homepage_text_area_2 h2 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    text-align: left;
	margin-bottom:10px;
}

#homepage_text_area_2 h2 strong {color:#5DAD9C; font-weight:600;}


.textarea2_box1 {
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    line-height: 22px;
    padding-right: 50px;
    position: relative;
    width: 560px;
}

.textarea2_box2 {
    border-left: 1px solid #FFFFFF;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    line-height: 22px;
    margin-left: 10px;
    padding-left: 25px;
    position: relative;
    width: 270px;
}

.seasonal_offers_link {font-weight:normal;}

.seasonal_offers_link a {
    color: #5DAD9C;
    font-weight: 600;
    text-decoration: none;
}

.seasonal_offers_link a:hover {
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
}

/* Product Page */

#product_descritption_box {
    border-bottom: 1px solid #CCCCCC;
    float: left;
    margin-bottom: 20px;
    margin-left: 10px;
    padding-bottom: 25px;
    position: relative;
    width: 940px;
	font-size:14px;
	line-height:22px;
}

#product_descritption_box a {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}

#product_descritption_box a:hover {
    color: #5DAD9C;
    font-weight: bold;
    text-decoration: none;
}

.product_image {
    float: left;
    height: 300px;
    position: relative;
    width: 300px;
}

.product_text {
    float: left;
    margin-left: 25px;
    position: relative;
    width: 600px;
	font-size:14px;
	line-height:22px;
}

.product_text h2 {
    color: #333333;
    font-size: 30px;
    font-weight: 300;
    margin: 0 0 15px;
    padding: 0;
    text-align: left;
}

.product_text h2 strong {
    color: #5DAD9C;
    font-weight: 600;
}


/* Find Us Page */

#find_us_map {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
}



/* Contact Page */

#contact_form {
    border-left: 1px solid #CCCCCC;
    float: right;
    font-size: 22px;
    font-weight: bold;
    height: 570px;
    margin-right: 11px;
    overflow: hidden;
    padding-left: 20px;
    position: relative;
    width: 615px;
    z-index: 4;
}

#contact_form .feilds{
	position:relative;
	float:left;
    background-color: #fafafa;
	border:1px solid #cccccc;
    color: #333333;
    font-size: 14px;
    padding: 5px;
    width: 383px;
	max-height:200px;	
	display:block;
	margin-bottom:20px;
}
	
	
	#contact_form .feilds2{
	position:relative;
	float:left;
    background-color: #fafafa;
	border:1px solid #cccccc;
    color: #333333;
    font-size: 14px;
    padding: 5px;
    min-width: 383px;
	max-width:383px;
	min-height:215px;
	max-height:215px;
	display:block;
	margin-bottom:20px;
}
	

#contact_form .small {
    color: #333333;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-top: 5px;
    position: relative;
    text-align: left;
    width: 210px;
}
	

#contact_form .formbuttons{
    background-color: #1B3831;
    color: #ffffff;
    font-size: 14px;
    padding: 5px;
    width: 100px;
border:1px solid #666666;
cursor: pointer;
	}
	
	

#contact_form .buttonscontainer {
    float: right;
    margin-right: 0px;
    position: relative;
	margin-top:-10px;
}


.home_panel_titles h2 {
    color: #333333;
    font-size: 30px;
    font-weight: 300;
    margin: 0 0 15px;
    padding: 0;
    text-align: left;
}

.home_panel_titles h2 strong {
    color: #5DAD9C;
    font-weight: 600;
}


.contact-address {
    float: left;
    font-size: 14px;
    line-height: 22px;
    margin-left: 15px;
    position: relative;
	margin-top:10px;
}

.contact-address h2 {
    color: #333333;
    font-size: 30px;
    font-weight: 300;
    margin: 0 0 15px;
    padding: 0;
    text-align: left;
}

.contact-address h2 strong {
    color: #5DAD9C;
    font-weight: 600;
}

.thankyoutext {
	font-size:14px;
	line-height:22px;
	color:#333333;
	font-weight:normal;
	position:relative;
	top:-10px;
	}