/* Southsea Deckchairs main public style sheet */

* { 
margin: 0; /*remove all default margins!*/
padding: 0; /*remove all default padding!*/
}

body {background: #E2DBD5 url(../images/beach1.jpg) 50% 0 no-repeat; font-size: 1.2em; line-height: 140%; }

html {font-family: "lucida grande", arial, helvetica, sans-serif; font-size: 62.5%; color: #00354f;}

li {list-style-type: none;}

p {padding: 10px 0;}

h1 {font-size: 2.4em; font-weight: normal; line-height: 1; letter-spacing: -1px;}
h2 {font-size: 1.6em; font-weight: normal; line-height: 1;}
h3 {font-size: 1.2em; font-weight: normal; line-height: 1;}

a img {border: none;}

a { text-decoration: none;
-webkit-transition: color 300ms;
-moz-transition: color 300ms;
-o-transition: color 300ms;
transition: color 300ms;}

hr {height: 1px; background-color: #eee; color: #eee; border: none;}

#container {position: relative; width: 980px; margin: 0 auto; overflow:hidden;}


header { display:block; height: 100px; padding: 17px 0 0 0;}
header h1 { width: 280px; height: 61px; margin:0; padding-left: 50px; overflow:hidden;}
header img {display:block;}
.ie6 header h1 a { display:block; width: 280px; height: 61px; background: url(../images/logo-southsea-deckchairs.gif) no-repeat; text-indent: -4000px; overflow:hidden; }
.ie6 header h1 img {display: none;}
.vcard { display: none; }
#celebrating20years { display: block; position: absolute; left: 624px; top: 36px; }
#stripes {height: 10px; margin-top: 29px; background: url(../images/stripes1.gif); text-indent: -4000px; overflow:hidden;  }

/* FOOTER */

footer { position: relative ; display:block; clear: both; padding: 20px; font-size: 0.9em; color: #666;}
footer hr {display: none;}
footer a {color: #666; border-bottom: 1px dashed #666; }
footer a:hover {color: #e8008a; border-bottom: 1px dashed #e8008a;}
.authorcredit {float:right;}
.copyright {width: 600px; margin-left: 230px;}
#addthis { position: absolute; top: 22px; }
#addthis a { border-bottom: none; }
#fb { position:absolute; left:20px; top:64px; }

/* CONTENT */

#content {position: relative; background-color: #fff; width: 980px; margin-top:33px;}
.ie6 #content {margin-top:32px;}

#content h1 {color: #00354f; padding: 20px 0;}
#content h2 {color: #f13f89; padding: 10px 0;}
#content h3 {color: #00354f; padding: 20px 0 0 0;}
#content a {color: #e8008a; }
#content a:hover {color: #96ad1e; }
#content ul { margin-left: 14px; padding: 6px 0; }
#content li { list-style-type: disc; }

#leftcol {float: left; width: 485px; }
#rightcol {float: right; width: 485px; }
.inner {padding: 20px;}
.inner_right { padding: 88px 20px 20px 20px;}

#adminbutns { position: absolute; top: 12px; left: 4px; }
#adminbutns a { 
	background-color: rgba(255,255,255,0.8); color: black; 
	margin: 4px; padding: 3px 8px 4px 8px; 
	font-size: 13px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* HOME PAGE */

#homepage #content {position: relative; width: 980px; height:500px; margin:0; background: #000; overflow: hidden;}

#slider {position: relative; width: 980px ; height: 500px;}
#slider a {display: block; position: absolute; left: 0; top: -75px; width: 980px; height: 600px; background: #000; opacity:0}
#slider a.vaderfade_hero {opacity: 1;}
#slider_caption {position: absolute; bottom: 0; left: 0; z-index: 10;  width: 980px; padding: 10px; color: #fff; background: transparent url(../images/gauze-blue1.png); font-size: 16px;}
.rgba #slider_caption {background: rgba(1, 19, 65,0.5);}
.boxshadow #slider_caption {
	-webkit-box-shadow: 0 -6px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 -6px 6px rgba(0,0,0,0.5);
	-o-box-shadow: 0 -6px 6px rgba(0,0,0,0.5);
	box-shadow: 0 -6px 6px rgba(0,0,0,0.5);
}
.fader {position: relative;}
.fader img {position: absolute;}

@media screen and (min-height: 750px) {	/* releases the small site height on bigger screens (non IE<9, but if you have a bigger screen, FF/Cr/Saf are more likely browsers) */
	#homepage #content {
		height:600px;
	}	
	#slider {
		height: 600px;
	}
	#slider a {
		top:0;
	}
}

/* CLASSES */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.content-pic {float: right; padding: 15px 0 15px 15px;}
.left { clear: left; }

/* MISCELLANEOUS IDs and one-offs */

#media_table img { margin-right: 3px;}
#nanomail { height: 540px; width: 540px; border: 0; margin-left: 40px; }
div#cartbutn { clear: left; margin: 0 auto 20px 20px; }