/*
Authored by the Tombras Group, www{dot}tombras{dot}com 

ROUGH TOC:
- Essential
- Sandbox
- Structural Items by order in document
- Typographic Items
- Forms
*/

/*
----------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------*/

html { 
height: 100%; margin-bottom: 1px; 
}

body {
margin: 0;
padding: 0;
font: 12px/20px Verdana, Arial, sans-serif;
height: 100%;
background: url(http://s44028.gridserver.com/images/nav-stripe.jpg) repeat-x 0 86px;
}

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

/* p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 12px; font-weight: normal; } */
p,h1,h2,h3,h4,ul,ol,dl,blockquote,pre { margin-bottom: 15px; }

a {color: #002D56;text-decoration: none; outline: none; font-weight: bold;}
a:visited {color: #002D56;}
a:hover {color: #000;}

a.external{
background: url(http://s44028.gridserver.com/images/external.gif) no-repeat right center;
padding-right: 12px;
}

ul,ol,dl{list-style-type: none;}

img { border: none; }

.clearfix:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
}

a.print-me{
background: url(_images/printer-icon.gif) no-repeat right center;
padding-right: 20px;
}

a.pdf{
background: url(http://s44028.gridserver.com/images/pdf-icon.gif) no-repeat right center;
padding-right: 20px;
}

.flt-right{
float: right;
}

.flt-left{
float: left;
}

/*
----------------------------------------------------------------------------- 
SANDBOX
-----------------------------------------------------------------------------*/



/*
----------------------------------------------------------------------------- 
Wrapper
-----------------------------------------------------------------------------*/

div#page-wrapper{
width: 938px;
margin: 0 auto;
}

/*
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/

div#header{
height: 145px;
position: relative;
}

div#header h1{
position: absolute;
top: 20px;
left: 0;
width: 313px;
height: 50px;
background: url(http://s44028.gridserver.com/images/logo.gif) no-repeat left top;
text-indent: -100000px;
}

div#header h1 a{
display: block;
width: 313px;
height: 50px;

}

div#header h2{
position: absolute;
top: 48px;
right: 0;
width: 371px;
height: 32px;
background: url(http://s44028.gridserver.com/images/tagline.gif) no-repeat left top;
text-indent: -100000px;
}

/*
body.landing div#header h2{
background: url(http://s44028.gridserver.com/images/tagline.gif) no-repeat left top;
}
*/

ul#primary-nav{
position: absolute;
left: 63px;
top: 89px;
margin: 0;
height: 32px;
}

ul#primary-nav li{
float:left;
height: 32px;
}

ul#primary-nav a{
float:left;
display: block;
height: 32px;
}

/* Homepage only */
body#index ul#primary-nav li,
body#index ul#primary-nav a{
height: 33px;
}

/* Primary Nav Style */
	/* - html color backgrounds are behind anchors */
	/* - graphic backgrounds are behind spans */

ul#primary-nav span{
display: block;
height: 32px;
text-indent: -100000px;
background: transparent url(http://s44028.gridserver.com/images/primary-nav-bg.png) no-repeat 0 0;
}

ul#primary-nav li a:hover{background: url(http://s44028.gridserver.com/images/nav-highlight.jpg) repeat-x left top;}
/*ul#primary-nav li a:active{background: url(http://s44028.gridserver.com/images/nav-active.jpg) repeat-x left top;}*/

ul#primary-nav li#li1 a span{background-position: -1px 0; width: 163px}
ul#primary-nav li#li1 a:hover span{background-position: -1px -37px;}

ul#primary-nav li#li2 a span{background-position: -165px 0; width: 134px;}
ul#primary-nav li#li2 a:hover span{background-position: -165px -37px;}

ul#primary-nav li#li3 a span{background-position: -299px 0; width: 150px;}
ul#primary-nav li#li3 a:hover span{background-position: -299px -37px;}

ul#primary-nav li#li4 a span{background-position: -450px 0; width: 151px;}
ul#primary-nav li#li4 a:hover span{background-position: -450px -37px;}

