/* Reset ------------------------------------------------------ */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a,
abbr, acronym, address, big, em, font, img, small, strong, sub,
sup, b, u, i, center, ol, ul, li, fieldset, form, label, legend,
caption {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

/* Body IDs --------------------------------------------------- */

#home {
	background: url(img/head-bgm.jpg) repeat-x;
	color:#4b4b4d;
	font: 0.875em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

#rest {
	background: url(img/head-bgm-short.jpg) repeat-x;
	color:#4b4b4d;
	font: 0.875em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
#home-header {
	height: 505px;
	}

#rest-header {
	height: 205px;
	}

/* General ---------------------------------------------------- */	

#wrapper {
	margin: 0 auto;
	width: 940px;
	} 
	
div.clear {
 	clear: both;
    }
	
img {
	border-style: none;
	}	
	
h1 a {
	background:url(img/fda-web-design-logo.png) 0px 0px no-repeat;
	display: block;
	height: 80px;
	text-indent: -9999px;
	width: 100px;
	}
	
h1 a:hover {
	background-position: 0px -80px;
	}
	
h2 {/*Page Titles*/
	color: #ee7f00;
	margin-bottom: 25px;
	font-size: 150%;
	line-height: 135%;
	}	
	
h3 {/*Questions*/
	font-weight: bold;
	}
	
h4 {/*Footer Headers*/
	border-bottom: 1px dotted #dcddde;
	margin-bottom: 10px;
	}
	
#launching {
	background: url(img/launching.png);
	height: 187px;
	text-indent: -9999px;
	width: 599px;
	}
	
#developed {
	font-size: 120%;
	font-weight: normal;
	}
	
#wakefield-college {
	background: url(img/wakefield-college-logo.png) 0px 0px no-repeat;
	display: block;
	height: 60px;
	text-indent: -9999px;
	width: 56px;
	}
	
#wakefield-college:hover {
	background-position: 0px -60px;
	}
	
#apply-button {
	background: url(img/apply-button.png) no-repeat 0px 0px;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 220px;
	}
	
#apply-button:active {
	background-position: 0px -50px;
	}
	
/* Header ----------------------------------------------------- */	

#logo {
	float: left;
	margin: 60px 150px 0px 0px;
	}
	
#logo-2 {
	float: right;
	margin-top: 60px;
	width: 56px;
	}

#nav {
	float: left;
	width: 604px;
	margin: 60px 0px 25px;
	}

#nav ul {
	height: 50px;
	list-style: none;
	}

#nav li {
	display:inline;
	}
	
#nav li a {
	height: 50px;
	float: left;
	overflow: hidden;
	text-indent: -9999px; 
	}

/* Navigation ------------------------------------------------- */	

li#information a {
	background: url(img/navigation.png) no-repeat 0px 0px;
	width: 189px;
	}

li#information a:hover {
	background-position: 0 -50px;
	}
	
li#portfolio a {
	background: url(img/navigation.png) no-repeat -189px 0px;
	width: 148px;
	}

li#portfolio a:hover {
	background-position: -189px -50px;
	}
	
li#apply a {
	background: url(img/navigation.png) no-repeat -337px 0px;
	width: 105px;
	}

li#apply a:hover {
	background-position: -337px -50px;
	}

li#contact a {
	background: url(img/navigation.png) no-repeat -442px 0px;
	width: 162px;
	}

li#contact a:hover {
	background-position: -442px -50px;
	}

/* Content ---------------------------------------------------- */

#content-wrapper {
	margin-top: 25px;
	width: 940px;
	}

#section {
	border-right: 1px dotted #4b4b4d;
	float: left;
	padding-right: 20px;
	width: 599px;
	}
	
#section p, #contact-form p {
	margin-bottom: 15px;
	}
	
#section ul {
	margin-bottom: 15px;
	padding-left: 30px;
	}
	
#section li {
	list-style: disc;
	}
	
#section a {
	color: #ee7f00;
	text-decoration: none;
	}
	
#section a.alt2 {
	color:#4b4b4d;
	}
	
