/*======================================*

** stylesheet.css

**======================================*/



/*---------------------------------------*

** Created: 06-21-2006

** Author: Justin Gordon

** Website: j-gordon.com

**======================================*/





/*------------------------------------------------------------*

**  Global

**------------------------------------------------------------*/

body {
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size: 83%;
	margin: 0px;
	padding: 0px;
	background-color: #3A5D73;
}

#wrapper {
	width: 656px;
	margin: auto;
}

img {border: 0;}

h1 {
	color: #99FF00;
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	}

h2 {
	color: #99FF00;
	font-size: 1.3em;
	font-weight: normal;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
}

h3 {
	color:#000000;
	font-size: 12px;
	margin-bottom: 5px;
}

a {
	text-decoration: underline;
	color: #8FCE45;
}

a:hover {text-decoration:none;}

/*------------------------------------------------------------*

**  Header

**------------------------------------------------------------*/

#divBannerIndex{
	height: 140px;
	margin-top: 40px;
	border: 5px solid #FFFFFF;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/students.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#divBannerResume{
	height: 140px;
	margin-top: 40px;
	border: 5px solid #FFFFFF;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/resume.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#divBannerPortfolio{
	height: 140px;
	margin-top: 40px;
	border: 5px solid #FFFFFF;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(images/portfolio.jpg);
}

#divBannerGallery{
	height: 140px;
	margin-top: 40px;
	border: 5px solid #FFFFFF;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/gallery.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#divBannerNewsletter{
	height: 140px;
	margin-top: 40px;
	border: 5px solid #FFFFFF;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/newsletter.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#divBannerMusic{
	height: 140px;
	margin-top: 40px;
	border: 5px solid #FFFFFF;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/music.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#divBannerContact{
	height: 140px;
	margin-top: 40px;
	border: 5px solid #FFFFFF;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/contact.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#divlogo {
	height: 130px;
	margin-top: 40px;
	border: 5px solid #FFFFFF;
	text-align: left;
	font-size: 3em;
	padding-top: 10px;padding-left: 10px;
}

span.home {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

span.justin {color: #9DC1D9;}

span.gordon {
	color: #92D340;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99FF00;
}

div.sitename {margin-top:50px;}

div.sitename a{
	text-decoration:underline;
	font-size:1.4em;
	font-weight:bold;
}

span.title1 {
	color: #99FF00;
	font-size: 1.1em;
	font-weight: normal;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.projects li {color: #9DC1D9;}

/*------------------------------------------------------------*

**  Portfolio

**------------------------------------------------------------*/

#resentprojects {
	height: 650px;
	background-color: #396379;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 3px solid #274656;
}

#currentprojects {
	height: 250px;
	background-color: #396379;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 3px solid #274656;
}

div.resent {
	width: auto;
	text-align: center;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
}

div.current {
	height: auto;
	width: auto;
	text-align: center;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
}

div.resent img {
  display: inline;
  margin: 3px;
  border: 3px solid #ffffff;
}

div.resent a:hover img {border: 3px solid #0000ff;}

div.current img {
  display: inline;
  margin: 3px;
  border: 3px solid #ffffff;
}

div.current a:hover img {border: 3px solid #0000ff;}

/*------------------------------------------------------------*

**  Gallery

**------------------------------------------------------------*/

div.img {
  margin: 2px;
  width: auto;
  float: left;
  text-align: center;
}

div.img img {
  display: inline;
  margin: 3px;
  border: 3px solid #ffffff;
}

div.img a:hover img {border: 3px solid #0000ff;}

div.desc {
	text-align: center;
	font-weight: normal;
	width: 120px;
	margin: 2px;
}

div.imgbig {text-align: center;}

/*------------------------------------------------------------*

**  Column Left

**------------------------------------------------------------*/

#colLeft {
	width: 174px;
	height: 600px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #32556B;
	padding: 0px;
	float: left;
	margin: 0px;
	background-color: #3A5D73;
}

/*------------------------------------------------------------*

**  Content Middle

**------------------------------------------------------------*/

#divMainContent {
	padding-left: 15px;
	padding-right: 15px;
}

/*------------------------------------------------------------*

**  Column Right

**------------------------------------------------------------*/

#colRight {
	background-color: #32556B;
	height: 600px;
	width: 475px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#colRight1 {
	background-color: #32556B;
	height: auto;
	width: 475px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

/*------------------------------------------------------------*

**  Navigation

**------------------------------------------------------------*/

#Navigation {
	padding: 0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 175px;
}

#Navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#Navigation li {display: block;}

#Navigation ul li a  {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	font-size: 14px;
	background-color: #32556B;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #32556B;
	height: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	margin: 0px;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #32556B;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3A5D73;
	background-image: url(images/icons/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#Navigation ul li a:hover,  #Navigation ul li  a.current {
	background-color: #365D7A;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #365D7A;
	color: #B4FF05;
}

/*------------------------------------------------------------*

**  Footer

**------------------------------------------------------------*/	

#footer {
	height: 22px;
	clear: both;
	border: 1px solid #32556B;
	color: #FFFFFF;
	text-align: center;
	padding-top: 3px;
}

/*------------------------------------------------------------*

**  End_of

**------------------------------------------------------------*/	

.title {
	font-size: 17px;
	color: #B4FF05;
	height: 20px;
	padding-top: 20px;
	background-image: url(images/line.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-weight: bold;
}

.allpara {
	background-image: url(images/line.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
	color: #9DC1D9;
	margin: 0px;
	text-align: justify;
}

.smallSpacer {
	height: 600px;
	width: 5px;
	float: left;
}

#menuTab {
	color:#32556B;
	font-size:1.2em;
	text-align:center;
	background-image: url(images/navtab.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 175px;
	height: 25px;
	padding-top: 2px;
}