@charset "utf-8";

/***************************************
1A: BASE STYLES
****************************************/
/* neutralize browser styles */
body, html {
	margin:0;
	padding:0;
	}
/* neutralize browser spacing for vertical elements
	we could do more elements, but this gives us the 
	most widely used block level elements so that we
	control main element spacing without having to 
	add margins back for every block element */
	
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
	}
/* General Styles */
body  {
	text-align: center;
	background: url(../_images/beachHeader.jpg) repeat-x fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
html {
	background: url(../_images/beachRepeat.jpg);
}
blockquote  {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: .9em;
	font-weight: normal;
	line-height: 1.8;
	margin-right: 4em;
	margin-left: 4em;
	padding-right: 1em;
	padding-left: 1em;
	background: url(../_images/upQuote.gif) no-repeat;
	padding-top: 1em;
	margin-top: 1.8em;
}
blockquote span {
	text-align: right;
	font-weight: bold;
	background: url(../_images/downQuote.gif) no-repeat right bottom;
	line-height: 1.2;
	padding-bottom: 2.4em;
	display: block;
	padding-top: 0em;
	padding-right: 2em;
}

/***************************************
        LAYOUT STYLES
****************************************/

/* ---------All layout generic styles---------------- */
.twoColSmSide #container, .twoColLgSide #container, .oneCol #container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
} 
.twoColSmSide #header, .twoColLgSide #header, .oneCol #header {
	height: 200px;
	position: relative;
} 
.twoColSmSide #sidebar div, .twoColLgSide #sidebar div {
	padding-bottom: 1em;
	margin-bottom: 1em;
	background-color: #004790;
}
.twoColSmSide #footer, .twoColLgSide #footer, .oneCol #footer {
	padding: 30px 1em .5em; 
	background:#004790;
	margin-bottom: 1em;
} 
.twoColSmSide #footer p, .twoColLgSide #footer p, .oneCol #footer p {
	font-size: .8em;
	color: #fff;
	text-align: center;
	margin-bottom: .5em;
}
.twoColLgSide #footerLinks a {
	text-decoration:none;
	color:#FFF;
}
.twoColLgSide #footerLinks a:hover {
	text-decoration:none;
	color:#FC0;
}
.twoColLgSide #footerImages {
	padding: 0 0 0 280px;
}

/* --------------Large sidebar layout styles -------------*/
.twoColLgSide #sidebar {
	float: left;
	width: 230px;
	padding: 0;
	color: #fff;
}
.twoColLgSide #mainContent {
	margin: 0 0 0 250px; /* left margin allows space for sidebar */
	padding: 0; 
} 

	
/***************************************
3A: GENERAL TYPOGRAPHY AND COLOR STYLES
****************************************/

/* ---------------- header specific styles ----------------*/
/*#header ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	position: absolute;
	right: 0px;
	bottom: 0px;
}*/
#header li {
	float: left;
	padding-right: 0px;
}
#header li a:link, #header li a:visited {
	background: #01a6dc;
	padding: .2em .5em;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1.2em;
	margin-right: 0.1em;
}
#header li a.current, #header li a.current:hover, #header li a.current:active {
	color: #78320E;
	background: #fff;
	cursor: default;
}
#header li a:hover {
	color: #004790;
}

#header h1 {
	text-indent: -1000em;
	height: 142px;
	width: 373px;
	position: absolute;
	left: 0px;
	top: 10px;
	background-image:url(../_images/crabbywearLogo.png);
	background-repeat: no-repeat;
	margin:0;
}

#header #ship{
	float:right
}

