@charset "utf-8";
/* CSS Document */

/**********/
/* Resets */
/**********/

html, body, h1, h2, h3, p, ul, li, dl, dt, dd {padding:0; margin:0;}
img {border:none;}
a {outline:none;}

/******************/
/* Global Classes */
/******************/

.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.middle{display:block; margin-left:auto; margin-right:auto;}

.browser {display:none;}
.visible {display:block;}

.nobold{font-weight:100;}

.image_replace {
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.large {
	padding-bottom:15px;
}

/*********/
/* Lists */
/*********/

ul {list-style-type:none; padding-left:55px;}
div#footer ul {padding-left:10px;}

ol li {
	margin-bottom:10px;
}

div#selector ul li  {
	float:left;
}
div#footer ul li  {
	float:left;
	margin-right:10px;
}
div#banner ul {
	padding:5px 0 0 0;
	line-height:20px;
}

/*********************/
/* Image Replacement */
/*********************/

#h1_title {
	background-image:url(../images/h1.gif);
	width:272px;
	height:24px;
}

li#paragraph_item {
	width:325px;
	height:100px;
}

li#li_item1 {
	background-image:url(../images/li_item1.gif);
	width:400px;
	height:21px;
}

li#li_item2 {
	background-image:url(../images/li_item2.gif);
	width:400px;
	height:22px;
}

li#li_item3 {
	background-image:url(../images/li_item3.gif);
	width:400px;
	height:30px;
}

li#li_item4 {
	background-image:url(../images/li_item4.gif);
	width:400px;
	height:22px;
}

.arrow {
	background: url(../images/arrow.gif) 0px 5px no-repeat;
	padding-left:20px;
}

/****************/
/* Fonts Family */
/****************/

* {font-family:Arial, Helvetica, sans-serif;}
.text p, .text h2, .text ol li a, .text ol li, #selector p {font-family:Tahoma, Arial, Helvetica;}
div#banner-right h1, div#banner-right li {font-family: Tahoma, Arial, Helvetica;}

/**************/
/* Font Color */
/**************/

ol li {color:#000000;}
.text p, .text h2, .text ol li a, h2 {color:#0096d6; text-decoration:none;}
.text ol li {color:#666666;}
div#footer ul li a {color:#16539C;}
#copyright p {color:#6C6C6A;}
#selector p {color:#FFFFFF;}
.alt {color:#666666;}
div#banner-right h1, div#banner-right li, ul#header_nav li a {color:#444445;}

/**************/
/* Font Size */
/**************/

.text p {font-size:19px; line-height:21px;}
ol li {font-size:12px; line-height:16px;}
.text h2, h2 {font-size:31px; line-height:33px;}
ul#header_nav li a {font-size:11px; line-height:13px;}
div#footer ul li a {font-size:11px; line-height:13px;}
#copyright p {font-size:12px; line-height:20px; color:#6C6C6A; margin:3px 10px 0px 0px;}
#selector p {font-size:11px; line-height:13px;}
.alt {font-size:11px; line-height:13px;}
div#banner-right h1 {font-size:24px;}
div#banner-right li {font-size:12px;}

/*******************/
/* Font Decoration */
/*******************/

ul#header_nav li a {font-weight:bold; text-decoration:none;}
div#footer ul li a {font-weight:bold; text-decoration:none;}
#copyright p {font-weight:bold;}
.text h2 {font-weight:100;}
ol li {font-weight:bold;}
#selector p {font-weight:bold;}
div#banner-right h1 {font-weight:normal;}

/**************/
/* Navigation */
/**************/

ul#header_nav {
	float:right;
	margin: 0px 20px 0px 0px;
}

ul#header_nav li {
	float:left;
	margin-right:10px;
}

/**************/
/* Structural */
/**************/

body {
	background-color:#fff;
	background:url(../images/bg_body.gif) repeat-x center top;
}

div#wrapper {
	width:794px;
	height:617px;
	margin: 0px auto 0px auto;
	background:url(../images/bg_wrapper.gif) repeat-x center top;
}

div#header {
	height:85px;
}

div#content-wrapper {
	border:solid #bec3c8;
	border-width:1px 4px 1px 1px;
	height:540px;
}

