/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
.rightjustify {
	float: right;
}
.leftjustify {
	float: left;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;display:block;}
a{
	text-decoration:none;
	color:#252e1c;
}
a.mainbody{
	text-decoration:none;
	color:#0000ff;
}
a.mainbody:hover{
	text-decoration:underline;
	color:#0000ff;
}

h1,h2,h3,h4,h5{
	font-weight:bold;
}
h6 {
	color: #808080;
	font-style: italics;
}

h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:160%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:126%}/* 18px */
h6{font-size:75%}/* 16px */

body{
	font-size: 13px; 
	text-align:center;/* for ie5.+*/
}

body{
	background:#ffffff;
	}

	#outer{
	width:965px;
	margin:auto;/* center the page*/
	text-align:left;/* reset text back to left due to ie5.x fix */
	}

	#header{
	width:965px;
	}

	
	ul#nav{
	font-size:160%;
	padding:0px 0px 0px 0px;
	left:20px;
	top:93px;
	text-align:left;
	position:relative;
	z-index:2
	}

	ul#nav li{
	display:inline;
	padding:0 13px 0 0;
	text-transform:uppercase;
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: black; 
	text-shadow: 0 0 0.1em #ccc, 0 0 0.1em #ccc,
        0 0 0.1em #ccc;
	}

	ul#nav li a{
	color:#000;
	}

	ul#nav li a:hover,
	ul#nav li.current a{color:#8bbd25}


	ul#nav{
	position:relative;
	z-index:2
	}

	#navcontainer{
	width:965px;
	height:116px;
	margin:-24px 0 0 0;
	background:url(/for_francie/images/Header.jpg) no-repeat 0 0;
	position:relative;
	z-index:1
	}

#tagline a,
#tagline a em{
	position:relative;
	width:218px;
	height:68px;
	overflow:hidden;
	left:27px;
	top:39px;
}
#tagline a em{
	cursor:pointer;
	left:0;
	top:0;
	/*background:url(http://csshowto.com/sanke-photography/images/logo.jpg) no-repeat 0 0; use this as an alternative to image in the html*/
}

#subheadstatic{
	width:239px;
	height:216px;
	background:url(/for_francie/images/Subheader.jpg) no-repeat 0 0;
	position:relative;
}

#subheadslideshow{
	width:726px;
	height:216px;
	position:relative;
	left:239px;
	top:-216px;
	background:url(/for_francie/images/Subheader_slideshow1.jpg) no-repeat 0 0;
}

#main{
	background:url(/for_francie/images/maincol_bg.jpg);
	repeat-y: 0 0; 
	min-height:270px; 
	width: 965px;
	top: -216px;
	position: relative;
}

#col1{
	width:190px;
	margin:0 28px 0 18px;
	display:inline;/* cure IE6 double margin bug*/
	float:left;
	position: relative;
	top: 20px;
}

#maincol{
	width:424px;
	margin:0 48px 0 0;
	float:left;
	position: relative;
	top: 20px;
}

#col2{
	width:220px;
	float:left;
	margin:0 10px 10px 0;
	display:inline;/* cure IE6 double margin bug*/
	position: relative;
	top: 20px;
}

#bottomnav{
	width:400px;
	padding:30px 20px 20px 20px;
	clear:both;
	position: relative;
	top: 55px;
	left: 240px;
	z-index:1;
}

#footer{
	width:965px;
	padding:44px 0 0 0;
	background:url(/for_francie/images/footer.jpg) no-repeat 0 0;
	clear:both;
}

#thefineprint{
	width:965px;
	padding:44px 0 0 0;
	clear:both;
	top: -250px;
	position: relative;
}