/* -------------------- main content specific styles ------------------*/
#mainContent object {
	background: #ccc;
	display: block;
	padding: 3px;
	border: 1px solid #999;
	margin: 1.6em auto;
}
#mainContent p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	line-height: 1.25;
	padding-right: 1.6em;
	padding-left: 1.6em;
	color: #333;
	margin-top: .5em;
}
#mainContent a {
	font-weight: bold;
	color: #602E0C;
	text-decoration: none;
	border-bottom: 1px dotted #602E0C;
	padding-bottom: .1em;
}
#mainContent a:hover {
	color: #BA3818;
	border: none;
}
#mainContent .article {
	background: #fff;
	padding: 0.5em 0.5em 2em;
	margin-bottom: 1em;
	border: 2px solid #051ba2;
	border-top: none;
}
#mainContent .article h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #999;
	margin: 0;
	font-weight: normal;
	line-height: 2;
	text-align:center;
}
#mainContent .article h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #666;
	margin-bottom: -0.5em;
	font-weight: normal;
	text-align: center;
	padding-bottom: 45px;
	background: url(../_images/crabLine.jpg) no-repeat center bottom;
}
#mainContent img {
	padding:0 0 0 20px;
}

/* ------ mainContent archive styles --------------*/	
#mainContent .archive h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;
	line-height:1.75em;
	text-align: center;
	color: #666;
	margin: 1em 2em 0;
	font-weight: normal;
	border-top: 1px dotted #666;
	padding: 0 0 40px;
	background: url(../_images/headline_bkg6.jpg) no-repeat center bottom;
}
#mainContent .archive h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #999;
	margin: 1em 0 0 0;
	font-weight: normal;
	height: 40px;
	line-height:40px;
	padding-left: 45px;
	background: url(../_images/article_icons.gif) no-repeat;
}

/* ------------------sidebar specific styles -----------------------*/
#sidebar h1{
	margin: 0;
	text-indent: -1000em;
	height: 35px;
	margin-bottom: .25em;
}
#sidebar #current h1 {
	background: url(../_images/current_head.gif) no-repeat;
}

#sidebar #about p{
	margin: 1em .625em;
	}
#sidebar #required ul,#sidebar #archive ul  {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#sidebar  #required  ul li {
	margin: 0 0 0 10px;
}
#sidebar #archive ul li {
	margin:0;
	padding:0;
	background: url(../_images/archive_bkg.gif) no-repeat left center;
	}
#sidebar #required ul a {
	display: block;
	width: 200px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #fff;
	text-decoration: none;
	line-height: 2.2em;
	background: url(../_images/bullet.gif) no-repeat left center;
	margin: 0;
}
#sidebar #archive ul a {
	display: block;
	width: 170px;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #fff;
	text-decoration: none;
	line-height: 30px;
	background: url(../_images/archive_bkg.gif) no-repeat left center;
	margin: 0;
	border-bottom: 1px solid #fff;
}
#sidebar #archive ul a:hover {
	background-position: -200px 0px;
	color: #333;
	}
#sidebar #archive ul a.current {
	background-position: top right;
	color: #602E0C;
	cursor: default;
	}
#sidebar #archive ul a.last {
	border-bottom: none;
	}
.twoColSmSide #sidebar div#archive {
	padding:0;
	}
#sidebar #required ul a:hover {
	background: #736851 url(../_images/bullet.gif) no-repeat left center;
}
#sidebar div img {
	margin: .5em auto;
	display: block;
}
#sidebar div p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #fff;
	margin: 0 10px;
}
/*#sidebar  div#next  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #fff;
	margin: 1em .7em;
	line-height: 1.6;
}*/
#sidebar div p.caption {
	font-size: 0.8em;
	margin-top: 0em;
	text-align: center;
}
#sidebar div h2 {
	font-size: 1em;
	margin-left: 10px;
	margin-top: 0px;
}

