/*--------------------------------------------------------
Web: Silence Cases
Author: Rachel Kalman
Version: 1.0
Email: rachelkalman@hotmail.com
--------------------------------------------------------*/
/* =Global Elements 
-----------------------------------------------------------*/
body, html {
	margin: 0;
	padding: 0;
	border: none;
	color: #666666;
	font: 12px/20px Helvetica, Arial, Verdana, sans-serif;
	height: 100%;
	background: #f8ddb6 url(../images/background.jpg);
}

p {margin:8px 0;}

a { color: #184e93; text-decoration: underline; }

a:hover { color: #5e86b9;  text-decoration: none; }

img { border: none; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; }

h1 { color: #951812; font: 22px Helvetica, Arial, Verdana, sans-serif; letter-spacing: .04em; margin:15px 0 8px 0;}
	
h2 { color: #5e86b9; font: bold 11px/16px Helvetica, Arial, Verdana, sans-serif; letter-spacing: .04em; text-transform: uppercase; margin: 15px 0 0 0; }

h2.nomargin { color: #5e86b9; font: bold 11px Helvetica, Arial, Verdana, sans-serif; letter-spacing: .04em; text-transform: uppercase; margin: 0 0 3px 0; }

h3 { font-size:12px; font-weight: bold ; margin-top:14px; }

h4 { font-weight: bold ; margin-top:14px; }

.clearboth { clear: both; }

hr {
	clear:both;
	width: 100%;
	border: none;
	margin: 22px 0 14px 0 ;
	color: #C5C5C5;
	background-color: #C5C5C5;
	height: 1px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.right {float: right; }

.left {float: left; clear:both; }

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */


/* =Home Page Structure 
-----------------------------------------------------------*/
#wrapper {
	width: 763px;
	margin: 0 auto;
	}
	
#page {
	float:left;
	background: #fff url(../images/bg-page.jpg) repeat-y;
	position:relative;
	width: 763px;
	}

#footer {
	float:left;
	width: 763px;
	background: url(../images/bg-footer.jpg) no-repeat bottom;
	}
	
	#footer div {
	vertical-align:bottom;
	background: #635a4c;
	padding: 12px 40px 12px 36px;
	margin: 0 0 4px 4px;
	float:left;
	}
	
	#footer div img {
	float:left;
	}
	
	#footer a {
		float:left;
		background: url(../images/email.gif) no-repeat;
		height:11px;
		width:135px;
	}	
	
	#footer a span { 
		display:none;
	}	
	
	#footer a:hover { 
		background: url(../images/email-on.gif) no-repeat;
	}	
	

#header { 
	width: 755px;
	background: url(../images/bg-header.gif) repeat-x;
	margin: 0 4px;
	float:left;
	}

	#header #navigation, #header #subnavigation { 
		width: 180px; 
		float: left; 
		height: 148px;
		background: #c62317; 
		position: absolute;
		top:0px;
		left:38px;
		
	}
	
	#header #subnavigation { 
		left:218px;
		border-left: 3px solid #8a010e;
		
	}

		#header #navigation ul, #header #subnavigation ul { 
			padding: 0;
			cursor: default;
			list-style-type: none;
			margin:14px 0 0 0; 
		}

			#header #navigation ul a, #header #subnavigation ul a { 
				color: #fde3bf;
				font-size: 10px;
				text-transform: uppercase;
				text-decoration:none;
				display:block;
				padding: 2px 0 2px 24px;
				cursor: pointer;
				letter-spacing: .07em;
			}
			
			
			#header #navigation ul a:hover, #header #subnavigation ul a:hover { 
				color: #550704;
				background:#fde3bf;
			}
			
			
			#header #navigation ul a#current, #header #subnavigation ul a#current { 
				color: #550704;
				font-weight: bold;
			}
	
			
	#header #logo { 
		float:right;
		margin:50px 30px 20px 0;
		}
		
#mainpage { 
	width: 757px;
	float:left;
	margin-left: 3px;
	}	

#content {
	float:left;
	padding:38px;
	width:680px;
	}
		
body#product #mainpage { 
	width: 760px;
	float:left;
	margin-left: 3px;
	background: url(../images/bg-leftcol.gif) repeat-y top left;
	}	
	

body#product #content {
	float:right;
	padding:38px;
	width:400px;
	}
		
	
/* =Home Page
-----------------------------------------------------------*/
	
	#mainpage #home-text { 
		float:left;
		margin:40px 0 0 33px;
		}
			
	#mainpage #home-photos { 
		float:right;
		}	
	
	#mainpage #view-products a { 
		float:left;
		margin:10px 0 0 300px;
		background: url(../images/view-products.gif) no-repeat;
		height:20px;
		width:114px;
	}	
	
	#mainpage #view-products a span { 
		display:none;
	}	
	
	#mainpage #view-products a:hover { 
		background: url(../images/view-products-on.gif) no-repeat;
	}	
	

/* =Sub Pages
-----------------------------------------------------------*/
		
		
td { background-color: #eee9e1; padding: 3px 12px; border-bottom: 1px solid #e2dbcf; }

table { border: 1px solid #e2dbcf; border-bottom: none;}

		
.photo-left {
		float: left;
		margin: 0 20px 20px 0;
		clear:both;
		}
		
		
.col-right {
		float: right;
		width:500px;
		padding-bottom: 40px;
		}
		
#demo { width:180px;
		float:right;
		background: #eee9e1;
		padding:20px;
		margin:0 0 15px 15px;
		border: 1px solid #e2dbcf;
		}
.photoframe {border:1px solid  #cec5b6; }	
		
/* =Surf Cases
-----------------------------------------------------------*/
	

#surf-header { 
	background: url(../images/surf-header.jpg) no-repeat;
	margin: 0 4px;
	float:left;
	height:124px;
	width: 755px;
	}