ul#primary-nav li#li5 a span{background-position: -601px 0; width: 113px}
ul#primary-nav li#li5 a:hover span{background-position: -601px -37px;}


/*
----------------------------------------------------------------------------- 
Homepage Content
-----------------------------------------------------------------------------*/


/* Main Content
---------------------------------------------------- */

div#alpha-image{
margin-bottom: 10px;
}

div#main-content h3{
font-weight: bold;
font-size: 13px;
color: #313131;
}

div#main-content p{
text-align: left;
}


 
/* Secondary Content
---------------------------------------------------- */

ul#features{
margin: 0;
}

ul#features li{
float:left;
}

ul#features li a{
display: block;
float:left;
width: 302px;
height: 121px;
background: red;
margin-right: 16px;
text-indent: -100000px;
}

ul#features li#feat3 a{
margin: 0;
}

/*
----------------------------------------------------------------------------- 
Subpage Content
-----------------------------------------------------------------------------*/

/* Main Content
---------------------------------------------------- */

body.subpage div#main-content{
width: 710px;
float: right;
margin: 5px 0 50px 0px;
}

body.subpage.fullwidth div#main-content{
width: 938px;
}

body.subpage {background-image: url(http://s44028.gridserver.com/images/nav-stripe-5.jpg);}

body.subpage div#alpha-image{
margin-bottom: 30px;
}

body.subpage div#main-content ul#breadcrumb-nav li{
float: left;
margin-right: 4px;
background: none;
padding: 0;
}
#breadcrumb-wrapper{ width: 100%; height: 25px;}
ul#breadcrumb-nav{
margin-bottom: 25px;
float:left;
}

ul#breadcrumb-nav a{
text-transform: uppercase;
font-weight: normal;
color:#002D56;
}

ul#breadcrumb-nav a:visited{
color:#002D56;
}

li#bread-active a{
font-weight: bold;
font-style: italic;
}

body.subpage div#main-content ul li{
background: url(http://s44028.gridserver.com/images/li-bg.png) no-repeat 0 6px;
padding-left: 20px;
}

body.subpage div#main-content img.float-right{
float: right;
border: 8px solid #DDD;
margin: 0 0 20px 20px;
}


/* Secondary Content
---------------------------------------------------- */

body.subpage div#secondary-content{
width: 177px;
position: relative;
top: -17px;
padding: 20px 0 10px 16px;
background: #E3E3E3 url(http://s44028.gridserver.com/images/secondary-nav-bg.jpg) repeat-x left top;
}

div#secondary-content h2{
color: #696969;
text-transform: uppercase;
font-size: 10px;
margin: 0 0 6px 0;
font-weight: bold;
}

body.subpage div#secondary-content li{
margin-bottom: 6px;
}

body.subpage div#secondary-content a{
background: url(http://s44028.gridserver.com/images/li-bg.png) no-repeat 0 3px;
padding-left: 20px;
color: #002D56;
display: block;
font-weight: normal;
line-height: 14px;
font-family: Arial;
font-weight: bold;
}

body.subpage div#secondary-content a:hover{
color: #FFF;
background-color: #002D56;
}


/*
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/

div#footer{
text-align: center;
padding-top: 20px;
clear: both;
text-transform: uppercase;
}

div#footer ul{
margin: 0;
}

div#footer ul li{
display: inline;
margin: 0 5px;
}

ul#footer-nav a{
font-size: 10px;
font-weight: bold;
}

ul#corporate-info li{
font-size: 10px;
}

/*
----------------------------------------------------------------------------- 
Form Styles
-----------------------------------------------------------------------------*/


form#search{
position: absolute;
top: 95px;
right: 0;
width: 140px;
background:#FFFFFF url(http://s44028.gridserver.com/images/search-bg.jpg)repeat-x left top;
height: 18px;
border-top: 1px solid #EDEDED;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
line-height: 16px;
padding-left: 0px
}

