@charset "utf-8";
/*this is a wildcard selector. Targets every element on the page. Here we are stripping every element on the page of its margin and padding.  Also removes default margins and paddings various browsers have */
* {
	margin: 0px;
	padding: 0px;
}
/*text-align center used here to fix IE display problem.  Wrapper will text-align left to bring us back to normal.*/
body {
	background-color: #666666;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 20px;
}
/*wrapper has position attribute so that any other DIVs within the wrapper, using the absolute positioning, uses the wrapper as the parent*/
#wrapper {
	width: 990px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	height: 660px;
}
#homeheader {
	background-color: #FFFFFF;
	height: 433px;
	background-image: url(images/headerhome.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#aboutheader {
	background-color: #FFFFFF;
	height: 433px;
	background-image: url(images/headerabout.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#servicesheader {
	background-color: #FFFFFF;
	height: 433px;
	background-image: url(images/headerservices.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#contactheader {
	background-color: #FFFFFF;
	height: 433px;
	background-image: url(images/headercontact.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#portraitsheader {
	background-color: #FFFFFF;
	height: 444px;
	background-image: url(images/headerportraits.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#galleryheader {
	background-color: #FFFFFF;
	height: 444px;
	background-image: url(images/headergallery.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#photoheader {
	background-color: #FFFFFF;
	height: 444px;
	background-image: url(images/headerphoto.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#menu {
	font-family: Oswald, Verdana, Arial, Helvetica, sans-serif; /* might have to present Oswald like this 'Oswald' */
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	position: relative;
	width: 420px;
	margin-top: 30px;
	margin-left: 70px;
	float: left;
}
#menu a:link {
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	margin-right: 15px;
}
#menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 15px;
}
#menu a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F0BE29;
	margin-right: 15px;
}
#content {
	float: left;
	height: 227px;
	width: 990px;
	background-color: #FFFFFF;
}
#gallerycontent {
	float: left;
	height: 216px;
	width: 990px;
	background-color: #FFFFFF;
}
#portraitscontent {
	float: left;
	height: 216px;
	width: 990px;
	background-color: #FFFFFF;
	background-image: url(images/portraitsback.jpg);
	background-repeat: no-repeat;
}
#content1 {
	float: left;
	width: 510px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding-top: 30px;
	padding-left: 40px;
	padding-right: 20px;
	text-align: justify;
}
#portraitscontent1 {
	float: left;
	width: 510px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	padding-top: 70px;
	padding-left: 40px;
	padding-right: 20px;
	text-align: left;
	word-spacing: -2px;
}
#portraitscontent1 td {
	vertical-align: top;
}

#galsubmenu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	float: left;
	width: 340px;
	position: relative;
	left: 130px;
	top: 125px;
	font-weight: normal;
}
#galsubmenu a:link {
	color: #999999;
	text-decoration: none;
	display: inline;
	margin-right: 16px;
}
#galsubmenu a:visited {
	color: #999999;
	text-decoration: none;
	margin-right: 16px;
}
#galsubmenu a:hover {
	color: #F0BE29;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0BE29;
	margin-right: 16px;
}
.galsubmenuselected {
	color: #F0BE29;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0BE29;
	margin-right: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#numberlink {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	width: 300px;
	position: relative;
	left: 140px;
	top: 155px;
	font-weight: bold;
}
#numberlink a:link {
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	margin-right: 8px;
}
#numberlink a:visited {
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 8px;
}
#numberlink a:hover {
	color: #F0BE29;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0BE29;
	margin-right: 8px;
}
.numberlinkselect {
	color: #F0BE29;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0BE29;
	margin-right: 8px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#description {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	width: 300px;
	position: relative;
	left: 140px;
	top: 170px;
}
#description a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#description a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#description a:hover {
	color: #F0BE29;
	text-decoration: none;
}
#content2 {
	float: left;
	width: 400px;
	padding-top: 30px;
	padding-left: 20px;
}
#txtheader {
	background-image: url(images/textheader.jpg);
	background-repeat: no-repeat;
	height: 5px;
	width: 358px;
}
#content2txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	background-image: url(images/textbody.jpg);
	background-repeat: repeat-y;
	width: 338px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}
