html{height:100%; width:100%}
body{height:100%; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#666666; padding:0px; margin:0px}



h1, h2, h3, h4, h5{color:#e63a46}
h1{font-size:22px}
h2{font-size:18px}
h3{font-size:15px}

input[type=text],input[type=password], select, textarea{border:1px solid #999; padding:5px; font-size:16px; font-family:Arial}
input[type=submit],input[type=reset]{border:1px solid #999; padding:5px 15px; border-radius:4px}

p{margin:0px; padding:0 0 15px 0}

td{vertical-align:top}

a{color:#e63a46; text-decoration:none}
a:hover{color:#ff7e00}

ol{padding:5px 0 20px 40px; margin:0px}

img{border:0px}

.grey{color:#666666}
.red{color:#e63a46}
.small{font-size:11px}


#strip{width:100%; height:5px; background-color:#e63a46}

#masthead{}
#logo{ margin:10px 0}

#container{width:940px; margin:0px auto}

#skitter{ background-color:#000000; height:290px; width:940px}

#nav{list-style:none; padding:0px; margin:0px; background-color:#cd303b; font-size:13px; min-height:37px; position:relative; background-image:url(../imagelib/navgrad1.jpg); background-repeat:repeat-x; border-top-left-radius:5px; border-top-right-radius:5px; z-index:100}
#nav li{position:relative; display:inline-block}
#nav li a{color:#FFFFFF; display:block; text-align:center; padding:11px 9px; border-top-left-radius:5px; border-top-right-radius:5px}
#nav li:first-child a{}
#nav li:last-child a{padding-right:5px}
#nav li a:hover{opacity:0.8; background-image:url(../imagelib/navgrad2.jpg)}

/* Subs */
#nav li ul{list-style:none; padding:4px 0 10px 0; margin:0px; position:absolute; left:0px; top:37px; background-color:#ff7e00; border-bottom-left-radius:5px; border-bottom-right-radius:5px; display:none}
#nav li ul li{}
#nav li ul li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; min-width:200px; text-align:left; border-radius:0px !important}
#nav li ul li a:hover{ background-image:none; background-color:#df6e00}

#navstrip{height:4px; background-color:#ff7e00}

.sideboxtop{width:200px; background-color:#e63a46; height:6px; border-top-left-radius:5px; border-top-right-radius:5px; margin:0 auto}
.sidebox{border:1px solid #ccc; border-radius:6px; min-height:100px; padding:15px 10px}
.sidebox h3{font-size:24px; padding:0px; margin:0 0 15px 0; font-weight:normal}
.sideboxbase{width:200px; background-color:#ff7e00; height:6px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin:0 auto}

.contactlinks{list-style:none; padding:0px; margin:0px}
.contactlinks li{ font-weight:bold; font-size:14px; color:#e63a46; padding:7px 0 23px 40px; background-repeat:no-repeat}
.contactlinks li a{color:#e63a46; display:block; }
.contactlinks li:first-child{ background-image:url(../imagelib/mail.gif)}
.contactlinks li:nth-child(2){ background-image:url(../imagelib/phone.gif)}
.contactlinks li:last-child{background-image:url(../imagelib/address.gif)}

.socials{list-style:none; padding:0px; margin:0 0 0 25px}
.socials li{float:left; margin:2px}

.logotable td{padding:10px 10px 40px}
.logotable tr td:first-child{ text-align:center; width:200px}

.clienttable td{width:33%; text-align:center; padding:10px; vertical-align:middle; font-size:22px}

#contentTable{display:table; width:100%; clear:both}
#contentRow{display: table-row}
#lhc, #rhc{display: table-cell; vertical-align:top; padding:20px 0}
#lhc{width:77%; padding-right:15px}
#rhc{width:23%}

#footer{ background-image:url(../imagelib/navgrad1.jpg); background-repeat:repeat-x; background-color:#cd303b; min-height:40px; border-top-left-radius:5px; border-top-right-radius:5px; font-size:12px; color:#FFFFFF}
#footer p{ padding:12px 0 0 12px; margin:40px 0 0 0}

.videoWrapper {
	position: relative;
	padding-bottom: 52.7%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:20px;
	background-color:#000000
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* mobile nav */
#mobnav{display:none; list-style:none; padding:0px; margin:10px auto}
#mobnav li{}
#mobnav li a{display:block; padding:3px 0px 3px 10px}

@media (max-width: 500px) {
	body{0px; font-size:12px}
	#container{width:90%}
	#lhc, #rhc{display: block; width:100%}
	#skitter{display:none}
	#logo{width:200px; position:relative}
	#masthead{text-align:center}
	#nav{font-size:12px; height:20px; display:none}
	#mobnav{display:block}
	#mobnav li ul{display:none}
	#nav li a{padding:3px 6px}
	#nav li ul{top:20px}
	h1{font-size:18px}
}


/* iPads (port and land) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#skitter{overflow:hidden}
	#nav li ul{}
	#nav li ul li{display:block !important}
	#nav li ul li a{display:block !important}
	#nav li ul li a:hover{display:block !important}
}