/* -----------one column layout ---------*/
/*.oneCol #mainContent .article h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #78320E;
	margin: 0;
	font-weight: normal;
	line-height: 2;
	padding-left: 55px;
	background: url(../_images/skull_header.gif) no-repeat left center;
}
.oneCol #mainContent img {
	background: none;
	display: inline;
	border: none;
	margin: 5px;
	padding: 0;
}
*/
/***************************************
4A: SHOPPING AREA STYLING / INCLUDES SPRY WIDGET STYLING
****************************************/
/*
#mainContent .TabbedPanels .TabbedPanelsTab h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	background: none;
	padding: 0;
	margin:0;
	line-height: 1.6;
	color: #fff;
}
.wearContainer {
	width: 300px;
	float: left;
	margin-right: 40px;
	margin-bottom: 10px;
	}
.carryContainer {
	width: 200px;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	}
#mainContent .shop{
	font: 1em/1 Georgia, "Times New Roman", Times, serif;
	color: #78320E;
	margin: 0;
	padding:0;
}
#mainContent .wearContainer p, #mainContent .carryContainer p {
	font-size: .85em;
	line-height: 1;
	margin: 0;
	padding: 0;
	}
#mainContent .wearContainer .plus, #mainContent .carryContainer .plus {
	margin-left: 110px;
	}
#mainContent .wearContainer .plus a,#mainContent .carryContainer .plus a {
	border: none;
	font-weight: normal;
	}
#mainContent .wearContainer .plus a:hover,#mainContent .carryContainer .plus a:hover  {
	color: #666;
	}
#mainContent .article .wearContainer h2,#mainContent .article .carryContainer h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #78320E;
	line-height: 1.4;
	padding:0;
	background: none;
	text-align: left;
	margin: 0;
	}*/

/***************************************
5A: TABLE STYLES
****************************************/
/*
#mainContent table#gearTbl {
	width: 500px;
	border: 1px solid #333;
	margin: 0 auto;
	border-collapse:collapse;
	background: #574F3E;
}
#mainContent #gearTbl caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #666;
	text-align: left;
	padding-bottom: .5em;
}
#mainContent #gearTbl thead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
}
#mainContent #gearTbl tbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .625em;
	color: #fff;
	text-align:center;
}
#mainContent #gearTbl th {
	background: #444;
	height: 190px;
	vertical-align: bottom;
	font-weight: normal;
	border: 1px solid #333;
	text-align: center;
	padding-bottom: 0.5em;
}
#mainContent #gearTbl th.sony {
	background: #444 url(../_images/sony_dscf717.gif) no-repeat center;	
}
#mainContent #gearTbl th.fuji {
	background: #444 url(../_images/fuji_finepixf480.gif) no-repeat center;
}
#mainContent #gearTbl td.specs {
	text-align: left;
	font-weight: bold;
}
#mainContent #gearTbl td {
	padding: 1.5em 1em;
	border: 1px solid #333;
	}
#mainContent #gearTbl tr.odd {
	background: #8C7E62;
}
#mainContent #gearTbl tr:hover {
	background: #333;
}
*/
/***************************************
6A: FORM STYLES
****************************************/

/*#formWrap {
	background: #999;
	padding: 1em 0;
	}
form#frmContact {
	width: 505px;
	margin: 0 auto;
	}
fieldset {
	background: #EBE6CD;
	border: none;
	margin: 1em 0;
	padding-bottom: .5em;
	}
legend {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #602E0C;
	line-height: 1.4;
	background: #EBE6CD;
	padding: 0.2em .5em;
	margin-left: 0.5em;
}
#formWrap p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #602E0C;
	font-size: 0.85em;
	line-height: 1.2;
	margin: 1.4em 0;
}
input.text {
	width: 250px;
}
textarea {
	width: 300px;
	margin-top: .5em;
}
label.top {
	display: block;
	margin-bottom: .5em;
}
label.check {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1;
	color: #000;
}
span.aside {
	font-style: italic;
}
p.required {
	position: relative;
}
span.required {
	position: absolute;
	left: 320px;
	padding-left: 35px;
	background: url(../_images/notice_icon.gif) no-repeat left center;
	color: #c00;
	height: 25px;
	line-height: 25px;
}

input.text:focus, textarea:focus {
	background: #F9D59D;
}*/

/***************************************
CLASS ACCENT STYLES
****************************************/

.clearLeft{ /*used for clearing left floated elements*/
	clear:left;
}
.clearRight{ /*used for clearing right floated elements*/
	clear:right;
}
.clearBoth{ /*used for clearing all floated elements*/
	clear:both;
}
.clearfloat { /* used for clearing and containing internal floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.rightAlign    {
	text-align: right;
}