div#banner {
	background:url(../images/bg_banner.jpg) center bottom no-repeat;
	width:740px;
	height:210px;
	margin: 0px auto 0px auto;
	padding:35px 0px 0px 50px;
}

div#banner-right {
	width:370px;
	height:160px;
	float:right;
}

div#selector {
	width:794px;
	height:76px;
	margin: -41px 0px 0px 0px;
}

div#content {
	width:794px;
	height: 243px;
	margin: 15px 0px 0px 0px;
}

div.text {
	float:left;
	margin: 20px 0px 0px 0px;
	width:365px;
}

.screenshot {
	float:left;
}

.text h2, .text ol {
	padding-left:20px;
}

div#footer {
	width:794px;
	margin: 30px auto 0px auto;
}

div#footer #col1, div#footer #col2{
	float:left;
	width:50%;
}

/***************/
/* Positioning */
/***************/

#selector p {
	float:left;
	background: url(../images/arrow_blue.jpg) 0px 1px no-repeat;
	padding-left:20px;
	margin: 20px 9px 0px 170px;
}

div#col1 ul {
	margin-left:12px;
}

div#footer #col2 ul, div#footer #col2 #copyright p, div#footer #col2 #copyright img {
	float:right;
}

div#footer #col2 #copyright {
	float:right;
	margin-right:15px;
}

/* Screenshot Positioning */
div#IE2_Div img {padding-left:32px; padding-right:17px;}
div#Firefox_Div img {padding-left:32px; padding-right:17px;}
div#FirefoxMac_Div img {padding-left:32px; padding-right:17px;}
div#Chrome_Div img {padding-left:32px; padding-right:16px;}
div#ChromeMac_Div img {padding-left:32px; padding-right:16px;}
div#Safari_Div img {padding-left:32px; padding-right:16px;}
div#SafariMac_Div img {padding-left:32px; padding-right:16px;}
div#Netscape_Div img {padding-left:32px; padding-right:16px;}
div#Opera_Div img {padding-left:32px; padding-right:17px;}
div#OperaMac_Div img {padding-left:32px; padding-right:17px;}

/*************/
/* Selectors */
/*************/

#selector li {
	margin:0 3px;	
}

a#IE {
	background:url(../images/icons_off.jpg) -12px 0px no-repeat;
	width:67px;
	height:76px;
	margin-left:13px;
}

a#IE:hover, a#IE.on {
	background:url(../images/icons_on.jpg) -12px 0px no-repeat;
	width:67px;
	height:76px;
}

a#Firefox {
	background:url(../images/icons_off.jpg) -81px 0px no-repeat;
	width:67px;
	height:76px;
}

a#Firefox:hover, a#Firefox.on {
	background:url(../images/icons_on.jpg) -81px 0px no-repeat;
	width:67px;
	height:76px;
}

a#Chrome {
	background:url(../images/icons_off.jpg) -150px 0px no-repeat;
	width:67px;
	height:76px;
}

a#Chrome:hover, a#Chrome.on {
	background:url(../images/icons_on.jpg) -150px 0px no-repeat;
	width:67px;
	height:76px;
}

a#Safari {
	background:url(../images/icons_off.jpg) -219px 0px no-repeat;
	width:67px;
	height:76px;
}

a#Safari:hover, a#Safari.on {
	background:url(../images/icons_on.jpg) -219px 0px no-repeat;
	width:67px;
	height:76px;
}

a#Netscape {
	background:url(../images/icons_off.jpg) -288px 0px no-repeat;
	width:67px;
	height:76px;
}

a#Netscape:hover, a#Netscape.on {
	background:url(../images/icons_on.jpg) -288px 0px no-repeat;
	width:67px;
	height:76px;
}

a#Opera {
	background:url(../images/icons_off.jpg) -357px 0px no-repeat;
	width:67px;
	height:76px;
}

a#Opera:hover, a#Opera.on {
	background:url(../images/icons_on.jpg) -357px 0px no-repeat;
	width:67px;
	height:76px;
}

/**********/
/* Images */
/**********/

#logo {
	margin: 20px 0px 0px 0px;
}