/*
Title:      style.css - www.shorelinevideo.com
Author:     Christopher Thomas! [christopher@wehaventthetime.com]
Updated:    August 7, 2008 (2 days until my birthday)
*/

img, div, ul, li, a, h5 { behavior: url(stylesheets/iepngfix.htc) } /* Fixes Transparent PNG issues for IE */

body {
	font: 62.5% 'Times New Roman', Georgia, Times, serif;
	background: #fff url(images/body-bg.png) left top repeat-x;
	color: #231f20;
	width: 100%;
}

strong, b { font-weight: bold; }

italic, i { font-style: italic; }

.right { float: right; }

.left { float: left; }

.image {padding: 0 20px 5px 0 }

.clear { clear: both; }

	hr.clear { visibility: hidden; }
	
/* divider style */

hr
{
border: 0px;
background: #C9AF67;
height: 1px;
width: 100%;
margin: 35px 0px;
clear: both;
}

/* top links */
a.top
{
font-size: 11px;
color: #bbb;
}

.anchor
{
margin-bottom: -20px;
display: block;
text-align: right;
width: 100%;
}



/* ------ BASIC STYLES ------ */	

#main {
	width: 850px;
	margin: 0 auto;
}

	#header {
		background: transparent url(images/shoreline-logo.jpg) 50% top no-repeat;
		height: 106px;
		padding-top: 125px;
	}
	
		#header h1.title {
			visibility: hidden;
		}
			
		#header #contact {
			background: transparent url(images/contactArea-bg.png) right top repeat-y;
			float: right;
			text-align: right;
			color: #fff;
		}
		
			#header #contact[id] {
				padding: 8px 6px;
			}
			
			#header #contact {
				_padding: 8px 6px 0;
			}
				
			#header #contact p {
				font-family: 'Adobe Garamond Pro', Times New Roman, Times, serif;
				font-size: 1.4em;
				line-height: 1.6em;
			}
			
			#header #contact a,
			#header #contact a:link, 
			#header #contact a:visited,
			#header #contact a:active {
				color: #fff;
				text-decoration: none;
			}
			
			#header #contact a:hover {
				color: #fff;
				text-decoration: underline;
			}
	
	
#footer {
	background: #6ca7cb url(images/footer-bg.png) left top repeat-x;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 30px;
}

	#footer ul {
		width: 850px;
		margin: 0 auto 50px;
		display: block;
		height: 25px;
	}
	
		#footer ul li {
			display: block;
			color: #fff;
			font-family: Arial, sans-serif;
			font-size: 1.4em;
		}
		
		#footer ul li a,
		#footer ul li a:link,
		#footer ul li a:visited,
		#footer ul li a:active {
			color: #fff;
			text-decoration: underline;
		}
				
		#footer ul li a:hover {
			text-decoration: none;
		}	
	
	
	
	
	/* ------ MAIN NAVIGATION STYLES ------ */
	
	ul#navigation {
		display: block;
		width: 782px;
		height: 25px;
		border-bottom: 1px solid #c9af67;
		margin-bottom: 30px;
	}
	
		ul#navigation[id] {
			padding: 11px 34px;
		}
	
		ul#navigation {
			_padding: 0 34px;
		}
	
		ul#navigation li {
			display: block;
			width: 129px;
			height: 25px;
			border-left: 1px solid #c9af67;
			float: left;
		}
		
			ul#navigation li img {
				height: 21px;
				width: 77px;
			}
			
				ul#navigation[id] li img {
					margin: 16px 0 0 27px;
				}
				
				ul#navigation li img {
					_margin: 21px 0 0 27px;
				}
		
			ul#navigation li.home {	
				border: none;	
			}
			
			ul#navigation li.current a {	
				background-color: #e9f0f4;	
			}
			
			ul#navigation li a,
			ul#navigation li a:link,
			ul#navigation li a:visited,
			ul#navigation li a:active {
				display: block;
				width: 129px;
				height: 47px;
				margin-top: -11px;
			}	
			
			ul#navigation li a:hover {
				background-color: #e9f0f4;
			}



/* ------ CONTENT STYLES ------ */

