/****************************************
Main stylesheet for the Focus Education
	Website

Author: Jonathan Bailey
Email:  returnotheking@gmail.com

****************************************/

/*==============
 Global styles 
===============*/
body {
  text-align: center; /* Fix for centering page in IE */
  background: #25435f url(images/body-bkg.png) repeat-x top;
  font: .8em DejaVu LGC Sans, Verdana, sans-serif;
  }

/* Holds all content */
#container {
  width: 760px;
  margin: 0 auto; /* Centers entire page */
  text-align: left;
  }

/* Pages with blue bkg */
#home #container {
  background: #000 url(images/curve-blue-rep.jpg) repeat-y;
  }

#home #containerBkg {
  background: url(images/curve-blue.jpg) no-repeat bottom;
  }

/* Pages with white bkg */
#visual #container, #success #container, #about #container, #contact #container, #order #container, #gallery #container {
  background: #fff url(images/curve-white-rep.jpg) repeat-y;
  }

#visual #containerBkg, #success #containerBkg, #about #containerBkg, #contact #containerBkg, #order #containerBkg, #gallery #containerBkg {
  background: url(images/curve-white.jpg) no-repeat bottom;
  }

/* Main content area */
#content {
  width: 572px;
  float: right;
  padding: 0 20px 10px 0;
  }

/* Header styles */
h1 {
  font: 1.9em Georgia, Palatino Linotype, serif;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  margin: .4em 0 .8em 0;
  }

h2 {
  font-size: 1.1em;
  font-weight: bold;
  color: #366116;
  text-transform: uppercase;
  margin: 1.8em 0 0 0;
  }

h3 {
	text-indent: 50px;
	font-weight:bold;
	margin: 1%;
	}


/* Add emphasis to regular text by adding bold and italic styles */
.em {
	font-weight: bold;
	font-style: italic;
}

/* Creates 1px solid border for horizontal line */
hr {
  border: none;
  border-bottom: #555 1px solid;
  }

ul {line-height: 2em;}

/* Removes border for anchored images */
img {border: none;}

#footer {
  width: 100%;
  height: 22px;
  clear: both;
  font-size: .8em;
  text-indent: 12px;
  padding: 80px 0 0 0;
  }

/* Main header */
#header {
  width: 100%;
  height: 112px;
  background: url(images/header.jpg) no-repeat top;
  text-indent: -1000em; /* Hides text when CSS in enabled */
  }

/* Global link styles */
#content a:link {
  color: #0a06c1;
  text-decoration: underline;
  }

#content a:visited {
/*  color: #06723b;*/
  }

#content a:hover {
  border-bottom: 2px solid;
  }

#content a:active {
  color: #38aa5a;
  border-bottom: 2px solid;
  }

#footer a:link, #footer a:visited {
  color: #000;
  text-decoration: underline;
  }

#footer a:hover {
  color: #555;
  text-decoration: none;
  }

/* Main navigation styles */
#mainNav {
  position: relative;
  top: -8px;
  width: 160px;
  height: 316px;
  float: left;
  background: url(images/mainNav-bkg.gif) no-repeat top;
  }

#mainNav ul {
  position: relative;
  top: -16px;
  list-style: none;
  }

#mainNav li {
  margin-left: -40px;
  text-indent: -1000em;
  }

#mainNav a:link, #mainNav a:visited {
  display: block;
  height: 34px;
  text-decoration: none;
  }

/* mainNav links, which use a modified Pixy-style rollover effect
-----------------*/
#mainNav .home a:link, #mainNav .home a:visited {
  background: url(images/link-home.gif) no-repeat bottom left;
  }

#mainNav .home a:hover {
  background: url(images/link-home.gif) no-repeat bottom right;
  }

#mainNav .visual a:link, #mainNav .visual a:visited {
  background: url(images/link-visual.gif) no-repeat bottom left;
  }

#mainNav .visual a:hover {
  background: url(images/link-visual.gif) no-repeat bottom right;
  }

#mainNav .success a:link, #mainNav .success a:visited {
  background: url(images/link-success.gif) no-repeat bottom left;
  }

