@charset "utf-8";
/* 
(C)OSP Photography 2009
design & front end development by Garrett Haas
*/

/*---------------------------Eric Meyer CSS Reset START------------------------*/

html, body, 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, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/*---------------------------Eric Meyer CSS Reset END------------------------*/
body {
	background-color: #f4f4ed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	line-height: 20px;
	}

a {
	color: #547a00;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

h2 {
	margin: 35px 0 35px 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 46px;
	font-weight: 500;
	line-height: 46px;
	color: #555;
	letter-spacing: -2px;
}

h3 {
	font-size: 13.5px;
	padding: 0 0 15px 0;
}

h4 {
	font-weight: bold;
	padding: 0 0 15px 0;
	font-size: 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #555;
}

h5 {
	font-weight:bold;
	padding: 0 0 15px 0;
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #32251a;
}
h6 {
	font-weight:bold;
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #32251a;
}

.break {
	padding: 0 0 15px 0;
}

.horiz_line {
	border-top: dashed 1px #999;
	padding: 15px 0 0 0;
}

.inset {
	list-style-position: outside;
	padding: 0 0 0 50px;
}

.pad_left {
	padding: 0 0 0 30px;
}

.pad-right {
	padding: 0 5px 0 0;
}

.float-left {
	float: left;
	padding: 0 0 0 15px;
}
.link_large {
	font-size: 15px;
}
.ad {
		font: 11px;
		color: #777;
	}
/*---------------------------CONTAINER START------------------------*/
#container {

}

/*---------------------------HEADER START------------------------*/
#header {
	background: url(images/header-image.jpg) #fff no-repeat;
	height: 161px;
	width: 100%
}

#logo {
	left: 105px;
	position: relative;
	padding: 0 8px 0 0;
	float: left;

}
#logo a {
	display: block;
	background: url(images/OSP-Photography.gif) no-repeat;
	height: 125px;
	width: 164px;
}

#logo a:hover {
	display: block;
	background: url(images/OSP-Photography-on.gif) no-repeat;
	height: 125px;
	width: 164px;
}

#info {
	position: absolute;
	float: left;
	top: 12px;
	left: 512px;
}

#search {
	position: absolute;
	float: left;
	top: 5px;
	width: 260px;
	left: 780px;
}


#nav2_ul {
	position: absolute;
	top: 40px;
	left: 681px;
	width: 153px;
	background: #fff;
	list-style: none;
}

#nav2_ul li {
	display: block;
	height: 23px;
	width: 153px;
	list-style: none;
}
#nav2_ul li a {
	display: block;
	height: 23px;
	width: 153px;
	list-style: none;
}

#nav2_ul #nav2_oo {
	display: block;
	height: 42px;
	width: 153px;
	list-style: none;
}
#nav2_ul #nav2_oo a {
	display: block;
	height: 42px;
	width: 153px;
	list-style: none;
}


#nav2_oo a {
	background: url(Images/nav2-2_off.gif) 0px 0px no-repeat;
}
#nav2_oo a:hover {
	background: url(Images/nav2-2_on.gif) 0px 0px no-repeat;
}

#nav2_cs a {
	background: url(Images/nav2_off.gif) 0px -39px no-repeat;
	top: -39px;
}
#nav2_cs a:hover {
	background: url(Images/nav2_on.gif) 0px -39px no-repeat;
	top: -39px;
}

#nav2_rs a {
	background: url(Images/nav2_off.gif) 0px -64px no-repeat;
	top: -64px;
}
#nav2_rs a:hover {
	background: url(Images/nav2_on.gif) 0px -64px no-repeat;
	top: -64px;
}

#nav2_jfs a {
	background: url(Images/nav2_off.gif) 0px -89px no-repeat;
	top: -89px;
}
#nav2_jfs a:hover {
	background: url(Images/nav2_on.gif) 0px -89px no-repeat;
	top: -89px;
}

/*---------------------------HEADER END------------------------*/


/*---------------------------NAVIGATION START------------------------*/
#nav1_ul {
	position: relative;
	padding: 0 0 0 0;
	display: inline;
	display: block;
	height: 35px;
	width: 100%;
	background: #333;
	
}

#nav1_ul li {
	position: absolute;
	display: block;
	height: 35px;
	left: 54px;
	list-style: none;
	
}
#nav1_ul li a {
	position: absolute;
	display: block;
	height: 35px;
	list-style: none;
}

#nav1_home a {
	background: url(Images/nav_off.gif) 0px 0px no-repeat;
	width: 58px;
}
#nav1_home a:hover {
	background: url(Images/nav_on.gif) 0px 0px no-repeat;
	width: 58px;
}

#nav1_gallery a {
	left: 57px;
	background: url(Images/nav_off.gif) -57px 0px no-repeat;
	width: 90px;
}
#nav1_gallery a:hover {
	left: 57px;
	background: url(Images/nav_on.gif) -57px 0px no-repeat;
	width: 90px;
}

