/* CSS Document */

/*Sets width of main panel at full screen on 800x600 monitor. Centers it on
larger monitors. Inserts bkgnd gradient.*/
#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	background-image: url(Images/cgbkgnd.jpg);
	background-repeat: repeat-x;
	
}
/*Divs for each order form section are numbered 01 thru 14, top to bottom,
left to right. The rule immediately below this comment is a container for
divs 10 to 13.*/
#order10111213 {
	background-color: transparent;
	float: left;
	height: 105px;
	width: 760px;
	padding-top: 30px;
}

/*Container for divs 08, 09*/
#order0809 {
	background-color: transparent;
	float: left;
	height: 35px;
	width: 760px;
}

/*container for divs 05, 06*/
#order0506 {
	background-color: transparent;
	float: left;
	height: 35px;
	width: 760px;
	
}

/*Bold text on order form*/
.orderbold {
	font-weight: 700;
}


#order14 {
	background-color: transparent;
	float: left;
	height: 50px;
	text-align: right;
	width: 702px;
	padding-left: 10px;
}


#order10 {
	background-color: transparent;
	float: left;
	height: 75px;
	text-align: left;
	width: 160px;
	padding-left: 10px;
}

#order11 {
	background-color: transparent;
	float: left;
	height: 75px;
	text-align: left;
	width: 140px;
}

#order12 {
	background-color: transparent;
	height: 75px;
	float: left;
	text-align: left;
	width: 170px;
}

#order13 {
	background-color:transparent;
	float: right;
	height: 75px;
	text-align: left;
	width: 240px;
}

#order08 {
	background-color: transparent;
	float: left;
	height: 35px;
	text-align: left;
	width: 490px;
	padding-left: 10px;
}

#order09 {
	background-color: transparent;
	float: right;
	height: 35px;
	text-align: left;
	width: 240px;
}

#order07 {
	background-color: transparent;
	float: left;
	height: 160px;
	text-align: left;
	width: 750px;
	padding-top: 30px;
	padding-left: 10px;
}

#order06 {
	background-color: transparent;
	float: right;
	height: 35px;
	text-align: left;
	width: 240px;
}

#order05 {
	background-color: transparent;
	float: left;
	height: 35px;
	text-align: left;
	width: 490px;
	padding-left: 10px;
}

#order04 {
	background-color: transparent;
	float: left;
	height: 135px;
	text-align: left;
	width: 750px;
	clear: left;
	padding-left: 10px;
}

#order03 {
	background-color: transparent;
	float: right;
	height: 170px;
	text-align: left;
	width: 400px;
}

#order02 {
	background-color: transparent;
	float: left;
	height: 170px;
	text-align: left;
	width: 220px;
}

/*Format for all text on order form*/
.ordertext {
	background-color: transparent;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: 400;
}

#order01 {
	background-color: transparent;
	float: left;
	height: 115px;
	text-align: left;
	width: 620px;
}
/*Div for nav bar on the order form*/
#order_nav {
	background-color: transparent;
	float: left;
	height: 285px;
	padding-top: 30px;
	width: 140px;
}

.question {
	font-weight: 700;
}
/* .faq formats the faq text so it is aligned left. Questions are formatted
 bold by the .question class using the span selector*/

.faq {
	background-color: transparent;
	color: Black;
	font-weight: 400;
	text-align: left;
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 10px;
}

/*On restorations page*/
#famiglia {
	background-color: transparent;
	margin-left: 80px;
	margin-top: 40px;
}

#famiglia_text {
	background-color: transparent;
	margin-top: 125px;
	text-align: left;
}

/*On restorations2 page*/
#soldier_text {
	background-color: transparent;
	text-align: left;
}

/*On restorations2 pagr*/
#sailboat_text {
	background-color: transparent;
	margin-top: 225px;
	text-align: left;
}

#sailboat {
	background-color: transparent;
	margin-left: 30px;
}

/*Image on restorations2 page*/
#soldier {
	background-color: transparent;
	margin-left: 30px;
	margin-top: 5px;
}

/*On restorations page*/
#church_text {
	background-color: transparent;
	text-align: left;
}

#church {
	background-color: transparent;
	margin-left: 80px;
	margin-top: 10px;
}

/*Box for the text under thumbnail gallery on restorations page. Nested
in thumbnail box*/
#restorethumb_text {
	background: transparent;
	margin-left: 10px;
	text-align: left;
}

