/*

	style: nugget networks
	author: john griffin (www.griffingrafix.com)
	
*/

body { margin: 0; padding: 0; background: #9bacbb url(../images/bg1.png) repeat-y center top; font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; line-height: 1.6em; color: #333; }

/* LINKS AND HEADINGS STYLING */

a { color: #546F92; background: inherit; }

a:hover { color: #808080; background: inherit; }

h1 { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }

h2 { font: bold 1.6em "Trebuchet MS", Helvetica, Sans-Serif; color: #164B7D; }

h3 { clear: both; font-size: 1.1em; color: #000; background: #fff url(../images/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0; }

.productBG { background: url(../images/bg2.png) no-repeat; }

#prodCol1 { background: url(../images/prodBG1.png); float: left; height: 199px; width: 169px; margin-right: 10px; }

.blue { color: #5D9CB8; background: inherit; }

.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }

/* CONTENT WRAPPER */

#main { width: 900px; margin: 25px auto 0 auto; }

/* TOP LEFT LOGO */

#logo { padding: 10px 0 10px 10px; float: left; height: 55px; }

#logo h1 { color: #000; background: #fff; }

/* TOP RIGHT HORIZONTAL MENU */
	
#menu { float: right; background: #fff; color: #808080; padding: 18px 1px 11px 40; margin: 0; height: 80px; clear: right; }

#menu li { padding: 14px 18px 14px 18px; color: #444; background: #fff; display: inline; }

#menu li.active { background: #fff; color: #8D9CAF; font-weight: bold; padding: 14px 18px 14px 18px; margin: 0 1px 0 0; }

#menu li a { background: #f8f8f8; color: #808080; text-decoration: none; }

#menu li a:hover { color: #000; background: #f8f8f8; }

.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */

/* LEFT INTRO SIDE */	

#intro_left { clear: left; float: left; width: 250px; background: #002F63 url(../images/leftintrobg.gif) repeat-x; color: #E5EAF2; margin: 0 0 1px 0; }

.largeText { font: normal 30px Georgia, "Times New Roman", Times, serif; color: #0E4579; }

#col1 { width: 250px; }

#intro_left a { color: #fff; background: inherit; }

#intro_left p { padding: 14px 15px; margin: 0; }

/* LEFT VERTICAL MENU */
	
	#menu_left { margin: 0 0 0px; padding: 0 0 0px; }

#menu_left li { list-style: none; }

#menu_left li a { display: block; color: #3F5B7F; background: #DAE8EF url(../images/arrow.gif) no-repeat left center; width: 204px; padding: 7px 23px 7px 23px; margin: 0 0 1px 0; font-weight: bold; text-decoration: none; }

#menu_left li a:hover { background: #9EB1C9 url(../images/arrow.gif) no-repeat center left; color: #fff; }

/* RIGHT INTRO SIDE */
	
#intro_right { float: right; width: 340px; padding: 25px 280px 0 20px; background: #BCCEDA url(../images/intro.png) no-repeat; color: #547592; margin: 0 0 6px 0; height: 174px; border: 2px solid #e2e2e2; }

#intro_right h1 { margin: 0 0 20px 0; }

#intro_right .white { color: #FFF; background-color:transparent; }

/* LEFT SIDE */
	
#left { float: left; width: 250px; margin-top: 5px; }

.box { padding: 4px 15px; border: 1px solid #ccc; margin: 0 0 10px 0; }

.note { padding: 15px 15px 20px 85px; border: 1px solid #CCCCCC; margin: 0 0 5px; background: #326896 url(../images/special_image1.jpg) no-repeat; color: #CCCCCC; }

.note h1 { font-size: 1.5em; }

#main #left .note a { background: url(none); color: #FFFFFF; }

/* RIGHT SIDE */

#right { float: right; width: 643px; }

.leftcol { float: left; padding: 12px 15px; width: 285px; border:#ccc 1px solid; text-align: justify; margin: 0 0 10px 0; }

.rightcol { float: right; padding: 10px 15px; width: 285px; border:#ccc 1px solid; margin: 0 0 10px 0; }

.special { clear: both; margin:0px 0 20px 0; padding: 5px 20px; border: 1px solid #ccc; background: #eee; color: #444; }

/* FOOTER */

#footer { clear: both; padding: 25px 5px 5px; border-top: 1px solid #ccc; background: url(../images/partners.gif) no-repeat center top; }

#logoCrossmetrix { background: url(../images/crossmetrix.png) no-repeat; text-indent: -2000px; margin: 0px; padding: 0px; height: 77px; width: 225px; cursor: pointer; }

#logoAntispam { background: url(../images/antispam.png) no-repeat; text-indent: -2000px; margin: 0px; padding: 0px; height: 77px; width: 225px; cursor: pointer; }

.leftcolInside { float: left; width: 610px; text-align: justify; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; padding-top: 0px; padding-right: 15px; padding-bottom: 24px; padding-left: 15px; }

.leftcolInside ul { font-size: 1.1em; color: #000; margin: 0; list-style-position: inside; list-style-image: url(../images/h3bg.gif); list-style-type: disc; line-height: 1.7em; padding-top: 0; padding-right: 14px; padding-bottom: 0; padding-left: 14px; clear: both; text-indent: -15px; }

.note2 { padding: 15px 15px 20px 85px; border: 1px solid #CCCCCC; margin: 0 0 5px; background: #326896 url(../images/special_image2.jpg) no-repeat; color: #CCCCCC; }

.note2 h1 { font-size: 1.5em; }

#main #left .note2 a { background: url(none); color: #FFFFFF; }