/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
*{
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body{
	background: rgba(240, 230, 230, 0.63);
}
.band{
}
.navBorder{
	width: 960px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	background: #AC278A;
	padding: 10px 0px;
}
.nav{
	background: rgb(86, 113, 112);
}
.header{
	padding: 10px 0px 2px 0px;
}
.container .navigation{
	background-color: #0099FF !important;
	width: 941px;
	margin: 0 auto;
}
.row1 {
width: 964px;
margin: 0 auto;
height: 260px;
}
.row1 .item1 {
width: 250px;
height: 260px;
/* border: 1px solid #fff; */
position: relative;
float: left;
margin-left: 40px;
}
.row1 .item2 {
width: 250px;
height: 260px;
/* border: 1px solid #fff; */
position: relative;
float: left;
margin-left: 40px;
}
.row1 .item3 {
width: 250px;
height: 260px;
/* border: 1px solid #fff; */
position: relative;
float: left;
margin-left: 40px;
}
.container .primary{
	
	width: 941px;
	margin: 0 auto;
	margin-left: 10px;
}
.band.footer{
	background-color: #f8f8f8;
}
.band.bottom{
	background-color: #f8f8f8;
}
.services ul{
	padding: 20px 20px;
}
.services ul li{
	font-weight: bold;
}
.branch-name a:hover{
	text-decoration: underlilne !important;
}

header.main{
	padding: 35px 0;
}
header h1.logo{
	margin: 7px 0 0 0;
	float: left;
}
header h1.logo a{
	width: 250px;
	height: 49px;
	display: block;
}
nav.primary ul, nav.primary ul li{
	margin: 0px;
}
nav.primary select{
	display: none;
	width: 100%;
	height: 21px;
	margin: 21px 0;
}
nav.primary ul li{
	display:inline-block;
	position: relative;
	float: left;
}
marquee p{
	font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
padding: 8px 0px 0px 18px;
line-height: 0px;
}
p{
	font-family: verdana;
font-size: 13px;
padding: 10px;
line-height: 26px;
text-align: justify;
}
nav.primary ul li a {
	text-transform: uppercase;
	line-height: 35px;
	padding: 0px 30px;
	letter-spacing: 0.08em;
	font-weight: bold;
	color: #EBEBEB;
	font-size: 12px;
	display: block;
	text-decoration: none;
}
.wrap{
	margin-left: 160px;
width: 315px;
margin-top: 25px;
}
.phone{
	font-weight: bold;
	line-height: 0px;
	margin-bottom: 0px;
}
.category{
	width: 310px;
	position: relative;
	float: left;
	height: 410px;
}
.category h3{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
padding: 5px;
background: blue;
margin-left: 9px;
width: 290px;
color: #fff;
opacity: 0.5;
}
.abtcompany{
	width: 645px;
	margin-left: 5px;
	position: relative;
	float: left;
	height: 426px;
	border: 1px solid #ccc;
}
.abtcompany h4{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
padding: 5px 10px;
background: blue;
/* margin-left: 9px; */
width: 643px;
color: #fff;
opacity: 0.5;
}
.about{
	font-family: verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold;margin-bottom: 0px;padding: 0px 10px;
}
.about-content{
	font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px;text-align: justify;
}
.content{
	width: 960px;
	
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 20px;
}
.footer-section {
background: #64A9D2;
padding: 0px 0px 46px 10px;
width: 960px;
margin: 0px auto;
}
.left-section {
position: relative;
float: left;
width: 450px;
}
.right-section {
position: relative;
float: left;
width: 450px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.sidebar {
list-style-type: none;
margin-top: 0px;
}
.sidebar li {
margin-bottom: 0px;
border-bottom: 1px solid #fff;
padding: 7px 2px;
background: blue;
margin-left: 9px;
width: 290px;
opacity: 0.6;
}
.scroller{
	width: 960px;
	margin: 0 auto;
}
.sidebar li a {
text-decoration: none;
color: #fff;
padding: 10px;
font-weight: bold;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: regular;
}

.activeLInk:hover{
	text-decoration: underline !important;
}
.active{
	
}
input[type="text"]{
	padding: 10px;
	width: 75%;
	margin: 0px;
}
textarea{
	width: 98%;
}
input[type="submit"]{
	padding: 10px;
	width: 80px;
	margin: 0px;
}
nav.primary ul li a:hover{
	cursor: pointer;
}
nav.primary ul ul{
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	background: #343434;
	min-width: 100%;
	height: 0px;
	z-index: 999;
	transition: opacity 0.4s ease-out;
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	overflow: hidden;
}
nav.primary ul ul li{
	display: list-item;
	float: none;
	border: 1px solid #383737;
}
nav.primary ul ul li span{
	display: none;
}
nav.primary ul ul li a{
	line-height: 35px;
	display: block;
	text-transform: uppercase;
}
nav.primary ul li:hover ul{ 
	height: auto;
	overflow: auto;
	opacity: 10;
	filter: alpha(opacity=100);
}
div.flexslider{
	margin-top: 0px;
	margin-top: 20px;
}
.courses{
	margin-bottom: 0px;
}
.courses ul{
	margin-top: 20px;
}
.courses li {
	font-weight: bold;
	font-family: verdana;
	font-size: 11px;
	box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
	padding: 12px;
	/* background: #FFCB05; */
	color: #343434;
	/* border-radius: 3px; */
	border: 1px solid #ccc;
}
.courses img {
	margin-right: 10px !important;
}
.logo a{
	font-size: 36px;
}
.readMore{
	margin-left: 14px;
	color: #000;
	font-family: Calibri;
	border: 1px solid #f99d1b;
	border-radius: 5px;
	padding: 5px 15px 5px 15px;
}
.logo{
	margin-top: 64px;
margin-left: 10px;
}
.rights{
	float: left;
	color: #fff;
	font-family: Calibri;
	margin-bottom: 0px;
	font-size: 14px;
}
.company{
	float: right;
	color: #fff;
	font-family: Calibri;
	margin-bottom: 0px;
	font-size: 14px;
}
.bottomNav li a{
	font-size: 14px;
	font-family: verdana;
	color: #9ad5f0;
	line-height: 14px;
}
.bottomNav{
	padding: 50px 38px 0px 38px;
}
.prodRow1{
	width: 960px;margin-bottom: 10px;margin-left: 10px;
	height: 275px;
}
.productRow1, .productRow2, .productRow3, .productRow4{
	width: 300px;
	height: 275px;
	border: 1px solid #ccc;
	position: relative;
	float: left;
	margin-right: 10px;
}
.prodImgSize{
	width: 284px;
height: 251px;
margin-top: 10px;
margin-left: 7px;
}
.prod-title{
	margin-bottom: 22px;
	font-size: 15px;
	font-weight: bold;
	color: blue;
}
.footertwo {
width: 970px;
height: 316px;
font-family: verdana, Arial, Helvetica, sans-serif;
clear: both;
}
.footertwo .two {
width: 500px;
float: left;
position: relative;
margin-top: 20px;
}
.contactinfo {
/* width: 500px; */
margin-left: 50px;
}
.footertwo .three {
margin-top: 20px;
width: 321px;
float: left;
position: relative;
}
.contactinfor {
float: left;
padding-left: 20px;
font-family: Agency FB;
width: 422px;
font-family: verdana;
color: #000;
}
/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */



	
	
	
/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/