#search-term{background: white;}
form#search label{
background: url(http://s44028.gridserver.com/images/search-submit-bg.gif) no-repeat left center;
text-indent: -20000px;
color: #8d8d8d;
margin: 0 5px 0 8px;
display: block;
width: 11px;
line-height: 20px;
float: left;
}

form#search input{
width: 100px;
background: white;
border: none;

}

form#search input#submit-search{
display: block;
width: 20px;
position: absolute;
top: 2px;
right: 0;
width: 10px;
}



/*
----------------------------------------------------------------------------- 
Extra Styles
-----------------------------------------------------------------------------*/
.line{ border:none;border-bottom: solid 1px #CCC; padding: 10px 0 10px 0;}
#frm-wrapper{width: 100%; padding: 20px; font-size: 14px; font-family: Verdana, Arial, sans-serif;}
#frm-wrapper input{border: solid 1px #898989; width: 500px; font-size: 18px; line-height: 20px; color: #555; font-family: Verdana, Arial, sans-serif;}
#frm-wrapper textarea{border: solid 1px #898989; width: 500px; font-size: 18px; line-height: 20px; color: #555; height: 200px; font-family: Verdana, Arial, sans-serif;}
.frm-row{padding: 10px 0 0 0;}
.frm-label{width: 100px; display: block; float: left;}
#frm_message{font-family: Verdana, Arial, sans-serif;}
#frm-submit{float: right; margin: 0 105px 0 0; background: url(http://s44028.gridserver.com/images/buttons/submit.jpg); width: 100px; height: 33px; text-indent: -9999px; border: none;}
#contact-select{width: 500px;}
/*
----------------------------------------------------------------------------- 
Login Styles
-----------------------------------------------------------------------------*/
#login-wrapper{width:545px; height: 400px;}
#login-wrapper h1{font-size: 18px; font-weight: bold; text-align: center; padding: 10px 0 10px 0; color: #666;}
#login-wrapper input{border: solid 1px #898989; width: 300px; font-size: 18px; line-height: 20px; color: #555; font-family: Verdana, Arial, sans-serif;}

#login-wrapper .frm-row{padding: 10px 0 0 0; width: 300px; text-align: left;}
#login-wrapper .frm-label{width: 60px; display: block; float: left;}
#login-wrapper #frm_message{font-family: Verdana, Arial, sans-serif;}
#login-wrapper #frm-submit{float: right; margin: 0 0px 0 0; background: url(http://s44028.gridserver.com/images/buttons/submit.jpg); width: 100px; height: 33px; text-indent: -9999px; border: none;}

#user-name{color: #002D56; font-size: 10px; float: right;}

#error{color: #E91010;}

#new-account{margin: 0 auto; width: 280px; padding: 20px 0;}

/*
----------------------------------------------------------------------------- 
Contact modal Form
-----------------------------------------------------------------------------*/
#contact-wrapper{width: 400px;}

label, input { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
textarea { margin-bottom:12px; width:95%; padding: .4em; height: 100px; }
fieldset { padding:0; border:0; margin-top:25px; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
.optional-fields{font-size: 14px; font-weight: bold; padding-bottom: 5px; color: #999999;}
.optional-label{color: #999999;}


/*
----------------------------------------------------------------------------- 
Search
-----------------------------------------------------------------------------*/
.search-entry-0{
	background: white;
	padding: 10px;
}

.search-entry-0 h3{
	font-size: 14px;
	font-weight: bold;
	padding: 2px;
}

.search-entry-0 p{
	padding-left: 25px;
}

.search-entry-1{
	background: #FCFCFC;
	padding: 10px;
}

.search-entry-1 h3{
	font-size: 14px;
	font-weight: bold;
	padding: 2px;
}

.search-entry-1 p{
	padding-left: 25px;
}


#accordion h3{width: 100%;}
#contact-form{display: none;}
#contact-form h1{font-size: 16px; font-weight: bold; text-align: center;}

/*
----------------------------------------------------------------------------- 
EOD
-----------------------------------------------------------------------------*/