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

/* BODY */

body { color:#666666; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; font-style:normal; font-variant:normal; font-weight:normal; line-height:16px; background-color: #EEEEEE; width:100%;}

p { margin:0; padding:0;}

.frame { padding:5px 10px 10px 5px;}

.rollover2 a { display:block; height:95px; background-color: #EEEEEE; padding: 6px 6px 6px 8px; border:#dadada solid 1px; text-decoration:none;}
.rollover2 a:hover { background-color: #DEDEDE; border:#ffffff solid 1px;  }

.col1 { float:left; width:850px; margin: 19px; padding: 20px;}

td, th { color:#333333; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1em; line-height:1.5em; font-weight: bold;}

.leftcolumn { width:500px; margin-right: auto; margin-left: auto; float: left; border-right-width: 2px; border-right-style: solid; border-right-color: #666666; padding-right: 30px;}
.leftcolumnServices { width:870px; margin-top: 0; margin-right: 20px; margin-bottom: 0; margin-left: 20px; float: left; padding: 10px;}
.leftcolumnServices ul { margin-left:20px;}
.leftcolumnServices a:hover { color: #6DAA14; text-decoration: none;}
.leftcolumnServices a { color: #253E69; text-decoration: none;}

.rightcolumn { width:300px; margin-top: 0; margin-bottom: 0; margin-left: auto; float: right; padding-left: 20px; padding-bottom: 5px; margin-right: auto;}

.bar { border-top-width: 1px; border-top-style: solid; padding-top: 10px; border-top-color: #666666; clear: both; margin: auto; height: 1px;}

/* TYPO */

h1, h2, h3 a{ margin:0; padding:0; text-decoration:none;}

h1 { letter-spacing:1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2em; color: #006600; line-height:2em;}

h2 { font-weight:bold; letter-spacing:1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; color: #333333; line-height:1.4em; text-decoration: none;}
h3 { font-weight:bold; letter-spacing:1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.4em; color: #006600; line-height:1.8em; text-decoration: none;}
h4 { font-weight:bold; letter-spacing:1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2em; color: #006600; line-height:2em; text-decoration: none;}
.h4 { font-weight:bold; letter-spacing:1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2em; color: #006600; line-height:2em; text-decoration: none; padding:4px; background-color:#EEEEEE;}

.style1 { color: #1C3664; font-weight: bold;}
.style2 {color: #E96F35; text-decoration: none;}
.style3 {color: #E54145; text-decoration: none;}
.style4 {color: #006600; text-decoration: none;}
.style5 {color: #00B2DA; text-decoration: none;}
.style6 {color: #666666; text-decoration: none;}
.style7 {color: #666666; text-decoration: none; font-size: 1.4em; padding:20px 0px 10px 0px;}
.style8 {font-size:10px;}

.text { float:left; background-color: #FFFFFF; padding: 20px;}


/* a { color: #334A72; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} */


/* 	BRANDING */
#wrapper #masthead #global { float:right; width:100%; margin-top: 50px; margin-right: auto; margin-left: auto; overflow: hidden;}

#wrapper #masthead #branding { background-color: #EEEEEE; float:left; position:relative; width:928px; z-index:9999; margin-top: 0; margin-bottom: 10px; height: 80px;}

#wrapper #masthead #branding #logo { float:left; width:250px; margin-top: 15px; margin-right: 15px; margin-bottom: 10px; margin-left: 15px;}
/* 	BANNER */

#wrapper #banner   { margin-right: auto; margin-left: auto; margin-top: 5px; margin-bottom: 2px; text-align: center; clear: both; width: 928px;}
/* 	END BANNER */
 
/* NAVBAR */
#globalheader {width: 600px; height: 30px; position: relative; z-index: 9999; float: right; margin: 30px 0 30px auto;padding: 10px 0 10px 0;}
#globalheader #globalnav {margin: 0; padding: 0;}
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a {float: left; width: 120px; height: 0; padding-top: 30px; overflow: hidden;}
#globalheader #globalnav li a, #globalheader #globalsearch {background-image: url(../IMG/globalnavgreen.png);background-repeat: no-repeat;}
/* BUTTONS */
#globalheader #globalnav li#gn-hme a { background-position: 0px 0;  }
#globalheader #globalnav li#gn-about a { background-position: -120px 0; }
#globalheader #globalnav li#gn-serv a { background-position: -240px 0; }
#globalheader #globalnav li#gn-pric a { background-position: -360px 0; }
#globalheader #globalnav li#gn-contact a { background-position: -480px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-hme a:hover { background-position: 0px -30px; }
#globalheader #globalnav li#gn-about a:hover { background-position: -120px -30px; }
#globalheader #globalnav li#gn-serv a:hover { background-position: -240px -30px; }
#globalheader #globalnav li#gn-pric a:hover { background-position: -360px -30px; }
#globalheader #globalnav li#gn-contact a:hover { background-position: -480px -30px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-hme a:active { background-position: 0px -60px; }
#globalheader #globalnav li#gn-about a:active { background-position: -120px -60px; }
#globalheader #globalnav li#gn-serv a:active { background-position: -240px -60px; }
#globalheader #globalnav li#gn-pric a:active { background-position: -360px -60px; }
#globalheader #globalnav li#gn-contact a:active { background-position: -480px -60px; }

/* ON STATES */
#globalheader.home #globalnav li#gn-hme a:hover { background-position: 0px -90px; cursor: default; }
#globalheader.about #globalnav li#gn-about a { background-position: -120px -90px !important; }
#globalheader.services #globalnav li#gn-serv a { background-position: -240px -90px !important; }
#globalheader.pricing #globalnav li#gn-pric a { background-position: -360px -90px !important; }
#globalheader.contact #globalnav li#gn-contact a { background-position: -480px -90px !important; }
 /*END NAVIGATION*/


/*WRAPPERS*/

#wrapper { clear:both; margin:0 auto; text-align:left; width:930px; overflow: hidden;}

/*WRAPPERS - UPPER CONTAINER*/

#wrapper  .container { overflow:hidden; width:928px; margin-right: auto; margin-left: auto; margin-bottom: 10px; margin-top: 10px;}

#wrapper .container .box { float:left; width: 928px; overflow: hidden; background-color: #FFFFFF; background-image: none; margin: 0px; padding: 0px;}

#wrapper .container .box.lrg { width:928px;}


/*WRAPPERS - MIDDLE CONTAINER*/

#wrapper #fire_wrap { clear:both; height:149px; width:930px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/firewrap.jpg); margin-bottom: 10px;}

#wrapper #fire_wrap div{ width:200px; height:150px; padding:10px; color:#fff; float: right;}
#wrapper #fire_wrap h2{ color:#99ca3c; font-size:1.3em; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; margin:0 !important; margin-bottom:6px !important;}
#wrapper #fire_wrap p{ line-height:1.4em; color:#fff; font-size:1em; margin:0 !important;}
#wrapper #fire_wrap p a{ font-weight:bold; color:#fff; display:block; margin: 5px;}
#wrapper #fire_wrap p img{ float:left; position:relative; top:6px; padding-right: 4px; padding-bottom: 44px; padding-left: 4px;}
#wrapper #fire_wrap #seo{ margin-top: 5px; margin-right:15px; ;}
#wrapper #fire_wrap #ppc{ margin-top: 5px; margin-right: 15px;}
#wrapper #fire_wrap #webcon{ margin-top: 5px; margin-right: 15px;}
img { background-position: center;}
.subnav   ul     { float: right; width: 800px;}
.subnav   li    { display: inline; margin-bottom: 10px; float: right; padding-left: 15px;}
.subnav li a { color: #1C3664; text-decoration: none;}
.subnav li a:hover { color: #666666; text-decoration: underline;}


/*WRAPPERS - FOOTER BOX*/

#wrapper #footer .container .box { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#F8F8F8 none repeat scroll 0 0; width:928px; padding: 5px 20px 5px 20px;}

#wrapper #footer .badges { background-color:#FFFFFF; border:1px solid #ECECEC; clear:both; float:left; width:800px; margin-top: 20px; margin-right: 19px; margin-bottom: 20px; margin-left: 19px; padding: 5px 20px 5px 20px;}

#wrapper #footer .badges img { float:left; margin:0 10px 0 0;}

#wrapper #footer .badges p { color:#669933; font-size:14px; font-weight:normal; margin:0;}

a img { border:medium none;}

#wrapper #footer .badges .certs { float:left; width:250px;}

#wrapper #footer .badges .partners { float:left; width:550px;}

#wrapper #footer ul#map {clear:both;float:left;list-style-type:none;margin:0 20px 20px;width:900px;}

#wrapper #footer ul#map li.section { color:#666666; float:left; font-size:11px; font-weight:bold; width:140px; margin-top: 0; margin-right: 5px; margin-bottom: 0;}

#wrapper #footer ul#map li.section ul { list-style-type:none; font-style: normal;}

#wrapper #footer ul#map li.section ul li {line-height:15px;}

#wrapper #footer ul#map li.section ul li a {font-weight:normal;text-decoration:none;color:#253E69;}

#wrapper #footer ul#map li.section ul li a:hover { color:#6DAA14;}

#wrapper #footer .copyright { vertical-align: bottom; clear: none; float: right; width: 900px; text-align: right; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 10px; padding-bottom: 20px; padding-left: 20px;}
#wrapper  #footer  .copyright  img  { float: right; margin-right: auto; margin-left: 10px; padding-left: 20px;}

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

/* ROUNDING */
.rounded { -moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius:6px;}

.tab { -moz-border-radius: 6px 6px 0 0; -webkit-border-top-left-radius:6px;  -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:0;  -webkit-border-bottom-left-radius:0;}

.tabbed-content { -moz-border-radius: 0 6px 6px 6px; -webkit-border-top-left-radius:0;  -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px;  -webkit-border-bottom-left-radius:6px;}

.round-fixed {position:relative}
.round-fixed a{position:relative; z-index:1;} /* keep links above any images */
.tl {position:absolute; top:0; left:0; z-index:0}
.tr {position:absolute; top:0; right:0; z-index:0}
.bl {position:absolute; bottom:0; left:0; z-index:0}
.br {position:absolute; bottom:0; right:0; z-index:0}

a: { color:#253e69; text-decoration:none; }
a:visited { color:#253e69; text-decoration:none;}
a:hover { color:#6DAA14; text-decoration:none;  }
a:active { color:#253e69; text-decoration:none;}