@charset "utf-8";

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#537da5;text-decoration:none}
a:hover {text-decoration:underline}
html {background:#fff url(../images/bg.jpg) left top repeat-x }
body {background:url(../images/bottom-bg.png) left bottom repeat-x;color:#666;font:75%/152% "Tahoma", Arial, Sans-Serif;padding: 0 0 21px}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1.3em}
h1 {color:#333;font-size:1.665em;font-weight:400;line-height:50px}
h2 {color:#666;font-size:16px;font-weight:bold;line-height:20px}

/* Containers */
#page {margin:0 auto;position:relative;width:900px}
#main {overflow:hidden;margin: 0 0 0 -7px;padding: 0 0 20px;width:900px}
#subpage #main {margin:0}

/* Header */
#contact {background:url(../images/contact-bg.png) left top no-repeat;color:#4a4a4a;height:35px;font-size:1.335em;font-weight:700;line-height:35px;padding: 0 0 0 200px;position:absolute;right:0;top:0;width:326px}
#logo {margin: 12px 0 21px}

	/*Navigation*/
	ul#nav {clear:both;float:left;list-style:none;margin:0;width:900px}
	ul#nav li {background:url(../images/divider.png) left top no-repeat;float:left;height:33px;padding: 0 0 0 2px;position:relative}
	ul#nav li a {background:url(../images/nav-bg.png) left top repeat-x;color:#fff;float:left;height:24px;padding: 9px 0 0;text-align:center;text-decoration:none}
	ul#nav li.first {background:none;padding:0}
	ul#nav li.first a {height:33px;padding:0;width:120px}
	ul#nav li.first a span {background:url(../images/first-nav.png) left top no-repeat;cursor:pointer;float:left;height:24px;padding: 9px 0 0 3px;width:117px}
	ul#nav li.last a {height:33px;padding:0;width:120px}
	ul#nav li.last a span {background:url(../images/last-nav.png) right top no-repeat;cursor:pointer;float:left;height:24px;padding: 9px 3px 0 0;width: 117px}
	ul#nav li.tech a {width:119px}
	ul#nav li.products a {width:162px}
	ul#nav li.apps a {width:119px}
	ul#nav li.resources a {width:119px}
	ul#nav li.news a {width:129px}
	
		/*Hovers*/
		ul#nav li a:hover {background:url(../images/nav-bg.png) left -33px repeat-x}
		ul#nav li.first a:hover span {background:url(../images/first-nav.png) left -33px no-repeat}
		ul#nav li.last a:hover span {background:url(../images/last-nav.png) right -33px no-repeat}
	
			/*Suckerfish*/
			ul#nav li ul {background:url(../images/hover.png) left top repeat;left:-999em;list-style:none;padding:7px;position:absolute;top:33px;visibility:visible;width:168px}
			ul#nav li:hover ul, ul#nav li.sfhover ul {left:0}
			ul#nav li ul li {background:none;border-bottom:1px dotted #454a4d;display:block;float:none;height:auto;padding: 3px 0}
			ul#nav li ul li a, ul#nav li.first ul li a, ul#nav li.last ul li a, ul#nav li.tech ul li a,ul#nav li.products ul li a, 
			ul#nav li.apps ul li a, ul#nav li.resources ul li a, ul#nav li.news ul li a {background:none;display:block;float:none;height:auto;padding: 0 0 0 15px;text-align:left;width:153px}
			ul#nav li ul li a:hover {background:none}

/*Banner*/
#banner {background:#326393 url(../images/banner-bg.png) left top repeat-x;clear:both;color:#fff;font:2.165em "Trebuchet MS", Arial, Sans-Serif;height:265px;margin: 0 0 4px;padding: 0 56px 0 0;width:844px}			
#banner p#intro {float:left;padding:45px 15px 0 15px;width:400px}
#banner p#intro strong {text-transform:uppercase}
#banner img {margin-top: 7px}

/* Content*/
#content {background: url(../images/content-bg.png) right 50px no-repeat;float:left;margin: 0;position:relative;width:666px}
#content .text {float:right;padding: 0 31px 0 0;width:413px}
#content #photos {float:left;padding:6px 0 0;width:211px}
#content h1 { font-weight: bold; padding: 0 0 5px }
#content h3 {padding: 0 0 18px}
#content ul {margin:0 0 1em 30px}

	/*Subpage Content*/
	#subpage #content {background:none;float:right;width:626px}
	
/* Sidebar */
#sidebar {float:right;width:230px}
#sidebar .text {background:#326393 url(../images/sidebar-bg.png) left top repeat-y;color:#fff;width:230px}
#sidebar .text div {background:url(../images/sidebar-top.jpg) left top no-repeat;width:230px}
#sidebar .text div div {background:url(../images/sidebar-bg.png) right bottom no-repeat;padding: 15px 15px 15px 12px;width:203px}
#sidebar .text div div div {background:none;padding:0;width:auto}
#sidebar .text div div h2 {font:bold 1.165em Arial, Sans-Serif;padding: 0 0 22px}
#sidebar address {color:#537da5;font-style:normal;padding:5px 0 0;text-align:center}
#sidebar h1 {padding: 0 0 0 2px}

	/*Subpage Sidebar*/
	#subpage #sidebar {float:left;position:relative}

/* Footer */
#footer {background:#2d2d2d url(../images/footer-bg.png) left top no-repeat;color:#fff;font-size:.915em;padding:4px 10px 0;height:23px;width:880px}
#footer p {float:left}
#footer ul {float:right;list-style:none}
#footer ul li {background:url(../images/footer-divider.gif) left 5px no-repeat;float:left;padding: 0 4px 0 5px}
#footer ul li.first {background:none}
#footer ul li a {color:#fff}

/*IE6 PNG Fix*/
ul#nav li ul { behavior: url("script/iepngfix.htc") }