#section a.alt:hover {
	color: #ee7f00;
	border-bottom: 1px dotted #ee7f00;
	}
	
blockquote {
	margin-left: 30px;
	}

#aside {
	float: right;
	padding-left: 20px;
	width: 300px;
	}
	
#aside li {
	border: 1px solid #FFF;
	height: 93px;
	width: 298px;
	margin-bottom: 20px;
	}
	
#aside li:hover {
	border: 1px solid #4b4b4d;
	}

#contact-form {
	border-right: 1px dotted #4b4b4d;
	float: left;
	padding-right: 20px;
	width: 449px;
	}
	
#map-canvas {
	float: left;
	}
	
#map {
	float: left;
	margin-bottom: 20px;
	padding-left: 20px;
	width: 450px;
	}

/* Form ------------------------------------------------------- */

fieldset {
	border: 1px solid #4b4b4d;
	padding: 20px;
	}

legend {
	font-weight: bold;
	padding: 0px 5px;
	}
	
label {
	display: block;
	}
	
input#name, #email, #phone, textarea {
	border: 1px dotted #4b4b4d;
	color: #4b4b4d;
	font: 100% "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 20px;
	padding: 5px;
	width: 395px;
	}
	
textarea {
	display: block;
	height: 100px;
	}	
		
input:focus, textarea:focus {
	background:#eceded;
	}
	
#submit-button {
	}


/* Footer ----------------------------------------------------- */	

#fda-web-design {
	background: url(img/fda-web-design-logo-small.png) no-repeat 0px 0px;
	display: block;
	height: 47px;
	text-indent: -9999px;
	width: 60px;
	}
	
#fda-web-design:hover {
	background-position: 0px -47px;
	}

#footer  {
	background: url(img/footer-bgm.jpg);
	color: #fff;
	font-size: 85%;
	height: 500px;
	margin-top: 20px;
	}

#footer-wrapper {
	margin: 0 auto;
	padding-top: 20px;
	width: 940px;
	} 

#footer-1 {
	float: left;
	padding-top: 10px;
	width: 80px;
	}

#footer-2 {
	float: left;
	width: 220px;
	}
	
#footer-3 {
	float: left;
	margin-left: 20px;
	width: 280px;
	}
	
#footer-4 {
	float: left;
	height: 300px;
	margin-left: 40px;
	width: 140px;
	}		
	
#footer-5 {
	float: right;
	height: 300px;
	width: 140px;
	}
		
#footer-3 li, #footer-4 li, #footer-5 li {
	list-style-type: none;
	}
	
#footer-3 a, #footer-4 a, #footer-5 a {
	text-decoration: none;
	color: #ee7f00;
	}
	
#footer-3 a:hover, #footer-4 a:hover, #footer-5 a:hover {
	color: #ee7f00;
	border-bottom: 1px dotted #ee7f00;
	}
	
address {
	font-style: normal;
	}

/* Slideshow -------------------------------------------------- */

#slideshow {
	position: relative;
	}

#slideshow a {
	height: 300px;
	left: 0;
	opacity: 0.0;
	position: absolute;
	top: 0;
	width: 940px;
	z-index: 8;
	}

#slideshow a.active {
    opacity: 1.0;
	z-index: 10;
	}

#slideshow a.last-active {
    z-index: 9;
	}

#banners img {
	border: 1px solid #fff;
	display: block;
	}
	
#banners img:hover {
	border: 1px solid #9c9e9f;
	}

#banners li {
	float:left;
	font-size: 85%;
	margin-bottom: 15px;
	text-indent: 1px;
	}

.right {
	margin-right: 20px;
	}
	
#colophon a, #disclaimer a, #thanks a {
	color:#4b4b4d;
	}
	
/* Slimbox ---------------------------------------------------- */
	
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
	}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
	}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
	}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
	}

#lbPrevLink {
	left: 0;
	}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0 15%;
	}

#lbNextLink {
	right: 0;
	}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
	}

#lbBottom {
	font-size: 85%;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
	}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
	}

#lbCaption, #lbNumber {
	margin-right: 70px;
	}

#lbCaption {
	font-weight: bold;
	}