body {
	margin:28px 21px;
	font-family:verdana;
	background-color:#242C34;
	font-size:11px;
	color:#FFFFFF;
}

h1 {
	margin:10px;
	font-size:14px;
}

h2 {
  font-size:12px;
}

/*start id selectors*/
#bgpanel {
	position:relative;
	left: 50%;
	margin-left:-388px;
	width:777px;
	height:503px;
	background-color:#353D44;
}

#contact {
	position:absolute;
	top:475px;
	left:23px;
}

@media screen {
  #contact_print {display:none;}
}

#copyright {
	position:absolute;
	right:16px;
	bottom:8px;
	width:116px;
	height:22px;
	font-family:verdana;
	font-size:9px;
	color:#868B8F;
	letter-spacing:-0.1em;
}

#copyright img {
	position:absolute;
	right:0px;
	bottom:0px;
}

#copyright span {
	position:absolute;
	left:0px;
	bottom:0px;
}

#logo {
	position:absolute;
	top:44px;
	left:23px;
}

#navigation {
	position:absolute;
	top:88px;
	left:643px;
	width:116px;
	height:375px;
	background-color:#242C34;
}

#navigation a {
	display:block;
	width:75px;
	height:9px;
	margin: 18px 0px 0px 13px;
}

a#about {
	background-image:url('images/navigation/about.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
		
a#about:hover {
	background-image:url('images/navigation/about_on.gif');
}

#navigation a.subnav {
	margin: 3px 0px 3px 20px;
	width:56px;
}

a.subnav#portraits {
	height: 14px;
	background-image:url('images/navigation/portraits.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
		
a.subnav#portraits:hover {
	background-image:url('images/navigation/portraits_on.gif');
}

a.subnav#weddings {
	height: 17px;
	background-image:url('images/navigation/weddings.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
		
a.subnav#weddings:hover {
	background-image:url('images/navigation/weddings_on.gif');
}

a.subnav#events {
	height: 13px;
	background-image:url('images/navigation/events.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
		
a.subnav#events:hover {
	background-image:url('images/navigation/events_on.gif');
}

a.subnav#daytoday {
	height: 12px;
	background-image:url('images/navigation/daytoday.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
		
a.subnav#daytoday:hover {
	background-image:url('images/navigation/daytoday_on.gif');
}

#nobutton {
	width:75px;
	height:9px;
	margin: 18px 0px 0px 13px;
}

#gallery {
	width:75px;
	height:9px;
	margin: 18px 0px 0px 13px;
	background-image:url('images/navigation/galleries.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contentpanel {
	position:absolute;
	top:88px;
	left:23px;
	width:550px;
	height:375px;
	background-color:#3F474E;
        text-align:center;
}

#contentpanel img {
	
}

#contentpanel p {
	margin: 10px;
}

#orderpanel {
  position:absolute;
  top:88px;
  left:23px;
  width:735px;
  height:375px;
  background-color:#3F474E;
  text-align:left;
}

@media screen {
  #orderpanel {
    overflow:auto;
  }
}

#orderpanel img {margin-right:10px; margin-bottom:30px; border:1px solid #FFFFFF;}
input.button {position:absolute; top:50px; right:20px; font-size:10px; background-color:#EFEFEF; border:1px solid #000000;}

#orderpanel table th, #orderpanel table td {padding: 1px; text-align:left;}

#scroll {margin:5px;}

#scroll a {float:left; width:15px; height:9px;}

#scroll a.previous {margin:0px 17px 0px 0px; background: url("images/arrowleft.gif") top left no-repeat; border:none;}

#scroll a.next {margin:0px 0px 0px 0px; background: url("images/arrowright.gif") top left no-repeat; border:none;}

#scroll img#left {
	margin: 0px 0px 0px 1px;
}

#scroll img#right {
	margin: 0px 0px 0px 10px;
}

#thumbs {
	position:absolute;
	top:88px;
	left:578px;
	width:58px;
	height:375px;
	background-color:#242C34;
}

#thumbs a {
	display: block;
	margin: 4px 4px 8px 4px;
	border: 1px solid #242C34;
}

#thumbs a:hover {
	border: 1px solid #FFFFFF;
}

#thumbs img.thumb {display:block; margin:4px 4px 8px 4px; border:1px solid #242C34;}

form div {
	clear:left;
	margin:0px 0px 10px 0px;
}

form div label {
	float:left;
	margin:0px 3px 0px 0px;
	width:100px;
	text-align:right;
}

@media print {
  
  #logo, #copyright, #contact {display:none;}

  #orderpanel {
    overflow:none;
  }

  #contact_print {display:block;}
}