/*Pseudo element for return link from all image displays to thumbnail
gallery. Actual link is to collages.htm or restorations.htm*/
.thumbreturn {
	background-color: transparent;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 80%;
	margin-top: 20px;
	margin-left: 15px;
	text-align: left;
}

/*On collages3 page*/
#famtree_text {
	background-color: transparent;
}

#fam_tree {
	background-color: transparent;
	border-color: black;
	margin-top: 15px;
}

/*disney and graduation are on collages2 page*/
#disney {
	background-color: transparent;
	border-color: black;
	margin-top: 15px;
}

#graduation {
	background-color: transparent;
	margin-top: 95px;
}

#disney_text {
	background-color: transparent;
}

#graduation_text {
	background-color: transparent;
	margin-top: 150px;
}

/*On collages page*/
#christmas_text {
	margin-top: 50px;
	text-align: left;
}

/*Center or right box in two colunm layout. Used for index page*/
#twocol_center {
	background-color: transparent;
	float: left;
	height: 900px;
	width: 620px;
}

/*Right box in three column layout with thumbnail gallery. Used
for collage and restoration pages*/
#gallery_rightdiv {
	background-color: transparent;
	float: left;
	height: 750px;
	width: 220px;
}

/*Center box in 3 column layout with thumbnail gallery. Used
for collage and restoration pages*/
#gallery_centerdiv {
	background-color: transparent;
	float: left;
	height: 750px;
	width: 400px;
}

/*Box for text under the collage thumbnails. Nested in the
thumbnail box*/
#collagethumb_text {
	background-color: transparent;
	text-align: left;
	margin-left: 10px;
}

/*On collages page*/
#christmas {
	background-color: transparent;
	float: left;
	margin-top: 55px;
	margin-left: 10px;
	border: Black;
}

/*Format for all text that isn't specified separately*/
p {
	background-color: transparent;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
}

/*Box for thumbnails and their descriptive text in gallery layouts*/
#thumbnails {
	background-color: transparent;
	float: left;
	height: 150px;
	width: 620px;
}

/*The next 3 divs are nested in the footer div*/
#footer_email {
	text-align: center;
	float: right;
	background-color: transparent;
	margin-right:5px;
	width: 210px;
}

#footer_address {
	text-align: center;
	width: 385px;
	float: left;
	background-color: transparent;
	height: 40px;
}

#footer_co {
	text-align: left;
	float: left;
	width: 150px;
	background-color: transparent;
	margin-left: 5px;
}

/*Format for the Digital Photo Editing subhead on index page*/
h2 {
	background-color: transparent;
	color: blue;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: 700;
	margin-top: 10px;
	text-align: left;
	width: 580px;
}

/*Index page text*/
#index_services {
	background-color: transparent;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: 400;
	margin-top: 10px;
	text-align: left;
	width: 580px;
}

/*Text under the image on the index page*/
#index_intro {
	margin-top: 10px;
	text-align: left;
	width: 580px;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: transparent;
	font-size: 100%;
	font-weight: 700;
}

/*Format for all page titles*/
h1 {
	background-color: transparent;
	color: Blue;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 5px;
}

/*Index page image*/
#lighthouse {
	margin-right: 45px;
}

/*Sets the grey full screen bkgnd visible on larger monitors. Text-align
property is a hack to make IE center things. It also centers text and
images in the divs unless overidden by div properties*/
body {
	text-align: center;
	background-image: url(Images/canvas-bkgnd.jpg);
	background-repeat: repeat;
}

/*Top div in all layouts. Contains the logo*/
#header {
	height: 50px;
	width: 760px;
	background-color: transparent;
}

/*Second div in all layouts. Contains the page title*/
#page_title {
	width: 760px;
	height: 50px;
	float: left;
	background-color: transparent;
}

/*Right hand box in three column layout*/
#tricol_rightdiv {
	height: 900px;
	width: 220px;
	float: left;
	background-color: transparent;
	text-align: left;
}

/*Container for the 3 footer divs in all layouts. Bkgnd does not 
display until this div is present*/
#footer {
	height: 40px;
	width: 760px;
	clear: both;
	background-color: transparent;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: 400;
}

/*Left hand div in all layouts. Contains the navbar*/
#left_div {
	height: 900px;
	width: 140px;
	float: left;
	background-color: transparent;
	padding-top: 30px;
}

/*Center div in 3 column layout*/
#tricol_centerdiv {
	height: 900px;
	width: 400px;
	float: left;
	background-color: transparent;
}