#txtfooter {
	background-image: url(images/textfooter.jpg);
	background-repeat: no-repeat;
	height: 5px;
	width: 358px;
}
#contactinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	position: absolute;
	top: 600px;
	left: 600px;
	width: 340px;
	font-weight: bold;
}
#contactinfo a:link {
	color: #000000;
	text-decoration: none;
}
#contactinfo a:visited {
	color: #000000;
	text-decoration: none;
}
#contactinfo a:hover {
	color: #206DBF;
	text-decoration: none;
}
#pagenav {
	position: absolute;
	top: 615px;
	left: 890px;
	width: 47px;
	height: 34px;
}
/*hides the text - using text as placeholders only*/
#pagenav a span { display: none;}
/*ID tag */
a#pagenavback   {
	background-image: url(images/nav-arrows.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	width: 24px;
	border: 0px;
	float: left;
}
a:hover#pagenavback  {
	background-image: url(images/nav-arrows.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	width: 24px;
	border: 0px;
	float: left;
	background-position: -47px;
}
a#pagenavnext   {
	background-image: url(images/nav-arrows.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	width: 23px;
	border: 0px;
	float: left;
	background-position: -24px;
}
a:hover#pagenavnext  {
	background-image: url(images/nav-arrows.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	width: 23px;
	border: 0px;
	float: left;
	background-position: -71px;
}
a#pagenavbackBW   {
	background-image: url(images/nav-arrowsBW.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	width: 24px;
	border: 0px;
	float: left;
}
a:hover#pagenavbackBW  {
	background-image: url(images/nav-arrowsBW.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	width: 24px;
	border: 0px;
	float: left;
	background-position: -47px;
}
a#pagenavnextBW   {
	background-image: url(images/nav-arrowsBW.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	width: 23px;
	border: 0px;
	float: left;
	background-position: -24px;
}
a:hover#pagenavnextBW  {
	background-image: url(images/nav-arrowsBW.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	width: 23px;
	border: 0px;
	float: left;
	background-position: -71px;
}
#tagline {
	position: absolute;
	top: 570px;
	left: 588px;
	width: 310px;
}
#photobanner {
	position: absolute;
	top: 480px;
	left: 540px;
	width: 332px;
	height: 82px;
}

.italic10grey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	font-style: italic;
}
#addressfull {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	position: absolute;
	top: 538px;
	left: 620px;
	width: 340px;
	font-weight: bold;
	line-height: 20px;
}
#addressfull a:link {
	color: #000000;
	text-decoration: none;
}
#addressfull a:visited {
	color: #000000;
	text-decoration: none;
}
#addressfull a:hover {
	color: #206DBF;
	text-decoration: none;
}
#contactinfo a:hover {
	color: #206DBF;
	text-decoration: none;
}
#content2txt1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	background-image: url(images/textbody.jpg);
	background-repeat: repeat-y;
	width: 338px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
}
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
#gallerylink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	position: absolute;
	top: 515px;
	left: 530px;
	width: 340px;
}
#formlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	position: absolute;
	top: 70px;
	left: 870px;
	width: 75px;
}
#formlink a:link {
	color: #666666;
	text-decoration: none;
}
#formlink a:visited {
	color: #666666;
	text-decoration: none;
}
#formlink a:hover {
	color: #206DBF;
	text-decoration: none;
}
#frameport {
	float: left;
	width: 325px;
	position: absolute;
	left: 70px;
	top: 70px;
	height: 440px;
}
#framephoto {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	width: 520px;
	position: absolute;
	left: 20px;
	top: 70px;
	background-color: #FFFF00;
	height: 570px;
}
#framegal {
	float: left;
	width: 500px;
	position: absolute;
	left: 20px;
	top: 70px;
	height: 570px;
}
#photodescription {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0D62D9;
	float: left;
	width: 300px;
	position: relative;
	left: 140px;
	top: 190px;
	font-weight: bold;
	line-height: 30px;
}
.phototype {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFCC00;
	font-weight: bold;
}

