@charset "utf-8";

/*-----------------------------------------------------------------------------
	Sean Best Photography
	
	version:   1.0
	author: Johanna Goodyear
	contact: johannagoodyear@gmail.com

/* ---------------------------------------------------------------------------
Basics
-----------------------------------------------------------------------------*/
	
	html, body { height: 100%; } 
	
	/* Force vertical scrollbar */
	html {
	min-height: 100%;
}
	
	* { margin: 0; padding: 0px; } /* Remove padding and margin */

	h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
	margin: 0em 0;
} /* Put it back on certain elements */ 
	
	.clear { clear:both; } /* Class for clearing floats */
	
	img { border: 0; } /* Remove border around linked images */
	
/* ---------------------------------------------------------------------------
Spacers & Headers
-----------------------------------------------------------------------------*/
		
.break {
	margin: 0;
	padding: 0;
	border-width: 0;
	height:8px;
	line-height: 8px;
}

.bigBreak {
	height:15px;
}

br {
	margin: 0;
	padding: 0;
	border-width: 0;
	line-height: 6px;
}

*.brHalf { display:block; margin-top:-0.5em; }

*.brSingle { display:block; margin-top:0em; }

*.brOne { display:block; margin-top:1.5em; }

*.brDouble {
	height:12px;
}

/* ---------------------------------------------------------------------------
HREF Selectors
-----------------------------------------------------------------------------*/	

a:link {
	text-decoration: underline;
	color: #c4f430;
	font-size:14px;
}
a:visited {
	text-decoration: underline;
	color: #c4f430;
	font-size:14px;
}
a:hover{
	text-decoration: underline;
	color: #71e9ff;
	font-size:14px;
}

a:active{
	text-decoration: underline;
	color: #71e9ff;
	font-size:14px;
}

	
/* ---------------------------------------------------------------------------
Paragraph/Header/List Selectors
-----------------------------------------------------------------------------*/	

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	line-height:23px;
	color:#ffffff;
	padding:0;
	margin:0;
	padding-bottom: 15px;
	text-align: left;
}

h1 {
	font-family: Georgia, Helvetica, sans-serif;
	color:#c4f430;
	font-size:21px;
	line-height:21px;
	padding:0;
	margin:0;
	padding-bottom: 15px;
	font-weight: normal;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#86AFEE;
	font-size:21px;
	padding:0;
	margin:0;
	padding-bottom: 12px;
	font-weight: normal;
}
h2 {
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 20px;
	line-height:30px;
	color:#748fc0;
	margin:0;
	font-style:italic;
	font-weight: normal;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:24px;
	color:#ffffff;
	margin:0;
	font-style:normal;
	font-weight: normal;
	padding-bottom: 0px;
}

ul {
	list-style:url(../images/navBullet.jpg);
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#92b2fb;
	line-height:21px;
	margin-top: 0px;
	padding-bottom: 0px;
}


li {
	padding-bottom:15px;
	
}

/* ---------------------------------------------------------------------------
Global ID's
-----------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/siteBG.jpg) #11161c;
	text-align: center;
	margin: 0;
	padding: 0; }
	
#wrapper {
	width: 100%;
	text-align: left;
	background:url(../images/sitebg_btm.jpg) repeat-x bottom;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	position:relative;
	}
	
#siteFrame {
	background:url(../images/sitebg_top.jpg) repeat-x top;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin: 0 auto;
	position: relative; /* Allow room for footer to stick to the bottom */
	width: 100%;
}

#siteFrameBtm {
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin: 0 auto;
	position: relative; /* Allow room for footer to stick to the bottom */
	width: 100%;
}


#invisibleLink {
	background: url(../images_global/spacer.gif) no-repeat 0 0;
	width:549px;
	height:91px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 32px;
	left: 30px;
}

#invisilink {
	background: url(../images_global/spacer.gif) no-repeat 0 0;
	width:100px;
	height:61px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 200px;
	left: 76px;
}


.centerContent{ /* Keep content centered within the browser */
	width:890px;
	margin:0 auto;
	position: relative;
}

/* ---------------------------------------------------------------------------
Top Logo & Navigation
-----------------------------------------------------------------------------*/

.topSect1{
	background:url(../images/top_001.jpg) no-repeat; width:213px; height:177px; float:left;
}

.topSect2{
	background:url(../images/top_002.jpg) no-repeat; width:213px; height:177px; float:left;
}

.topSect3{
	background:url(../images/top_003.jpg) no-repeat; width:213px; height:177px; float:left;
}

.topSect4{
	background:url(../images/top_004.jpg) no-repeat; width:226px; height:177px; float:left;
}

#navBG{
	background:url(../images/navBG.jpg) repeat-x; 
	width:864px; 
	height:45px; 
	padding-left:20px; 
	padding-top:10px;
}

.menuItem{
	float:left;
	height:30px;
	padding-right:15px;
}