#main #content {
	padding-bottom: 40px;
	width: 635px;
	float: right;
}
			
	#main #content.homePage {
		width: 550px;
		float: left;
	}
	
	#main #content.faqPage {
		width: 850px;
		float: left;
	}
	
		#main #content.samplePage p {
			font-size: 1.4em;
			margin-bottom: 1.3em;
		}
		
		#main #content.partnersPage p {
			border-bottom: 1px solid #c9af67;
			padding-bottom: 1.3em;
		}
		
			#main #content.partnersPage p.first {
				padding: 0;
				border: none;
			}
	
		#main div#contactContent {
			width: 850px;
			float: left;
			padding-bottom: 40px;
		}
		
	#main #content h1#welcome {
		background: #fff url(images/welcome.png) left top no-repeat;
		width: 334px;
		height: 36px;
		margin-bottom: 25px;
	}
	
		#main #content h1#welcome span {
			visibility: hidden;
		}
		
	#main #content a, 
	#main #content a:link, 
	#main #content a:visited {
		text-decoration: underline;
		color: #55829d;
	}
	
	#main #content a:hover {
		color: #3f5f73;
	}

	#main #content h2 {
		font-size: 2.4em;
		font-weight: bold;
		margin-bottom: 0.7em;
	}
	
	#main #content h3,
	#contactContent h3 {
		color: #55829d;
		font-size: 2.4em;
		font-weight: bold;
		margin-bottom: 0.1em;
	}
		
	#main #content h4 {
		font-size: 2.0em;
		margin-bottom: 0.3em;
		color: #55829d;
	}
	
	#main #content h5 {
		font-size: 1.4em;
		color: #000000;
	}
	
		#main #content ul li {
			font-size: 1.6em;
			background: #fff url(images/bullet.png) left top no-repeat;
			padding-left: 12px;
		}

	#main #content p,
	#contactContent p {
		font-size: 1.6em;
		margin-bottom: 1.3em;
	}
	
	#main .blue {
		color: #54829d;
	}
	
	#main .gold {
		color: #c9af67;
	}
	
		#main .gold a,
		#main .gold a:link,
		#main .gold a:visited,
		#main .gold a:hover {
			text-decoration: none;
			color: #c9af67;
		}
			
	
	#main #content .screenCap {
		margin-bottom: 20px;
	}	
	
	#main #content.faqPage ul.faqlinks li {
		list-style: decimal;
	}
			
	
	/* ------ SUBNAV STYLES ------ */
	
	#main ul#subNav {
		background: #fff url(images/subNav-bg.png) left top no-repeat;
		float: left;
		width: 172px;
		padding: 43px 6px 15px 15px;

	}
		
		#main ul#subNav li {
			font-size: 1.8em;
			padding: 5px 0;
		}
			
			#main ul#subNav li p {
				color: #c9af67;
				padding-left: 15px;
			}
			
			#main ul#subNav li a,
			#main ul#subNav li a:link,
			#main ul#subNav li a:visited {
				display: block;
				height: 14px;
				color: #231f20;
				text-decoration: none;
				padding: 14px 0 20px;
			}

			#main ul#subNav ul#subNav2 li a:hover {
				color: #3f5f73;
			}
			
			#main ul#subNav li.current a {
				background: transparent url(images/subNavItem-bg.png) right top repeat-y;
			}
		
			#main ul#subNav li ul.subSubNav {
				padding: 5px 0 5px 15px;
				border-bottom: 1px solid #c9af67;
				margin-right: 16px;
			}
			
			#main ul#subNav li.subSubNav-redux {
				padding: 1px 0 1px 0;
				font-size: 1.6em;
				font-weight: bold;
				border-bottom: 1px solid #c9af67;
				margin-right: 16px;
			}
				
				#main ul#subNav li ul.subSubNav li {
					margin-bottom: 5px;
					border: none;
					font-size: 0.8em;
					padding: 0;
				}
				
				#main ul#subNav li ul.subSubNav li a,
				#main ul#subNav li ul.subSubNav li a:link,
				#main ul#subNav li ul.subSubNav li a:visited {
					text-decoration: none;
					color: #55829d;
					display: inline;
					margin: 0;
					padding: 0;
				}
				
				#main ul#subNav li ul.subSubNav li a:hover {
					color: #3f5f73;
				}
			
			
			
			
			
	/* ------ FRONT PAGE SPECIFIC STYLES ------ */
	
	#main #content div.highlightBox {
		background: #fff url(images/highlightBox-bg.png) left top no-repeat;
		width: 235px;
		height: 110px;
		padding: 7px 20px;
		margin: 10px 0 0 -8px;
	}
	
		#main #content div.highlightBox h5 {
			height: 41px;
		}
		
			#main #content div.highlightBox h5 a,
			#main #content div.highlightBox h5 a:link {
				display: block;
				height: 41px;
				text-indent: -5000px;
				width: 100%;
			}
			
			#main #content div.highlightBox h5.prices {
				background: transparent url(images/viewOurPrices.png) left top no-repeat;
				margin-left: -7px;
			}
			
			#main #content div.highlightBox h5.samples {
				background: transparent url(images/viewOurSamples.png) left top no-repeat;
				margin-left: -6px;
			}
			
			#main #content div.highlightBox p {
				color: #fff;
				font-family: Arial, sans-serif;
				font-size: 1.4em;
				margin-top: -2px;
			}

	#main img#frontPhoto {
		width: 283px;
		height: 400px;
		margin-right: -1px;
		float: right;
	}
	
	
	
	
	/* ------ CONTACT FORM STYLES ------ */
	
	#contactContent form {
		width: 600px;
		margin-left: 10px;
	}
			
		#contactContent form .form_field {
				float: left;
				margin-bottom: 25px;
				width: 280px;
		}

			#contactContent form .form_field input {
					font-size: 1.4em;
					color: #231f20;
					background-color: #fff;
					padding: 3px;
					width: 224px;
			}

		#contactContent form label {
				color: #55829d;
				font-size: 2.4em;
				font-weight: bold;
				margin-bottom: 0.1em;
				display: block;
		}
			
		#contactContent form textarea {	
			color: #231f20;
		}

		#contactContent form .message {
				float: left;
				margin-bottom: 25px;
				width: 100%;
		}