#mainNav .success a:hover {
  background: url(images/link-success.gif) no-repeat bottom right;
  }

#mainNav .about a:link, #mainNav .about a:visited {
  background: url(images/link-about.gif) no-repeat bottom left;
  }

#mainNav .about a:hover {
  background: url(images/link-about.gif) no-repeat bottom right;
  }

#mainNav .contact a:link, #mainNav .contact a:visited {
  background: url(images/link-contact.gif) no-repeat bottom left;
  }

#mainNav .contact a:hover {
  background: url(images/link-contact.gif) no-repeat bottom right;
  }

#mainNav .order a:link, #mainNav .order a:visited {
  background: url(images/link-order.gif) no-repeat bottom left;
  }

#mainNav .order a:hover {
  background: url(images/link-order.gif) no-repeat bottom right;
  }

/* Hi-lights the current page 
------------------------------*/
#home #mainNav .home a {
  background: url(images/link-home.gif) no-repeat top left;
  }

#visual #mainNav .visual a {
  background: url(images/link-visual.gif) no-repeat top left;
  }

#success #mainNav .success a {
  background: url(images/link-success.gif) no-repeat top left;
  }
  
#about #mainNav .about a {
  background: url(images/link-about.gif) no-repeat top left;
  }

#contact #mainNav .contact a {
  background: url(images/link-contact.gif) no-repeat top left;
  }

#order #mainNav .order a {
  background: url(images/link-order.gif) no-repeat top left;
  }

/* End page hi-light and mainNav links */

/* Style for code errors */

.error {
font:"Courier New", Courier, monospace;
color:#FF0000;
}

/*=====================
 Page-specific styles 
======================*/

/* Homepage styles */
#home h1 {
  font-size: 1.8em;
  text-align: left;
  margin: .4em;
  }

#home hr {width: 97%;}

#home #content ul {
  line-height: 2em;
  margin-left: 186px;
  }

#home img {
  float: right;
  margin-top: 30px;
  margin-right: 40px;
  }

#home #footer {color:#FFFFFF;}

#home #footer a:link, #home #footer a:visited {color:#FFFFFF;}

/* Other page styles */
#visual #header, #success #header {
  width: 100%;
  height: 112px;
  background: url(images/header-visual.jpg) no-repeat top;
  text-indent: -1000em; /* Hides text when CSS in enabled */
  }

#contact #content {text-indent: 5%;}

/* Gallery pages */
#gallery #content {
	width: 740px;
	padding: 12px;
	}

#galleryBlock {
	width: 708px;
	padding-left: 16px;
	}
	
#galleryImages {
	height: 238px;
	display:block;
	}

#gallery #leftImg {
	float:left;
	}

#gallery #rightImg {
	float:right;
	}

#gallery #backLink {
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 12px;
	}

/* Gallery navigation styles */
#galleryLinks {
  position: relative;
  text-indent: -1000em;
  }
  
#galleryLinks .link0 {
	float:left;
	width: 120px;
	}

#galleryLinks .link1 {
	float:left;
	width: 120px;
	}

#galleryLinks .link2 {
	float:left;
	width: 120px;
	padding-left: 468px;
	}

#galleryLinks a:link, #galleryLinks a:visited {
  display: block;
    height: 26px;
  }

#galleryLinks .link1 a:link, #galleryLinks .link1 a:visited {
  background: url(images/gallery-btn-pre.gif) no-repeat top;
  }

#galleryLinks .link1 a:hover {
  background: url(images/gallery-btn-pre.gif) no-repeat bottom;
  	border:none;
  }

#galleryLinks .link2 a:link, #galleryLinks .link2 a:visited {
  background: url(images/gallery-btn-next.gif) no-repeat top;
  }

#galleryLinks .link2 a:hover {
  background: url(images/gallery-btn-next.gif) no-repeat bottom;
  	border:none;
  }
  
/* Centers contend for first and last gallery pages */
#firstLast .link1 { padding-left: 179px;}

#firstLast .link2 { padding-left: 409px}

#firstLast #leftImg { padding-left: 179px;}

#firstLast #rightImg { padding-right: 179px;}