@font-face
{
	font-family: 'LeagueGothicRegular';
	src: url('../webfonts/league_gothic-webfont.eot');
}

@font-face
{
	font-family: 'LeagueGothicRegular';
	src: url(//:) format('no404'), url('../webfonts/league_gothic-webfont.woff') format('woff'), url('../webfonts/league_gothic-webfont.ttf') format('truetype'), url('../webfonts/league_gothic-webfont.svg#webfont2l8OzTYB') format('svg');
	font-weight: normal;
	font-style: normal;
}

body
{
 margin: 0;
 padding: 0;
 background: #444;
 color: #fff;
 font-family: "Lucida Grande", Verdana, sans-serif;
 font-size: 100%;
 text-align: center;
 background-image: url("../images/stripes.png");
 background-attachment: fixed;
}

em
{
 text-decoration: none;
 font-style: normal;
 font-weight: bold;
}

h1, h2, h3, h4, h5, h6
{
 margin-top: 0px;
 margin-bottom: 15px;
 font-family: LeagueGothicRegular, Verdana, sans-serif;
 text-transform: uppercase;
 font-weight: 300;
 letter-spacing: .05em;
}

h1
{
 font-size: 2.5em;
}

h2
{
 font-size: 1.75em;
}

h3
{
 font-size: 1.5em;
}

img
{
 border: 0;
}

p
{
 line-height: 135%;
 margin: 5px 0 10px 0;
}

.centertitle
{
 text-align: center;
}

.standout
{
 border: 1px solid #f23c3c;
 border-left: 5px solid #f23c3c;
 border-right: 5px solid #f23c3c;
 margin: 25px 0 25px 0; 
 padding: 10px; 
}

.twocol
{
 float: left;
 width: 50%;
 text-align: center;
}

.threecol
{
 float: left;
 width: 33%;
 text-align: center;
}

.floatfix
{
 clear: both;
 height: 0; 
}

#shadowbg
{
 margin: auto;
 padding: 0;
 width: 1200px;
 background-image: url("../images/dropshadowbg.png");
 background-repeat: repeat-y;
}

#outer
{
 padding: 0;
 margin: auto;
 background: #1d1d1d;
 width: 1000px;
 min-height: 100%;
 border-left: 1px solid #999;
 border-right: 1px solid #999;
 overflow: hidden;
}

#mainarea
{
 position: relative;
 top: -25px;
 _top: 0px;
 margin: 0;
 padding: 0;
 display: block;
 width: 1000px;
 height: 650px;
}

/***** For Header Section *****/

#header
{
 padding: 25px 0 0 25px;
 height: 200px;
 text-align: left;
}

#header img
{
 display: inline;
 border: 0;
}

#customizedimg
{
 position: relative;
 top: -45px;
 left: 5px;
}

#address
{
 position: relative;
 top: -10px;
 left: 0; //250px to be over #content area
 display: block;
}

/***** For Navigation Section *****/

#leftnav
{
 padding: 0 0 -150px 0;
 margin: 0;
 position: relative;
 top: -285px;
 float: left;
 display: inline;
 width: 250px;
 _width: 225px;
 text-align: left;
}

#navigation-block
{
 position: relative;
 top: 225;
 left: 25px;
 padding-top:35px;
}

#navhide
{
 position: absolute;
 top: 0px;
 left: -50px;
}

#navgradientimg
{
 position: relative;
 top: -276px;
}

ul#sliding-navigation
{
 list-style: none;
 font-size: .75em;
 margin: 30px 0 30px 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
 display: block;
 width: 175px;
 padding: 5px 15px;
 margin-left: -40px;
 _margin: 0;
 margin-bottom: 5px;
 font-family: Verdana, sans-serif;
 text-transform: none;
}

ul#sliding-navigation li.sliding-element h3
{
 color: #fff;
 background: #444;
 border: 1px solid #1a1a1a;
 font-weight: normal;
 font-size: 1em;
}

ul#sliding-navigation li.sliding-element a
{
 color: #999;
 background: #333;
 border: 1px solid #1a1a1a;
 text-decoration: none; 
}

ul#sliding-navigation li.sliding-element a:hover
{
 color: #f23c3c;
}

#remainingleft
{
 position: relative;
 top: -50px;
 left: 25px;
 font-size: .75em;
 margin: 0;
 padding: 0 50px 0 0;
 text-align: center;
}

#remainingleft a:link
{
 color: #f23c3c;
 text-decoration: none;
}

#remainingleft a:visited
{
 color: #f23c3c;
 text-decoration: none;
}

#remainingleft a:hover
{
 color: #fff;
 text-decoration: none;
 border-bottom: 1px dotted #fff;
}

#remainingleft a:active
{
 color: #f23c3c;
 text-decoration: none;
}

/***** For Content Section *****/

#content
{
 margin: 0;
 padding: 0;
 float: left;
 display: block;
 width: 725px;
 _width: 750px;
 font-size: .75em;
 text-align: left;
}

#content a:link
{
 color: #f23c3c;
 text-decoration: none;
}

#content a:visited
{
 color: #f23c3c;
 text-decoration: none;
}

#content a:hover
{
 color: #fff;
 text-decoration: none;
 border-bottom: 1px dotted #fff;
}

#content a:active
{
 color: #f23c3c;
 text-decoration: none;
}

.feature
{
 padding: 0;
 margin: 25px 0 35px 0;
}

.featureimg
{
 float: left;
 margin: 0 10px 0 0;
}

.homelink
{
 text-align: right;
 width: 100%;
}

#content li
{
 margin-top: 10px;
 margin-bottom: 10px;
}

#content li li
{
 margin-top: 0;
 margin-bottom: 0;
}

.vendorprocess
{
 margin: 25px 10px 50px 10px;
}

.loginimg
{
 display: block;
 margin: auto;
 margin-top: 50px;
 text-align: center;
}

#contactdiv
{
 background: #333;
 margin: 0;
 padding: 0;
}

#contactinformation
{
 margin: 0;
 padding: 25px 0 25px 0;
 text-align: center;
}

#contactinformation b
{
 color: #ccc;
}

#management
{
 margin: 0;
 padding: 25px 0 25px 0;
 text-align: center;
}

#management b
{
 color: #ccc;
}

#contactform
{
 background: #333;
 margin: 25px 0 25px 0;
 padding: 25px 0 25px 0;
 text-align: center;
}

.formline
{
 margin: 10px 0 10px 0;
 padding: 5px;
 text-align: left;
}

.formfieldtitle
{
 display: block;
 float: left;
 padding-right: 10px;
 text-align: right;
 width: 325px;
 _width: 350px;
}

.formfield
{
 display: inline;
 text-align: left;
}

.formfield input
{
 width: 250px;
}

.formfield textarea
{
 height: 100px;
 width: 375px;
}

.formfieldsubmit
{
 padding-left: 335px;
 _padding-left: 352px;
}

#formsubmit
{
 background: #fff;
 color: #000;
 width: 125px;
}

.career
{
 border: 1px solid #fff;
 padding: 10px;
 margin: 0 0 25px 0;
}

/***** For Footer Section *****/

#footer
{
 clear: both;
 font-size: .70em;
 padding:0;
 margin: auto;
 display: block;
 width: 1000px;
}

#footer hr
{
 height: 1px;
 color: white;
 background: white;
 border: 0;
 width: 700px;
}

#footer p
{
 margin: 15px 0 0 0;
 _margin: 5px 0 0 0;
}

#footer a
{
 color: #fff;
 text-decoration: none;
}

#footer a:hover
{
 color: #f23c3c;
 border-bottom: 1px solid #f23c3c;
}