@charset "utf-8";

/**********************************

Use: Site Wide Styles

***********************************/

/* Site Wide Styles */
/* -------------------------------------------------- */

body /* Main Body */
{
	margin: 0px;
	padding: 0px;
	
	color: #646464;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	
	background-color: #FAF6EA;
}

#contentWrapper /* Main Body Wrapper */
{
	z-index: 2;
	position: relative;
	margin: 0px auto;
	margin-bottom: 0px;
	width: 960px;
}

#contentContainer /* Main Content Container */
{
	position: absolute;
}


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

#headerWrapper /* Header Wrapper */
{
	width: 960px;
}

/*----- Nav Logo -----*/

#navLogo /* Nav Logo Container */
{
	width: 300px;
	float: left;
}

#navLogo a /* Logo Link */
{
	display: block;
	width: 300px;
	height: 195px;
	
	background-image: url(../images/logo_caicosPride.png);
	background-repeat: no-repeat;
}

#navLogo span /* Hide Non-Css Text */
{
	display: none;
}

/*----- Main Navigation Styles -----*/

#navContainer /* Main Navigation Container */
{
	float: left;
	margin: 30px 0px 0px 30px;
	width: 620px;
}

#jsddm /* Main Nav UL */
{	
	margin: 0px;
	padding: 0px;
}

#jsddm li /* Main Nav LI */
{
	float: left;
	list-style: none;
	font-weight: bold;
	text-transform: uppercase;
}

