/* RESET STYLES ACCROSS DIFFERENT BROWSERS */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:inside;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

/* PAGE STRUCTURE */

body {
	font-size: 62.5%;
	font-family: "Helvetica", sans-serif;
	background:url(/CSS/images/back.jpg) repeat-x top;
}

.hidden {
	display: none;
}

#document-wrap {
	width: 980px;
	margin: auto;
	background-color: #FFF;
}

/* HEADER */

#tree {
	width: 282px;
	height: 94px;
	float: left;
}

#title_wrap {
	width: 698px;
	float: right;
	background-color: #fff;
}

#title {
	width: 698px;
	height: 38px;
	padding: 12px 0 23px 0;
}

/* NAVIGATION */

#nav {
	float: left;
	width: 322px;
	height: 21px;
	overflow: hidden;
}

#nav dl {
	margin: 0; padding: 0;
}

#nav dt {
	float: left;
}

#nav dt a {
	display: block;
	height: 0px !important;
	height /**/:21px; /* IE 5/Win hack */
	padding-top: 23px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#nav dt#home, #nav dt#home a {
	width: 27px;
	background-image: url(/CSS/images/btn_home.jpg);
	background-repeat: no-repeat;
}


#nav dt#tutorials, #nav dt#tutorials a {
	width: 72px;
	background-image: url(/CSS/images/btn_tutorials.jpg);
	background-repeat: no-repeat;
}

#nav dt#history, #nav dt#history a {
	width: 59px;
	background-image: url(/CSS/images/btn_history.jpg);
	background-repeat: no-repeat;
}

#nav dt#benefits, #nav dt#benefits a {
	width: 64px;
	background-image: url(/CSS/images/btn_benefits.jpg);
	background-repeat: no-repeat;
}

#nav dt#css_questions, #nav dt#css_questions a {
	width: 100px;
	background-image: url(/CSS/images/btn_questions.jpg);
	background-repeat: no-repeat;
}


/* SEARCH */
#search {
	float: right;
	text-align: right;
	width: 315px;
	padding-right: 55px;
}

#search input {
	vertical-align: bottom;
	font-size: 12px;
}


/* LAYOUT */
#q1 {
	width: 659px;
	height:357px;
	float: left;
	margin-top: 15px;
	background: url(/CSS/images/content1.jpg) top left no-repeat;
}
#q2 {
	width:321px;
	float: right;
	margin-top: 15px;
}
#q3 {
	clear: both;
	width: 302px;
	float: left;
}
#q4 {
	clear: right;
	float: right;
	width: 678px;
	height: 381px;
	background: url(/CSS/images/content4.gif) top left no-repeat;
}
#topleft {
	width: 659px;
	height:452px;
	float: left;
	margin-top: 15px;
	background: url(/CSS/images/history1.gif) top left no-repeat;
}
#full {
	clear: both;
	background: url(/CSS/images/full_medium.gif);
	width: 980px;
	
}
#q {
	clear: both;
	margin-top: 15px;
	background: url(/CSS/images/qback.gif);
	width: 980px;
}
#tutorials_left {
	width: 341px;
	height:286px;
	float: left;
	margin-top: 15px;
	padding: 32px 0 0 47px;
	background: url(/CSS/images/tutorials1.gif) top left no-repeat;
}
#tutorials_right {
	width:592px;
	height: 318px;
	float: right;
	margin-top: 15px;
	background: url(/CSS/images/tutorials2.gif) top left no-repeat;
}

/* FORMATTING */
h1 {
	color: #E27622;
	font-size: 19px;
	padding: 60px 0 0 66px;
	font-weight: bold;
}
#full h1 {
	color: #E27622;
	font-size: 19px;
	padding: 30px 0 0 65px;
	font-weight: bold;
}


#q1 p, #topleft p, #q p {
	font-size: 14px;
	font-weight: lighter;
	color: #4c4444;
	line-height: 130%;
	padding: 15px 15px 0 66px;
}
.contactForm {
	width: 550px;
	margin: 15px 0 0 66px;
	font-family: "Helvetica", sans-serif;
	font-size: 13px;
	font-weight: lighter;
	font-color: #666;
}
.contactForm td {
	padding: 5px;
}

#full li, #full p {
	font-size: 14px;
	font-weight: lighter;
	color: #4c4444;
	line-height: 130%;
	padding: 15px 45px 0 66px;
}

#q4 p, #tutorials_right p {
	font-size: 14px;
	font-weight: lighter;
	color: #4c4444;
	line-height: 130%;
	padding: 15px 45px 0 66px;
}

	
/* FOOTER */

#footer {
	clear: both;
	text-align: center;
	padding-top: 15px;
	width: 980px;
	height: 10px;
}

a:hover {
	color: #e27622;
}

a:link,  a:visited {
	color: #e27622;
}