html {background:url(../Images/Navagation/paper.gif); width:100%;}
body {padding:0; margin:0; font-family:arial, sans-serif; text-align:center; background: url(../Images/Navagation/body.gif) repeat-x 0 -60px; border-top:1px solid #fff; min-width:1200px;}
a {color:#069; font-weight:bold;}
a:hover {text-decoration:none;}
h1, h2, h3, h4 {font-family:georgia, serif;}
a img {border:0;}
img.preload {position:absolute; left:-9999px;}

#wrapper {width:1200px; margin:0 auto; text-align:left;}
#header {background:#aaa; height:140px; position:relative;}
#header a.logo {display:block; margin:0 auto; width:477px; height:60px; text-decoration:none;}
#header a.logo img {border:0;}
#header p.tel {text-align:center; font-size:12px; padding:0; margin:0; color:#fff;}
#header img.hleft {position:absolute; left:0; top:0;}
#header img.hright {position:absolute; right:0; top:0;}

.nav {padding:0; margin:0; list-style:none; position:absolute; left:0; bottom:0; background:url(../Images/Navagation/bar.gif) no-repeat; width:1200px;}
.nav ul {padding:0 20px; margin:0; list-style:none; position:absolute; left:-20px; top:35px; height:0; overflow:hidden; width:1240px; z-index:100;}
.nav li {width:150px; height:35px; float:left;}
.nav li.p7 {width:100px;}
.nav li a {display:block; width:150px; line-height:35px; text-decoration:none; text-align:center; color:#fff; font-weight:bold; font-size:12px;}
.nav li.p7 a {width:100px;}
.nav ul li.back {width:1225px; background:url(../Images/Navagation/liback.png) no-repeat left bottom; height:230px; position:absolute; left:11px; top:0; z-index:-1;}
/* png fix for IE6 */
* html .nav ul li.back {width:1217px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/Navagation/liback.png', sizingMethod='scale');}

.nav ul.sub li.col8 {width:128px; height:180px; padding:30px 10px; float:left; overflow:hidden;}
.nav ul.sub li.col4 {width:275px; height:180px; padding:30px 10px; float:left; overflow:hidden;}
.nav ul.sub li.col3 {width:375px; height:180px; padding:30px 10px; float:left; overflow:hidden;}

.nav ul.sub li p {color:#fff; font-size:14px; line-height:25px;}
.nav ul.sub li.bottomline p {width:500px; line-height:25px; color:#fff; font-size:13px; text-align:center; position:absolute; left:18px; bottom:20px; font-weight:bold; padding:0; margin:0 350px;}


.nav ul.sub li img {display:block; margin:0 auto; border:1px solid #888;}
.nav ul.sub li a {color:#bbb; width:auto;}
.nav ul.sub li a.inline {display:inline;}
.nav ul.sub li a:hover {color:#fff;}

.nav ul.sub li a:hover img {border:1px solid #fff;}
.nav li:hover > a {color:#000;}
.nav li.p7:hover > a {color:#ff0;}
.nav li:hover ul {height:240px;}

.nav ul dl.links {padding:0; margin:0; list-style:none; width:375px; float:left; background:#606060; margin:0 1px; height:130px; border:1px solid #707070;}
.nav ul dl.links dd {width:375px; float:left; line-height:25px; color:#ddd; font-size:13px; padding:0; margin:0}
.nav ul dl.links dd a {text-decoration:none; color:#ddd; line-height:20px; padding:0 20px;}
.nav ul dl.f1 dd a {text-align:left;}
.nav ul dl.f2 dd a {text-align:center;}
.nav ul dl.f3 dd a {text-align:right;}


/* menu for IE6 */
.nav table {border-collapse:collapse; margin-bottom:-1px;}
.nav li a:hover {color:#000; direction:ltr;}
.nav li.p7 a:hover {color:#ff0;}

.nav li a:hover ul {height:240px;}

.homecontent {padding:20px 0;}
.homecontent h1 {margin:0; padding:5px 0; font-size:32px; color:#87381f; text-align:center; font-weight:normal; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);}
.homecontent h2 {margin:0; padding:5px 0; font-size:22px; color:#566c11; text-align:center; font-weight:normal;}
.homecontent h3 {
	margin:0;
	padding:5px 0;
	font-size:20px;
	color:#b14b6a;
	text-align:center;
}
.homecontent h4 {margin:0; padding:5px 0; font-size:18px; color:#63889a; text-align:center;}
.homecontent p {margin:0; padding:5px 0; font-size:13px; color:#333; text-align:center; line-height:20px;}

.section {padding:20px; width:1158px; margin:10px 0; border:1px solid #aaa;
-moz-border-radius: 20px;
border-radius: 20px;
}


.fedora {background:url(../Images/Navagation/fedora2.jpg) no-repeat left top;}


.steps {padding:20px; margin:0 auto; list-style:none; width:600px; border:1px solid #ccc; background:#fff;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.5);
box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.5);
}
.steps li {width:600px; line-height:35px; font-size:13px;}
.steps li b {display:block; width:100px; float:left;}
.steps li em {font-style:normal; display:block; width:150px; float:left;}

/*added for grades page*/
.grades {padding:20px; margin:0 auto; list-style:none; width:700px; border:1px solid #ccc; background:#fff;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.5);
box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.5);
}
.grades li {width:700px; line-height:50px; font-size:13px;}
.grades li b {display:block; width:230px; float:left;}
.grades li em {	font-style:normal;	display:block; width:120px;	float:right;}
.grades h1 {font-style:normal;	display:block;	width:470px; float:right;}

.sizing {float:left; padding:0; margin:0; text-align:center;}
.sizing dt {padding:0 20px; margin:0; color:#fff; font-weight:bold; color:#fff; font-size:13px; line-height:20px; border-bottom:1px solid #aaa;}
.sizing dd {padding:0 20px; margin:0; color:#fff; color:#fff; font-size:13px; line-height:20px;}

#footer {background:#666; border-top:1px solid #333; height:200px; text-align:center; padding-top:10px; min-width:1200px;}
#foot {background:#666; width:1200px; margin:0 auto; text-align:left;}
#foot ul {padding:0; margin:0; list-style:none; width:300px; float:left; padding:10px 46px; background:#606060; margin:0 1px; height:120px; border:1px solid #707070;}
#foot ul li {width:300px; float:left; line-height:20px; color:#ddd; font-size:13px;}
#foot ul li a {text-decoration:none; color:#ddd;}
#foot ul.f1 li {text-align:left;}
#foot ul.f2 li {text-align:center;}
#foot ul.f3 li {text-align:right;}
#foot ul li a:hover {color:#fff;}
#foot p {clear:left;padding: 10px 0; color:#000; font-size:12px;}

.hide {display:none;}
.hatType {float:left; width:280px;}
.info {width:730px; float:right;}
.select {display:block; width:80px; line-height:25px; background:url(../Images/Navagation/pointer.gif); color:#fff; margin-bottom:2px; cursor:pointer; padding-left:20px; font-size:12px; margin-left:280px;}
.select:hover, .active {background:url(../Images/Navagation/pointer2.gif);}
.hatStyle {font-size:25px; color:#555; font-weight:normal; padding:0 0 20px 0; margin:0; font-family:georgia, sans-serif;}
.hatStyle b {color:#800;}
.info h3 {color:#800; font-size:18px; padding:0 0 10px 0; margin:0; text-align:left;}
.info h4 {clear:left; color:#069; font-size:14px; padding:20px 0 10px 0; margin:0; text-align:left;}
.info p {padding:5px 0; margin:0; color:#444; line-height:20px; font-size:13px; text-align:left;}

.thumbnail {border:0; cursor:pointer; margin:0 auto; display:block;}

.clear {clear:both;}
.tnail {display:inline-block; float:left; width:178px; margin:1px; background:#000; text-align:center;}

A.thumbnail:hover img { filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
 -moz-opacity: 1.00; opacity:1;
 }
 
 
.info div {width:730px; float:left;}
.band {display:block; float:left; width:200px; margin:1px 5px; text-align:center;}
.band img {width:200px; margin:0 auto; border:1px solid #666; cursor:pointer;}

/* added below for about us page*/
.aboutus {display:block; float:left; width:235px; margin:1px 5px; text-align:center;}
.aboutus img {height:250px; margin:0 auto; border:1px solid #666; cursor:pointer;}
/* above*/

.testimonial h3 {color:#800; font-size:16px; padding:0 0 5px 0; margin:0;}
.testimonial h4 {clear:left; color:#069; font-size:14px; line-height:20px; margin:0;}
.testimonial iframe {float:left;}
.testimonial p {padding:5px 0; margin:0; color:#444; line-height:20px; font-size:13px;}
.testimonial img.inline {float:left; margin-right:20px;}

.test {width:248px; margin:7px; padding:10px; float:left; border:1px solid #edc;} 
.infoTestimonial {clear:left; text-decoration:none; position:relative;}
.infoTestimonial span {display:none; position:absolute; z-index:2050}
.infoTestimonial:hover span {display:block; width:400px; bottom:25px; left:0; border:1px solid #ccc; background:#fff; padding:10px; color:#444; font-weight:normal; font-size:12px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
.infoTestimonial:hover span.right {left:auto; right:-200px;}

.testx {width:153px; margin:7px; padding:10px; float:left; border:1px solid #edc; text-align:center;} 
.testx iframe {float:right;}

.cost b {float:left; margin-right:20px;}
.nav ul.sub li.left img.fimg {margin:0 5px; float:right;}
.nav ul.sub li.right img.fimg {margin:0 5px; float:left;}

#freehat {width:330px; height:0; border:1px solid #aaa; position:absolute; top:-350px; margin-top:-120px; left:50%; margin-left:-165px; overflow:hidden; padding:5px; background:#ffc; z-index:500;
-moz-border-radius: 5px;
border-radius: 5px;
-o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
}
#closebox {width:330px; height:20px; background:#800;}
#closex {float:right; color:#fff; font: bold 16px/20px verdana, arial, sans-serif; padding-right:5px; cursor:pointer;} 

/*Added the fallowing by casey for navagation paypal welcome */
.infoNav {clear:left; text-decoration:none; position:relative;}
.infoNav span {display:none; position:absolute;}
.infoNav:hover span {display:block; width:350px; bottom:-55px; left:0; border:1px solid #ccc; background:#fff; padding:10px; color:#444; font-weight:normal; font-size:12px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
.infoNav:hover span.right {left:auto; right:-100px;}


.white{color:#FFF;}
.strike {TEXT-DECORATION: line-through; }
.ctr {text-align:center;}
.test2 h5 {margin:0; padding:5px 0; font-size:16px; color:#63889a; text-align:center;}
.test2 {width:248px; margin:7px; padding:10px; border:1px solid #edc; height:160px; display:inline-block; vertical-align:bottom;} 
.test2 {*display:inline;}


.tooltip {text-decoration:none; position:relative;}
.tooltip span {display:none; position:absolute; z-index:2050}
.tooltip:hover span {display:block; bottom:30px; white-space:nowrap; left:0; border:1px solid #ccc; background:#fff; padding:10px; color:#444; font-weight:normal; font-size:12px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}

.languages{display:none}

#social2{
	position: absolute;
	top:20px;
	left: 850px;
	width: 163px;
	height: 60px;
}

#social{
position: absolute;
top:20px;
left: 850px;
}

.twitter{
float:left;
}
.facebook{
float:left;
padding-left:10px;
}
.google{
float:left;
padding-left:10px;
}