/* CSS definition file containing sitestyle stylesheets */

BODY {
    font-family: 'Open Sans', sans-serif;
	color: #333;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
  	margin: 0px;
  	padding-top: 0px;
	background-color: rgb(233,229,218);
	line-height: 18px;
  	-webkit-font-smoothing: antialiased;
}

li {
       font-size: 14px;
       padding: 0px;
       margin: 0px;
}

ul {
       padding: 6px 0px 6px 30px;
       margin: 0px;
}

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

.clearBoth {
	clear: both;
	}

form {
      margin: 0px;
      padding: 0px;
}

.transparent {
    filter: alpha(opacity=100); /* internet explorer */
    opacity: 1;           /* fx, safari, opera, chrome */
}

.transparent:hover {
    filter: alpha(opacity=90); /* internet explorer */
    opacity: 0.9;           /* fx, safari, opera, chrome */
}

A:link {text-decoration: underline; color: #39659b;}
A:visited {text-decoration: underline; color: #39659b;}
A:active {text-decoration: underline; color: #39659b;}
A:hover {text-decoration: none; color: #39659b;}

A.lefty:link {text-decoration: none; color: #3b4d5e;}
A.lefty:visited {text-decoration: none; color: #3b4d5e;}
A.lefty:active {text-decoration: none; color: #3b4d5e;}
A.lefty:hover {text-decoration: none; color: #3b4d5e;}


.thehead {
	width: 100%;
	height: 497px;
    background-position: bottom center;
    background-image: url("/images/homeheaderback.jpg");
    background-repeat: no-repeat;
    background-size: cover;
background-color: #000;
}

.header {
	width: 1000px;
	height: 497px;
	margin: 0 auto;
	text-align:  left;
}

.thelogo {
	width: 320px;
	height:  190px;
	padding: 0px;
	margin-top:  15px;
	float: left;
	text-align: left;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    text-shadow: 2px 2px 1px #333;
    color: #fff;
    line-height: 33px;
}

.thenav {
	width: 666px;
	height:  86px;
	padding: 0px;
	margin:  0px;
	float: right;
	text-align: left;
    overflow: hidden;
}

.thelogotext {
	width: 495px;
	height:  76px;
	margin:  0px;
	float: left;
	text-align: left;
    overflow: hidden;
    font-size: 33px;
    font-weight: 700;
    text-shadow: 2px 2px 1px #333;
    color: #fff;
    line-height: 33px;
    padding: 25px 0 0 10px;
}

.headerquote {
	width: 193px;
	height:  158px;
	padding: 0px;
	margin-top:  30px;
	float: right;
	text-align: right;
    overflow: hidden;
    color: #ccc;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
}

.slider {
	width: 1000px;
	height: 193px;
    background-position: top left;
    background-image: url("/images/sliderback.png");
    background-repeat: no-repeat;
    margin-top: 30px;
}

.homeboxspan {
	width: 100%;
	height: 192px;
    background-color: rgb(199,149,30);
}

.homeboxshell {
	width: 1000px;
	height: 171px;
	margin: 0 auto;
	text-align:  left;
    background-position: top center;
    background-image: url("/images/homeboxback.jpg");
    background-repeat: no-repeat;
}

.homeboxes {
	width: 205px;
	height:  156px;
	padding: 0px 15px 15px 15px;
	float: left;
	text-align: left;
    overflow: hidden;
    font-size: 12px;
    color: #fff;
}

.homeboxes h1 {
    color: #fff;
    font-size: 18px;
text-align: center;
}

.hbmargleft {
    margin-left: 20px;
}

.homemain {
	width: 1000px;
	height: 295px;
    padding-top: 21px;
}

.homeleft {
	width: 515px;
	height:  217px;
	padding: 30px 210px 30px 30px;
	float: left;
	text-align: left;
    background-position: top left;
    background-image: url("/images/homecontback.png");
    background-repeat: no-repeat;
}

.homeleft h1 {
    color: #6e6e6e;
}

.homeright {
	width: 207px;
	height:  247px;
	padding: 15px;
	float: right;
	text-align: left;
    background-position: top left;
    background-image: url("/images/homerightblue.png");
    background-repeat: no-repeat;
    color: #fff;
    font-size: 13px;
}

.homeright a {
color: #fff;
}

.homeright h1 {
    color: rgb(163,192,245);
    font-size: 23px;
    padding: 0px;
	margin: 5px 0 18px 0;
}

.homeright h2 {
    color: rgb(163,192,245);
    font-size: 17px;
    padding: 0px;
	margin: 4px 0 4px 0;
}

.homeright blockquote {
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 15px;
    margin-right: 0;
line-height: 16px;
}

.bluefootspan {
	width: 100%;
	height: 114px;
    background-color: rgb(54,63,118);
}

.bluefootshell {
	width: 1000px;
	height: 100px;
    margin: 0 auto;
    color: #fff;
    font-family: 'Oswald', sans-serif;
	font-size: 20px;
    font-style: italic;
    padding-top: 14px;
}

.centerfoottext {
    Color: rgb(147,156,212);
}

.footer {
    width: 1000px;
	margin: 0 auto;
	text-align:  center;
    color: #393939;
    padding: 10px 0;
    font-size: 12px;
}


/* SUBS */


.subthehead {
	width: 100%;
	height: 259px;
    background-position: top center;
    background-image: url("/images/subheadback.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.subheader {
	width: 1000px;
	height: 259px;
	margin: 0 auto;
	text-align:  left;
}

.subyellow {
	width: 100%;
	height:  41px;
    background-position: top left;
    background-image: url("/images/subyellowback.jpg");
    background-repeat: repeat;
}

.submain {
	width: 1000px;
    padding: 21px 0;
}

.subshell {
	width: 1000px;
	padding: 0px;
	text-align: left;
    background-position: top left;
    background-image: url("/images/submid.jpg");
    background-repeat: repeat-y;
}

.subleft {
	width: 685px;
	padding: 30px 40px 30px 30px;
	float: left;
	text-align: left;
}

.subright {
	width: 207px;
	padding: 10px 15px 15px 15px;
	float: right;
	text-align: left;
    color: #fff;
    font-size: 13px;
}

.subright h1 {
    color: #fff;
    font-size: 22px;
}

.qcart {
    background-color: rgb(61,85,131);
    padding: 6px 10px 10px 10px;
    margin-bottom: 15px;
}

.subwhole {
	width: 940px;
	padding: 30px;
	text-align: left;
    background-position: top left;
    background-image: url("/images/subwholemid.jpg");
    background-repeat: repeat-y;
}


/* HEADINGS */

h1 {
    font-family: 'Oswald', sans-serif;
	font-size: 26px;
	color: #000;
	padding: 0px;
	margin: 10px 0 15px 0;
}

h2 {
    font-family: 'Oswald', sans-serif;
	font-size: 18px;
	color: #000;
	padding: 0px;
	margin: 10px 0 15px 0;
}

h3 {
    font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #000;
	padding: 0px;
	margin: 10px 0 15px 0;
}

h4 {
    font-family: 'Oswald', sans-serif;
	font-size: 26px;
	color: #3d5583;
	padding: 0px;
	margin: 10px 0 15px 0;
}

h5 {
    font-family: 'Oswald', sans-serif;
	font-size: 18px;
	color: #3d5583;
	padding: 0px;
	margin: 10px 0 15px 0;
}

h6 {
    font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #3d5583;
	padding: 0px;
	margin: 10px 0 15px 0;
}

.specs {
    width: 100%;
border-collapse: collapse;
}

.specs td {
    border: 1px solid #ccc;
    text-align: center;
    padding: 3px;
}

.specs td:first-child {
    font-weight: 600;
}

.specs tr:first-child {
    font-weight: 600;
}

/*.specs td:last-child {*/
/*    background-color: #fff;*/
/*}*/

.typetext {
    font-size: 12px;
    color: #333;
}

.pdfdown {
    height: 29px;
    margin-top: 30px;
    padding: 5px 0 0 45px;
    background-position: middle left;
    background-image: url("/images/pdf_icon.gif");
    background-repeat: no-repeat;
}

a.sideitem {
    display: block;
    padding: 5px;
    border-bottom: 1px solid rgb(111,127,159);
}

A.sideitem:link {text-decoration: none; color: rgb(195,212,245);}
A.sideitem:visited {text-decoration: none; color: rgb(195,212,245);}
A.sideitem:active {text-decoration: none; color: #fff;}
A.sideitem:hover {text-decoration: none; color: #fff; background-color: rgb(63,85,128);}
/* Stylesheet: Main Styles Modified On 2015-04-02 14:09:14 */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   text-align: left;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   width: 666px;
   text-align: left;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
    width: 160px;
   text-align: left;
}

/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 0px;
   margin-left: 0px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: 0px;
   float: left; 
}

#primary-nav li li { 
   margin-left: 0px;
   margin-top: 0px;
   float: none; 
   position: relative;
   text-align: left;
   background-position: bottom center;
  	background-image: url("/images/navover.png");
  	background-repeat: repeat;
    color: #fff;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   font-family: 'Oswald', sans-serif;
   display: block; 
   text-decoration: none; 
   font-size: 15px;
   text-align: center;
    font-weight: 700;
   color: #fff;
}

#primary-nav li.menuactive a { 
}

#primary-nav li a { 
   padding: 56px 15px 10px 15px; 
   color: #fff;
}

#primary-nav li li a { 
   z-index: 1010;
   padding: 7px 10px 7px 15px; 
   text-align: left;
   color: #fff;
   font-size: 13px;
   font-weight: normal;
}	

#primary-nav li, #primary-nav li.menuparent { 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
    background-position: bottom center;
  	background-image: url("/images/navover.png");
  	background-repeat: repeat;
    color: #fff;
}

#primary-nav li.menuactive a { 
}

#primary-nav li li.menuactive { 
    background-position: bottom center;
  	background-image: url("/images/navover.png");
  	background-repeat: repeat;
    color: #fff;
}

#primary-nav li li.menuactive a { 
        color: #fff;
}



/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
    background-position: bottom center;
  	background-image: url("/images/navover.png");
  	background-repeat: repeat;
    color: #fff;
}

#primary-nav li a:hover {
        color: #fff;
}

#primary-nav li li:hover, 
#primary-nav li li.menuh, 
#primary-nav li li.menuparenth, 
#primary-nav li li.menuactiveh { 
    background-position: bottom center;
  	background-image: url("/images/navover.png");
  	background-repeat: repeat;
    color: #fff;
}


#primary-nav li li a:hover, 
#primary-nav li li.menuh, 
#primary-nav li li.menuparenth, 
#primary-nav li li.menuactiveh { 
        color: #fff;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
z-index: 1010;
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
z-index: 1010;
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* Stylesheet: Nav Modified On 2015-03-13 11:59:58 */