/*
-----------------------------------------
CSS "reset" files for SantaCruzSurfboardRentals.com
-----------------------------------------
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


p,
ul,
li 
{
	text-align:left;
	
}


/*
--------------------------------------------------------------------
Layout 
--------------------------------------------------------------------
*/

body {
	background:#ccc url("../images/bg_body_tile-y.gif") repeat-y 50% 0;
	font-family:arial,helvetica,sans-serif;
	margin:0 auto;
	text-align:center;
}


#wrapper {
	width:960px;
	text-align:center;
	margin:0 auto;
}
#header {
	width:920px;
	text-align:left;
	margin:0;
	padding:20px 20px 10px 20px;
	background:#f7f7f7;
	border-bottom:10px solid #eee;
}

#content {
	width:920px;
	padding:20px 20px 40px 20px;
	text-align:left;
	margin:0;
	background:#fff;
}
#footer {
	width:920px;
	text-align:left;
	margin:0;
	padding:20px;
	border-top:10px solid #eee;
}

/*
--------------------------------------------------------------------
Navigation 
--------------------------------------------------------------------
*/

#primNav { display:none; }

/*
--------------------------------------------------------------------
Content 
--------------------------------------------------------------------
*/

#services { 
	float:left;
	display:inline;
	width:380px;
	clear:left;
}
#about { 
	float:left;
	display:inline;
	width:380px;
	clear:left;
}
#thumbs { 
	float:right;
	display:inline;
	width:540px;
	clear:right;
}

#thumbs a {
	float:left;
	display:inline;
	
	padding:5px;
	margin:5px;
	border:5px solid #eee;

}
#thumbs a img {
	display:block;
}

/*
--------------------------------------------------------------------
	Basic Declarations
--------------------------------------------------------------------
*/
#header h1 {
	font-size:1em;
	margin:0 0 10px 0;
	color:#333;
}
#header h2 {
	color:#ccc;
	font-size:2.4em;
	margin:0 0 5px 0;
	text-transform: uppercase;
}
#header p {
	color:#333;
	font-size:.8em;
	font-weight:bold;
	float:left;
}
#header p.phoneNumber {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #999;
}

#linkImageLogo  {
	float:left;
	display:inline;
	width:140px;
	height:120px;
}
#imageLogo  {
	display:block;
}


#content h1,
#content h2,
#content h3
{
	margin:.2em 0 .2em 0
	color:#333;
}
#content p
{
	margin:0 0 .8em 0;
	color:#222;
}

#content ul
{
	margin:0 0 1em 2em;
	list-style-type: square;
}
#content li
{
	margin:0 0 .2em 0;
	list-style-type: square;
}


#footer .copyright {
	font-weight:bold;
	float:left;
	display:inline;
	font-size:.8em;
}

/*
--------------------------------------------------------------------
Hacks / Special 
--------------------------------------------------------------------
*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */