/* 
Stylesheet for meganmsullivan.com
Prepared by Scott Reston - http://scott.therestons.com
09/2007
===============================================================*/



body { 
	margin:10px auto; padding:0; 
	width: 650px;
	font: 76% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
	line-height: 1.3;
	color: #333;
	background-image: url(bg3.jpg); background-attachment:fixed;
}



p {
	font-size: 1em;
	padding: 0;
	margin-top: 0;	margin-bottom: .5em;
}

div, li, ol, ul, dl, table { font-size: 1em; margin:0; padding:0; }

blockquote {margin: 1em 10%;}

img	{
	display: inline;
	border: none;
	margin: 0;
}
.floatleft {
	float: left;
	margin: .5em .5em .5em 0;
}
.floatright {
	float: right;
	margin: .5em 0 .5em .5em;
}


a {
	color: #37467C;
	text-decoration: underline;
	outline: none;
}
	a:hover {
		text-decoration: none;
	}
	a:active {
		outline: none;
	}
	a.external {
		padding-right: 12px;
		background: url(bg-a-external.gif) no-repeat right;
	}
	
	a.pdf {
		padding-right: 12px;
		background: url(bg-a-pdf.gif) no-repeat right;
	}
	

h2 { 
	font-size: 1.3em;
	font-weight:bold;
	margin: 0 0 1em 0;
}

h3 { 
	font-size: 1.1em;
	font-weight:bold;
}
	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */




/* =Structural
===============================================================*/

div#container { position: relative; }

div#header {
	padding-left: 4px;
	position:relative;
	border-bottom: 2px dashed #6E8BA9;
	height: 140px;
	margin-bottom: 10px;
	
}	

div#content {
	clear: both;
}


/* =Header
===============================================================*/

h1 {
	margin: 0;
	text-indent:-5000em;
	background-position:top left;
	background-repeat:no-repeat;
	width: 130px; height: 130px;
	background-image:url(logo.gif);
	float: left;
}

h1 a {
	display: block;
	height: 130px;
	background-color: transparent;
}
h1 a:hover {
	background-color: transparent;
}

/* =Navigation
===============================================================*/

ol#navigation {
	margin: 0 0 0 150px;
	list-style-type:none;
	font-size: 1.4em;
	font-weight:bold;
	position: relative;
	text-align: right;
}

	ol#navigation li {
		display: inline;
		margin-right: 2ex;
	}

	ol#navigation ol {
		display: none;
		position: absolute;
		top: 2em; right: 0;
	}
	
	ol#navigation li.on li.on a{
		color: #666;
	}
	ol#navigation li.on li.on{
		border-bottom: 1px dashed #666;
	}
	
	ol#navigation a{
		color: #6F8CAA;
		text-decoration:none;
	}
	ol#navigation li.on a{ color: #FDE8B3; padding: 0 2px;}
	
	ol#navigation li.on a {
		 background-color: #6F8CAA;
		 color: #FDE8B3;
	}
	
	ol#navigation li.on ol { 
		display: block; 
		/*background-color:#6F8CAA;*/
		color: #FDE8B3;
		font-size: .8em;
	}
		ol#navigation li.on ol a { background-color: transparent; color: #6F8CAA;}



/* =Content
===============================================================*/
#content ul, #content ol { /*margin: 1em 4ex;*/ }


#content .text {
	padding: 1em;
	/*border: 1px dashed #37467C;*/
	background-color: #FDE8B3;
	color: #666;
}

ul#thumbnails {
	list-style-type:none;
	margin: 1em 0;
	width:650px;
}
	ul#thumbnails li {
		width: 215px;
		height: 185px;
		float: left;
		padding-bottom: 2em;
		text-align:center;
	}
		ul#thumbnails li img {
			display:block; margin: 0 auto;
		}
		
		ul#thumbnails li a{
			display: block;
			
			text-decoration:none;
		}
		
		ul#thumbnails a:hover  {
			color: #333;
			text-decoration:underline;
		}
		
	


/* =Footer
===============================================================*/


#footer {
	font-size: .8em;
	color: #68749D;
	margin-left: 178px;
	width: 640px;
	margin-top: 5em;
	clear:both;
}
	#footer a {
		color: #68749D;
	}

	

/* =Homepage
===============================================================*/

ul#home-matrix {
	margin: 0 auto; padding: 0;
	list-style-type:none;
	width: 474px; /* 158 x 3 */
}
	ul#home-matrix li {
		float: left;
	}
		ul#home-matrix li a{ border: 1px dotted #FFFFCC; padding: 2px; margin: 1px; display: block;}
		ul#home-matrix li a:hover{ border: 1px dashed #6F8CAA; background-color: #FFFFCC; } 
		
		

/* =Product Detail
===============================================================*/

.next-prev {
	list-style-type: none;
	margin: 0; padding: 0;
	width: 100%;
}
	.next-prev li { width: 50%; margin: 0 0 10px 0;}
	.next-prev a { display: block; width: 100%; text-decoration: none; }
		.next-prev a:hover { text-decoration: underline; }

	.next-prev .prev-button {  float: left; text-align: left;}
	.next-prev .next-button {  float: right; text-align: right;}
	

/* =Contact Form
===============================================================*/	
	
form label {
	display:block; float: left; clear: left;
	margin-right: 5px; margin-top: 2px;
	font-weight: bold; color: #6F8CAA;
}	

	form label.noclear { clear: none; float: none;}


form span { display: block	; clear: left; margin-bottom: 4px;}
form .noclear { clear: none; display: inline; }
form input.submit { padding: 2px 4px; background-color: #6F8CAA; color: #FDE8B3; font-weight: bold; margin-right: 10px; border: none;}
.validation-advice,.custom-advice { color:#ff0000; font-weight: bold;}
.validation-failed { border: 1px solid #ff0000; display: inline; }
.required { background-color:#eee; color: #000; }