@charset "utf-8";
/* CSS Document */

/* ---------------------------------------CSS RESET-------------------------------------------------------- */
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/*-------------------------------------------END CSS RESET-----------------------------------------------------*/

body {
	background: url(images/sitebg.jpg) repeat-x;
	font-size:100%;
	text-align:left;
}

p {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:center;
	line-height:24px;
}

li {
	float:left;
	color:#fff;
	line-height:24px;
	font-family:Arial, Helvetica, sans-serif;
}

#container {
	position:relative;
	width:980px;
	height:100%;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	border:3px solid #000;
	background:#FFF;
}

#header {
	width:980px;
	background: url(images/header.jpg) no-repeat;
	height:150px;
}

#navigation {
	width:980px;
	background:url(images/nav.jpg) no-repeat;
	height:96px;
}

#nav { 
	float:left;
	width:980px;
	margin-top:10px;
	margin-left:38px;
}

#nav li {
	float:left;
	display:inline;
	width:150px;
	height:75px;
	margin-left:0px;
}

.home, .about, .education, .portfolio, .services, .contact {
  display: block;
  width: 300px;
  height: 75px;
  background: url(images/home.jpg) no-repeat 0 0;
}

.about {background: url(images/about.jpg) no-repeat 0 0;}

.education {background:url(images/education.jpg) no-repeat 0 0;}

.portfolio {background:url(images/portfolio.jpg) no-repeat 0 0;}

.services {background:url(images/services.jpg) no-repeat 0 0;}

.contact {background:url(images/contact.jpg) no-repeat 0 0;}

.home:hover, .about:hover, .education:hover, .portfolio:hover, .services:hover, .contact:hover{ background-position:-152px 0;} .home span, .about span, .education span, .portfolio span, .services span, .contact span{ display: none;}

.topnav {
	display:block;
	height:75px;
	width:980px;
}

#bodysection {
	float:left;
}

#lsidecontain {
	float:left;
	width:525px;
	margin-top:15px;
	margin-left:65px;
}

.hometext {
	width:525px;
}

.hometext span {
	font-size:0.8em;
}

#video {
	float:left;
	margin-top:20px;
}

#rside {
	float:left;
	background:url(images/box.jpg) no-repeat;
	width:330px;
	height:553px;
	margin-left:60px;
	margin-top:18px;
}

h2, .testimonials {
	float:left;
	font-size:1.5em;
	color:#fff;
	width:310px;
	margin-left:12px;
	text-align:center;
	font-weight:bold;
	background:#000;
	padding:5px;
}

.testimonials {
	font-size:1.2em;
	margin-top:15px;
}

.subhead {
	float:left;
	width:525px;
	text-align:center;
	background:none;
	padding:0 0 7px 0;
	margin-left:0px;
	color:#000;
}

.choose, .testimonialquotes {
	float:left;
	width:300px;
	margin-left:21px;
	margin-top:5px;
}

.choose li, .testimonialquotes li {
	width:300px;
	text-align:center;
	margin-top:10px;
	font-size:1.1em;
}

.testimonialquotes li {
	font-size:0.9em;
	margin-top:7px;
	line-height:20px;
}

.testimonialquotes li span {
	color: #FC3;
}

h1 {
	float:left;
	width:980px;
	margin-top:25px;
	font-size:0.8em;
	text-align:center;
	padding-bottom:3px;
}

.boxcontain {
	float:left;
	width:240px;
	margin-top:10px;
	margin-left:2px;
	border:3px solid #000;
	padding:6px;
}

.eduheader, .edusubhead, .edusubhead2 {
	float:left;
	width:230px;
	color: #fff;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:url(images/bg.jpg);
	font-size:1.1em;
	font-weight:bold;
	line-height:24px;
	border:1px solid #000;
	padding:4px;
}

.edusubhead, .edusubhead2 {
	width:230px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #fff;
	background:#000;
	font-size:1.0em;
	font-weight:bold;
	margin-top:20px;
}

.edusubhead2 {
	margin-top:15px;
	color:#000;
	font-weight:bold;
	background:none;
	border:none;
}

.courselist {
	float:left;
	width:152px;
	margin-top:15px;
	margin-left:41px;
	background:#fff;
}
	
.courselist li {
	width:152px;
	color:#000;
	text-align:center;
	line-height:34px;
	font-size:0.8em;
	font-weight:bold;
}

.portfoliohead {
	width:525px;
	margin-top:10px;
	font-size:0.9em;
}

.image {
	float:left;
	width:210px;
	margin-top:20px;
	margin-left:35px;
	height:210px;
}

.sitename {
	width:210px;
	text-align:center;
}

.h3serv {
	float:left;
	width:525px;
	text-align:center;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	color:#900;
	font-size:1.2em;
}

form {
	float:left;
	width:425px;
	padding:15px;
	margin-top:30px;
	margin-left:40px;
}

.form-row {
	line-height:34px;
}

.form-row text-input {
	float:left;
	margin-left:0px;
}

.conhead {
	font-size:1.2em;
	width:525px;
	text-align:center;
}

.footer {
	width:980px;
	text-align:center;
	background: url(images/footerbg.jpg);
	font-size:0.8em;
	color:#fff;
}

a:link {color: #900;}a:visited {color: #900;}a:hover {color: #F00;}a:active {color: #900;}