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

/*
  
 * Filename		 		style.css
 * Website				
 * Author				InMotion Hosting - http://inmotionhosting.com 

 */

html, body {margin:0;padding:0;}
html{

	}
body {
	font-family: 'Lato', sans-serif;
	background:#000033;);
	}

h1 {
	margin-bottom:21px;
	font-weight:normal;
	font-family: 'Lato', sans-serif;
	font-size:36px;}
h2 {
	margin-bottom:15px;
	font-weight:normal;
	font-family: 'Lato', sans-serif;
	font-size:24px;}
h3 {
	margin-bottom:21px;
	font-weight:normal;
	font-family: 'Lato', sans-serif;
	font-size:21px;}
h4 {
	margin-bottom:21px;
	font-weight:normal;
	font-family: 'Lato', sans-serif;
	font-size:18px;}
h5 {
	margin-bottom:21px;
	font-weight:normal;
	font-family: 'Lato', sans-serif;
	font-size:16px;}
h6 {
	margin-bottom:18px;
	font-weight:normal;
	font-family: 'Lato', sans-serif;
	font-size:14px;}

p {
	text-align:justify;
	line-height:18px;
	margin-bottom:18px;
	font-family: 'Lato', sans-serif;
	font-size:14px;}
	

a:link, a:visited {
	color:#23238E;text-decoration:none; outline:none;}
a:hover, a:focus {text-decoration:underline; outline:none;}





/* insert this class where you need to clear inline items */
.clearall {clear:both;}


/* float images left or right - adjust margins as needed */
.left-img {float:left; margin:0 10px 0 0;}
.right-img {float:right; margin:0 0 0 10px;}




/*** LAYOUT STYLES ***/
#headerWrap, footerWrap, #contentWrap{
	width:100%;}
#header,#content, #footer, #nav {margin:0 auto; width:960px;}



/* HEADER */

#headerWrap{
	background:url(../_img/headerWrapBG.jpg) repeat-x}
#header {
	background:url(../_img/headerBG.jpg) no-repeat;
	height:150px;}
#logo {
	float:left;}
#contact-info {
	padding-top:20px;
	float:right;}

#contact-info p{
	text-align:right;
	color:#FFF;
	font-size:18px;}
#contact-info p a{
	color:#FFF;}
	.facebook{
		float:right;}
/* NAVIGATION */

#navWrap{
	position:relative;
	z-index:5;
	background:url(../_img/navBG.png) repeat-x;
	height:52px;}
#nav {
	height:52px;
}


#nav ul {
	height:40px;
	padding-top:8px;
	text-align:center;
	display:block;
}
#nav li {
	font-size:21px;
	height:40px;
	padding:0 20px;
	color:#FFF;
	display:inline;
	text-shadow: 0px 2px #666;
}
#nav li a{
	color:#FFF;}





/* CONTENT */
#contentWrap{
	background:url(../_img/bodyBG.jpg);}
#content {
	margin-top:-20px;
	padding-top:30px;
	padding-bottom:30px;
	min-height:500px;
	background:url(../_img/contentBG.png) repeat-y;
	width:1000px;
	overflow:hidden;}



#content-left {
	width:640px;
	padding-left:40px;
	float:left;}
	
#content-left h1.welcome{
	padding-bottom:8px;
	border-bottom:1px solid #000;}
.center{
	text-align:center;}
	
#content-left .heading{
	font-size:21px;
	margin-bottom:8px;}
.product ul{
	margin-bottom:20px;}
#content-left ul{
	margin-bottom:10px;
	margin-left:20px;}	
#content-left ul li{
	line-height:18px;
	font-size:14px;
	padding-bottom:8px;
	list-style-type:disc;}	
#content-left.product ul{
	margin-bottom:20px;}
img.youtube{
	float:left;
	margin-top:-20px;}
p.youtube{
	font-size:24px;
	float:left;
	width:280px;}	
#content-right {
	padding-right:40px;
	width:240px;
	float:right;}
#content-right h2{
	margin-top:10px;
	padding-bottom:8px;
	border-bottom:1px solid #000;}
#content-right img{
	margin-bottom:30px;}
	
p.imgage{
	float:left;
	width:320px;}

/* FOOTER */

#footer-wrap {
	background:url(../_img/footerBG.jpg) repeat-x;
	height:150px;}
#footer {
	padding-top:30px;
	text-align:center;
	width:1000px;}
	

#footerNav{
	padding-right:20px;
	float:right;}
#footer ul{
	margin-bottom:15px;
	text-align:right;
	display:block;}
#footer li{
	padding:0 5px;
	color:#FFF;
	font-size:14px;
	display:inline;}
#footer a, #footer a:visited {
	color:#FFF;}
#footer a:hover, #footer a:focus {}

#contact{
	padding-left:30px;
	float:left;}
#contact p{margin-bottom:10px;
	text-align:left;
	color:#FFF;
	font-size:14px;}
#contact p a{
	color:#FFF;}
#contact img{
	border:1px solid #FFF;
	float:left;}	
#copyright {
	margin-top:15px;}
#copyright p {
	
	font-size:12px;
	color:#999;}
#copyright a, #copyright a:visited {}
#copyright a:hover, #copyright a:focus {}



/* Errors */

#404wrap {margin:20px auto; width:800px; height:400px; background:#f2f2f2; border:1px solid #e3e3e3; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#404wrap h1 {font-size:18px; margin:20px; text-align:center;}
#404wrap p {margin:20px; text-align:center;}
#404wrap ol {margin:40px;}
#404wrap ul {margin:40px;}
#404wrap li {padding-bottom:8px;}
#404wrap a:link, #404wrap a:visited {color:#01759d; text-decoration:none; outline:none;}
#404wrap a:hover, #404wrap a:focus {color:#e26c1d; text-decoration:underline; outline:none;}