.bullet{
	float:left;
	height:10px;
	padding-right:15px;
	padding-top:17px;
}

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

#contentFrame{
	background:url(../images/contentFrame.jpg) no-repeat;
	width:865px;
	margin-top:250px;
	margin:0 auto;
	position:relative;
}

.contentBox_top{
	background:url(../images/contentBG_top.jpg) no-repeat; 
	width: 850px; 
	height:27px;
}

.contentBox_mid{
	background:url(../images/contentBG_middle.jpg) repeat-y;
	width: 830px;
	padding:0px 10px 0px 20px;
	position: relative;
}

.leftFrame{
	float:left; width:540px;
}

.leftBottomFrame{
	position:relative;
	padding-left:45px;
	padding-top:20px;
	margin-bottom: 35px;
}

.rightFrame{
	float:left;
	width:220px;
	padding:5px 20px 90px 25px;
	position:relative;

}

.contentBox_btm{
	background:url(../images/contentBG_btm.png) no-repeat; 
	width: 850px; 
	height:27px;
}

.contentBox_mid a:link {
	text-decoration: underline;
	color: #c4f430;
	font-size:14px;
}
.contentBox_mid a:visited {
	text-decoration: underline;
	color: #c4f430;
	font-size:14px;
}
.contentBox_mid a:hover{
	text-decoration: underline;
	color: #71e9ff;
	font-size:14px;
}

.contentBox_mid a:active{
	text-decoration: underline;
	color: #71e9ff;
	font-size:14px;
}

.secondary_leftFrame{
	float:left;
	width:380px;
	padding-top:50px;
	padding-left: 10px;
	padding-right: 10px;
}

.secondaryHeaders {
	font-family: Arial, Helvetica, sans-serif;
	color:#D5E6FF;
	font-size:17px;
	line-height:21px;
	padding:0;
	margin:0;
	padding-bottom: 15px;
	font-weight: normal;
}

.secondary_rightFrame{
	float:left;
	width:380px;
	padding:5px 10px 40px 15px;
	position:relative;
}

.portBox_top{
	background:url(../images/portfolio_infobox_top.jpg) no-repeat;
	width:335px;
	height:15px;
	margin-left:26px;
}

.portBox_mid{
	background:url(../images/portfolio_infobox_mid.jpg) repeat-y;
	width:310px;
	margin-left:26px;
	padding:0px 10px 5px 23px;
}

.portBox_mid a:link {
	text-decoration: underline;
	color: #c4f430;
	font-size:11px;
}
.portBox_mid a:visited {
	text-decoration: underline;
	color: #c4f430;
	font-size:11px;
}
.portBox_mid a:hover{
	text-decoration: underline;
	color: #71e9ff;
	font-size:11px;
}

.portBox_mid a:active{
	text-decoration: underline;
	color: #71e9ff;
	font-size:11px;
}

.portBox_mid p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e2e2e2;
	padding-bottom: 0px;
	font-weight:normal;
	padding-bottom: 0px;
	padding-top: 0px;
	line-height: 19px;
}

.portBox_btm{
	background:url(../images/portfolio_infobox_btm.jpg) no-repeat; 
	width:335px; 
	height:13px; 
	margin-left:26px;
}

.pageNums{
	position:absolute; 
	width:357px; 
	height:29px; 
	top: 5px; 
	left: 30px;
}

.pageFloat{
	float:left; padding-right:8px;
}

#fieldID{
	background:url(../images/fieldImg.jpg) repeat-x;
	width:220px;
	height:19px;
	margin-bottom:10px;
	padding:8px 0px 6px 7px;
	background-color:#3359BF;
	border: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}

#areaID{
	background:url(../images/fieldImg.jpg) repeat-x;
	width:220px;
	height:100px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:7px 0px 7px 7px;
	background-color:#0d2751;
	border: 0px;
	color:#fff;
}


/* ---------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/

#footerFrame {
	width:860px;
	height:94px;
	position: relative;
}

.footerLogo{
	position:absolute; 
	width:241px; 
	height:34px; 
	top: 30px; 
	left: 10px;
}

.footerContent{
	position:absolute;
	width:230px;
	height:34px;
	top: 35px;
	left: 278px;
}

.footerContent p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e2e2e2;
	padding-bottom: 0px;
}

.footerContent a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#96cc50;
	text-decoration:underline;
}
.footerContent a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#96cc50;
	text-decoration:underline;
}
.footerContent a:hover, a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#71e9ff;
	text-decoration:underline;
}

.footerValidate{
	position:absolute;
	width:90px;
	height:34px;
	top: 40px;
	left: 485px;
}

.footerValidate a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#96cc50;
	text-decoration:underline;
}
.footerValidate a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#96cc50;
	text-decoration:underline;
}
.footerValidate a:hover, a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#71e9ff;
	text-decoration:underline;
}