#jsddm li a /* Main Nav Link */
{
	display: block;
	padding: 5px 15px;
	text-decoration: none;
	color: #FFFFFF;
	white-space: nowrap;
	
	background-image: url(../images/nav_divider.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#jsddm li a:hover, #jsddm .selected /* Main Nav Hover */
{	
	background: #014B7D;
}

#jsddm li ul /* Drop Down Nav UL */
{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid #014B7D;
}

#jsddm li ul li /* Drop Down Nav LI */
{
	float: none;
	display: inline;
}

#jsddm li ul li a /* Drop Down Nav Link */
{
	width: auto;
	background: #FFFFFF;
	color: #003769;
	font-weight: normal;
	text-transform: none;
}

#jsddm li ul li a:hover /* Drop Down Nav Hover */
{
	background: #E6E6E6;
}


/* Body Styles */
/* -------------------------------------------------- */

#bodyWrapper /* Main Body Wrapper */
{
	margin-top: 125px;
	padding: 5px;
	width: 950px;
	
	background-color: #FFFFFF;
}

#bodyContainer /* Main Body Cotnainer */
{
	padding: 10px 10px 10px 6px;
	width: 924px;
	
	border: 5px solid #E6E6E6;
	background-color: #FFFFFF;
}

/*----- Left Column -----*/

#leftColumn /* Left Column Container */
{
	float: left;
	width: 304px;
}

/*----- Right Column -----*/

#rightColumn /* Right Column Container */
{
	float: left;
	width: 620px;
}

#rightPush /* Right Column Push Box Container */
{
	margin-bottom: 10px;
	padding-left: 6px;
}

.articleWrapper /* Article - Copy Wrapper */
{
	margin-left: 10px;
	padding: 2px;
	width: 606px;
	
	background-color: #FAFAFA;
}

.articleContainer /* Article - Copy Container */
{
	padding: 15px;
	width: 572px;
	
	border: 2px solid #FFFFFF;
	background-color: #FAFAFA;
}

h1 /* Article - Copy Title */
{
	margin: 0px;
	padding-bottom: 15px;
	color: #969696;
	font-size: 45px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	
	background-image: url(../images/bg_h1.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

h2 /* Article - Copy Sub-Title */
{
	margin: 30px 0px 12px 0px;
	color: #A64924;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

h2.leadIn /* Article Lead-In */
{
	margin-top: 20px;
	font-weight: normal;
}

.articleContainer p /* Article Copy Paragraphs */
{
	line-height: 20px;
}

.articleContainer p a /* Copy Links */
{
	color: #646464;
	text-decoration: underline;
}

.articleContainer p a:hover /* Copy Link Hover */
{
	color: #A64924;
	text-decoration: none;
}

.articleImage /* Main Article Image */
{
	float: right;
	margin: 0px 0px 10px 25px;
	padding: 5px;
	width: 200px;
	height: 150px;
	
	border: 1px solid #C8C8C8;
}

.moreButton /* Read More Article Button */
{
	display: block;
	width: 85px;
	height: 37px;
	
	background-image: url(../images/button_more.gif);
	background-repeat: no-repeat;
}

.moreButton span /* Read More Alt Text */
{
	display: none;
}


/* Misc. Content Styles */
/* -------------------------------------------------- */

/*----- Management Team Page -----*/

.mgmtContainer /* Management Team Container */
{
	clear: both
}

.mgmtContainer img /* Management Team Images */
{
	float: left;
	margin: 0px 22px 10px 0px;
	width: 100px;
	height: 125px;
	border: 1px solid #969696;
}

/*----- Google Map Styles -----*/

#map_canvas /* Google Map Holder */
{
	margin-top: 15px;
	width: 572px;
	height: 400px;
}

#map_canvas a /* Link Fix */
{
	padding: 0px;
	text-decoration: none;
	font-weight: normal;
	background: none;
}

#map_canvas a:hover /* Hover Fix */
{
	background: none;
}

#map_disclaimer /* Google Map Disclaimer */
{
	margin-top: 15px;
	
	font-size: 9px;
	font-style: italic;
}

/*----- Product Info Page -----*/

.productNutri /* Product Nutritional Info Table */
{
	margin: 10px 0px 0px 25px;
	width: 212px;
	
	font-size: 10px;
	
	border: 1px solid #969696;
	border-collapse: collapse;
}

.productNutri td
{
	padding: 3px;
	border: 1px solid #969696;
	border-left: none;
	border-right: none;
}

/*----- Customer Testimonials -----*/

.testimonialBy /* Testimonial By */
{
	font-weight: bold;
	font-style: italic;
}


/*----- Contact Form Elements -----*/

#contactContainer /* Contact Container */
{
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 10px 0px;
	width: 600px;
}

#contactContainer .contactForm /* Contact Form DIV */
{
	margin: 0px;
	padding: 15px 15px 0px 15px;
	
	/* background-color: #305D69; */
}

#contactContainer .contactForm p /* Contact Form Paragraph */
{
	margin: 0px 0px 10px 0px;
}

#contactContainer a /* Copy Links */
{
	color: #646464;
	text-decoration: underline;
}

#contactContainer a:hover /* Copy Link Hover */
{
	color: #A64924;
	text-decoration: none;
}

#contactContainer .contactForm label /* Contact Form Label */
{
	width: 125px;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block
}



/* Push Box Styles */
/* -------------------------------------------------- */

.pushBox /* Push Box Container */
{
	width: 304px;
}

h3 /* Push Box Titles */
{
	margin: 0px;
	padding: 7px 0px 0px 14px;
	width: 290px;
	height: 35px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	
	background-repeat: no-repeat;
	background-position: top left;
}

.pushImg /* Push Through Images */
{
	margin: 14px 0px 0px 28px;
	width: 248px;
	height: 148px;
	
	border: 2px solid #FFFFFF;
}

.pushBox p /* Push Box Text */
{
	margin: 14px 14px 0px 28px;
}

.pushBottom /* Push Box Bottom */
{
	width: 304px;
	height: 37px;
	
	background-repeat: no-repeat;
	background-position: top;
}

.pushBottom a /* Push Box Button */
{
	display: block;
	margin-left: 200px;
	width: 85px;
	height: 37px;
	
	background-repeat: no-repeat;
}

.pushBottom a span /* Push Box Alt Text */
{
	display: none;
}

/*----- Green Box Styles -----*/

#boxGreen { background-image: url(../images/push_repeat_green.gif); background-repeat: repeat-y; }
.topGreen {	width: 304px; height: 14px; background-image: url(../images/push_top_green.gif); background-repeat: no-repeat; }
.h3Green { background-image: url(../images/push_banner_green.gif); }
.paraGreen { color: #3C501E; }
#bottomGreen { background-image: url(../images/push_bottom_green.gif); }
#bottomGreen a { background-image: url(../images/push_button_green.gif); }

/*----- Blue Box Styles -----*/

#boxBlue { float: left; background-image: url(../images/push_repeat_blue.gif); background-repeat: repeat-y; }
.topBlue { width: 304px; height: 14px; background-image: url(../images/push_top_blue.gif); background-repeat: no-repeat; }
.h3Blue { background-image: url(../images/push_banner_blue.gif); }
.paraBlue { color: #003769; }
#bottomBlue { background-image: url(../images/push_bottom_blue.gif); }
#bottomBlue a { background-image: url(../images/push_button_blue.gif); }

/*----- Red Box Styles -----*/

#boxRed { float: left; margin-left: 6px; background-image: url(../images/push_repeat_red.gif); background-repeat: repeat-y; }
.topRed { width: 304px; height: 14px; background-image: url(../images/push_top_red.gif); background-repeat: no-repeat; }
.h3Red { background-image: url(../images/push_banner_red.gif); }
.paraRed { color: #B48C50; }
#bottomRed { background-image: url(../images/push_bottom_red.gif); }
#bottomRed a { background-image: url(../images/push_button_red.gif); }

/*----- Pink Box Styles -----*/

#boxPink { margin-top: 10px; background-image: url(../images/push_repeat_pink.gif); background-repeat: repeat-y; }
.topPink { width: 304px; height: 14px; background-image: url(../images/push_top_pink.gif); background-repeat: no-repeat; }
.h3Pink { color: #b97341 !important; background-image: url(../images/push_banner_pink.gif); }
.paraPink { margin-bottom: 20px; padding-bottom: 20px; color: #99885C; border-bottom: 1px dashed #E4DEC8; }
.paraPink .date { font-size: 14px; color: #A64924;}
.readNews { color: #99885C; text-decoration: underline; }
.readNews:hover { color: #A64924; text-decoration: none; }
#bottomPink { background-image: url(../images/push_bottom_pink.gif); }
#bottomPink a { background-image: url(../images/push_button_pink.gif); }


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

#footerWrapper /* Footer Container */
{
	padding: 15px 20px 25px 20px;
	
	color: #FFFFFF;
	font-size: 11px;
	
	background-color: #99864D;
}

#footerWrapper a /* Footer Link */
{
	color: #FFFFFF;
	text-decoration: underline;
}

#footerWrapper a:hover /* Footer Hover */
{
	color: #000000;
	text-decoration: none;
}


/* Background Styles */
/* -------------------------------------------------- */

#bgWrapper /* Background Container */
{
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 100%;
}

#bgHeader /* Header Background */
{
	width: 100%;
	height: 87px;
	
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
}

#bgFlash /* Flash Background */
{
	width: 100%;
	height: 450px;
	
	background-color: #64C8C8;
}

#bgContent /* Content Background */
{
	width: 100%;
	height: 200px;
	
	background-image: url(../images/bg_midContent.gif);
	background-position: top;
	background-repeat: repeat-x;
}