#nav1_picdaytips a {
	left: 148px;
	background: url(Images/nav_off.gif) -148px 0px no-repeat;
	width: 118px;
}

#nav1_picdaytips a:hover {
	left: 148px;
	background: url(Images/nav_on.gif) -148px 0px no-repeat;
	width: 118px;
}

#nav1_testimonials a {
	left: 266px;
	background: url(Images/nav_off.gif) -266px 0px no-repeat;
	width: 130px;
}

#nav1_testimonials a:hover {
	left: 266px;
	background: url(Images/nav_on.gif) -266px 0px no-repeat;
	width: 130px;
}

#nav1_quality a {
	left: 396px;
	background: url(Images/nav_off.gif) -396px 0px no-repeat;
	width: 92px;
}

#nav1_quality a:hover {
	left: 396px;
	background: url(Images/nav_on.gif) -396px 0px no-repeat;
	width: 92px;
}

#nav1_privacy a {
	left: 488px;
	background: url(Images/nav_off.gif) -488px 0px no-repeat;
	width: 94px;
}

#nav1_privacy a:hover {
	left: 488px;
	background: url(Images/nav_on.gif) -488px 0px no-repeat;
	width: 94px;
}

#nav1_about a {
	left: 582px;
	background: url(Images/nav_off.gif) -582px 0px no-repeat;
	width: 84px;
}

#nav1_about a:hover {
	left: 582px;
	background: url(Images/nav_on.gif) -582px 0px no-repeat;
	width: 84px;
}


#nav1_faq a {
	left: 666px;
	background: url(Images/nav_off.gif) -666px 0px no-repeat;
	width: 69px;
}

#nav1_faq a:hover {
	left: 666px;
	background: url(Images/nav_on.gif) -666px 0px no-repeat;
	width: 69px;
}
#nav1_contact a {
	left: 734px;
	background: url(Images/nav_off.gif) -734px 0px no-repeat;
	width: 96px;
}

#nav1_contact a:hover {
	left: 734px;
	background: url(Images/nav_on.gif) -734px 0px no-repeat;
	width: 96px;
}
/*---------------------------NAVIGATION END------------------------*/

/*---------------------------CONTENT START------------------------*/
#content {
	width: 935px;
	margin: 15px 15px 15px 90px;
	line-height: 20px;
	background-color: #f4f4ed;
}
#col1, #col2, #col3, #col1-2, #col2-3 ul li { 
list-style-image: url(Images/arrow-sm.png); 
}
#col1 {
	float: left;
	padding: 15px;
	width: 235px;
	border-right: solid 1px #999;
}

#col2 {
	float: left;
	padding: 15px;
	width: 235px;
}

#col3 {
	float: left;
	padding: 15px;
	width: 235px;
}

#col1-2 {
	float: left;
	padding: 15px;
	width: 470px;
	border-right: solid 1px #999;
	line-height: 22px;
}

#col2-3 {
	float: left;
	padding: 15px;
	width: 470px;
	line-height: 22px;
}
#col1-3 {
	float: left;
	padding: 15px;
	width: 660px;
	border-right: solid 1px #999;
	line-height: 22px;
}

#col-form {
	float: left;
	padding: 15px;
	width: 800px;
}
#col3l {
	float: left;
	padding: 15px;
	width: 400px;
}
#content ul li {
	padding: 0 0 15px 0;
}

#login_div {
	padding: 0 0 15px 0;
}

#directory {
	border: 0;
	width: 350px;
}

#image-grid {
	float:left;
}

#image-grid li {
	margin: 0 20px 0 0;
	list-style: none;
}
.dept {
	font-weight: bold;
	color: #000;
	height: 10px;
	padding: 10px 0 0 3px;
	border-bottom: solid 1px #999;
	
}
.dir_pad {
	background: url(Images/directory-bg.gif) bottom left no-repeat;
}

.name {
	padding: 0 0 0 3px;
}

/*---------------------------CONTENT END------------------------*/

/*---------------------------FOOTER START------------------------*/
#footer {
	position: relative;
	top: 50px;
	clear: both;
	padding: 50px 15px 50px 50px;
	height: 180px;
	background: url(Images/footerbg.gif);
	border-top: solid 1px #333;
	line-height: 16px;
}

#foot_container {
	width: 515px;
}
#foot1 {
	float: left;
	width: 160px;
	padding: 18px 0 8px 0;
}
#foot2 {
	float: left;
	width:350px;
	padding: 15px 0 8px 0;
}

.footnav {
	padding: 0 0 8px 0;
	font-size: 11px;
	width: 530px;
	border-bottom: solid 1px #999;
}

.foot_content {
	padding: 3px 0 7px 0;
}

#footer a {
	color: #222;
}
#footer a:hover {
	color:#000;
}
#footer p {
	font-size: 11px;
	color: #333;
}
.emph {
	font-weight: bold;
}
.footer_var {
	font-size: 12px;
	color: #000;
	padding: 0 0 2px 0;
	border-bottom: solid 1px #999;
}
/*---------------------------CONTAINER END------------------------*/