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

body {
	background: #fff url(../images/gradient.gif) left top repeat-x;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #626469;
	margin: 0;
	padding: 0;
	min-height: 100%;
}

img { border: 0; }

#wrapper {
	width: 800px;
	min-height: 800px;
	background: url(../images/columns.gif) top left repeat-y;
	padding: 0;
	margin: 0 auto;
}

span.mark { font-size: 9px; font-family: Arial; }



/*** MASTHEAD DIMENSIONS, FLOATING LOGO IN H1 AND TAGLINE ON HOME PAGE ***/

#masthead { height: 85px; padding: 0; }

h1 {
	float: left;
	margin: 20px 188px 0 28px;
	padding: 0;
	height: 46px;
	width: 64px;
	display: inline;
}

#masthead p {
	font-family: Times New Roman;
	font-size: 17px;
	color: #006498;
	line-height: 85px;
	/* letter-spacing: -1px; */
	margin: 0;
}



/**** MAIN MENU STYLES, INCLUDING DROP DOWN STYLING ********/

#mainmenu {
	position: relative;
	margin: 0;
	padding: 0;
	background: url(../images/menu-bg.jpg) top left no-repeat;
	height: 173px;
	width: 800px;
	clear: both;
}

#nav {
	position: absolute;
	top: 15px;
	left: 253px;
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}

#nav a {
	color: #adc6d3;
	text-decoration: none;
	font-weight: bold;
}

#nav a:hover { color: #fff; }

#nav li { float: left; }

#nav ul li {
	clear: left;
	margin-bottom: 8px;
	padding-left: 16px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: 116px;
	background: #004f76;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background: #004f76;
}

#homeli {
	width: 108px;
	height: 32px;
}

#hlink {
	display: block;
	width: 108px;
	height: 32px;
	background: url(../images/home.jpg) top left no-repeat;
	text-indent: -9999px;
}

#hlink:hover { background: url(../images/home-hover.jpg) top left no-repeat; }

#productli { width: 155px;
	background: url(../images/products.jpg) top left no-repeat; 
}

#productli:hover, #productli.sfhover { background: url(../images/products-hover.jpg) top left no-repeat; }

#plink {
	display: block;
	width: 155px;
	height: 32px;
	text-indent: -9999px;
}

#nav #productli ul { width: 155px; }

#companyli { 
	width: 134px; 
	background: url(../images/company.jpg) top left no-repeat;
}

#clink {
	display: block;
	width: 134px;
	height: 32px;
	text-indent: -9999px;
}

#companyli:hover, #companyli.sfhover { background: url(../images/company-hover.jpg) top left no-repeat; }

#nav #companyli ul { width: 134px; }

#supportli { 
	width: 150px; 
	background: url(../images/support.jpg) top left no-repeat;
}

#slink {
	display: block;
	width: 150px;
	height: 32px;
	text-indent: -9999px;
}

#supportli:hover, #supportli.sfhover { background: url(../images/support-hover.jpg) top left no-repeat; }

#nav #supportli ul { width: 150px; }




/***** PADDING FOR THE AREA BETWEEN THE MAIN MENU AND THE FOOTER ****/

#content {
	padding: 27px 34px 27px 27px;
	margin: 0;
}





/******* BOXES FOR THE HOME PAGE ********/

#bigbox {
	height: 301px;
	width: 422px;
	background: url(../images/bigbox.gif) top left no-repeat;
	float: left;
	font-size: 12px;
}

#bigbox strong {
	display: block;
	font-size: 22px;
	font-family: Times New Roman;
	font-weight: normal;
	color: #006498;
	margin-top: 20px;
}

#bigbox p { 
	margin: 0 25px 12px 20px;
	line-height: 1.5em;
}

#bigbox h2 { 
	font-size: 1em;
	text-transform: uppercase;
	margin: 20px 0 .5em 20px;
}

.smallbox {
	margin: 0 0 16px 438px;
}

small { font-weight: normal; font-family: Arial; }


/********* SIDE NAVIGATION STYLES **************/

#sidenav {
	float: left;
	width: 188px;
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #006598;
}

#sidenav li {
	margin: 0 0 12px 0;
	padding: 0;
}

#sidenav a { 
	color: #006598;
	text-decoration: none;
}

#sidenav a:hover { text-decoration: underline; }

#sidenav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: none;
}

#sidenav ul li {
	margin: 8px 0 0 0;
}

#sidenav ul a {
	color: #646464;
	padding-left: 13px;
	background: url(../images/gte-gray.gif) top left no-repeat;
}

#sidenav ul a.on {
	color: #c85232;
	padding-left: 13px;
	background: url(../images/gte-red.gif) top left no-repeat;
}

#sidenav ul a:hover {
	color: #c85232;
	text-decoration: none;
	background: url(../images/gte-red.gif) top left no-repeat;
}




/*********** MAIN AREA STYLING **************/

#main {
	margin-left: 251px;
	line-height: 1.5em;
}

#main h2 {
	font-size: 12px;
	font-weight: bold;
	color: #c92d02;
	margin: 0 0 .5em 0;
	padding: 0;
}

#main h3 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#main h4 {
	text-transform: uppercase;
	margin: 2em 0 .5em 0;
	padding: 0;
	font-size: 1em;
}

#main p {
	margin: 0 0 1em 0;
}

#main a {
	text-decoration: none;
	color: #006498;
}

#main a:hover { text-decoration: underline; }

#main ul {
	margin: 0;
	padding: 0;
	list-style: none;
}



/*********** FORM STYLES ****************/

#main-form {
	margin-left: 251px;
	margin-top: -70px;
	line-height: 1.5em;
}

#main-form h2 {
	font-size: 12px;
	font-weight: bold;
	color: #c92d02;
	margin: 0 0 0 0;
	padding: 0;
}

#main-form h3 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#main-form p {
	margin: .5em 0 1em 0;
}

#main-form a {
	text-decoration: none;
	color: #006498;
}

#main-form a:hover { text-decoration: underline; }

#main-form ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

form { margin-bottom: 16px; }

fieldset { 
	margin: 0;
	padding:0px;
	width: 410px;
	border: 0;
}

#generalinfo {
	font-weight: bold;
	border-top: 1px solid #d4d4d4;
	padding: 20px 0px;
}

label {
	float: left;
	width: 120px;
	clear: both;
}

#generalinfo input { 
	margin: 0 0 8px 0;
	width: 280px;
	float: right;
}

#purchase { margin-bottom: 24px; }

p.privacy { 
	font-weight: bold;
	font-size: 10px;
	color: #c92d02;
	border-top: 1px solid #d4d4d4;
	width: 410px;
	padding-top: 16px;
}


/************* FOOTER STYLES **********************/


#footerwrapper {
	width: 800px;
	background: url(../images/columns.gif) top left repeat-y;
	padding: 0;
	margin: 0 auto;
}


#footer {
	clear: both;
	margin: 0px;
	padding: 10px 0px 20px 104px;
	//padding: 10px 0px 20px 96px;
	color: #8f8f8f;
	font-size: 9px;
	height: 20px;
	text-align: left;
	display: block;
}

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

#footer span.link {
	padding: 5px 15px 5px 0;
	margin-right: 15px;
	background: url(../images/line.gif) right 7px no-repeat;
}

#footer a:hover { text-decoration: underline; }

#phone { 
	padding: 5px 15px 5px 15px;
	background: url(../images/phone.gif) top left no-repeat;
	color: #4f4f50;
	border: 0;
}

#copyright {
	border-width: 0;
	background: url(../images/line.gif) left 50% no-repeat;
	padding: 5px 15px;
}