/********** PAGE LAYOUT AND STYLES **********/
body {
   margin: 0;
   padding: 0;
}

a {
   outline: none;
}

.width_wrapper {
   margin: 0 auto;
   width: 960px;
}

#header {
   height: 428px;
   background: url('../images/header.jpg') no-repeat top center;
}

#knowledge {
   background-color: #343B3C;
   height: 5px;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 10000;
}

#knowledge_view {
   background-color: #343B3C;
   display: none;
   height: 330px;
}

#knowledge_button, #knowledge_body, #knowledge_footer {
   display: block;
   margin: 0 auto;
   width: 960px;
}

#knowledge_body {
   height: 240px;
   padding-top: 20px;
}

#knowledge_author, #knowledge_subscribe {
   float: right;
}

#knowledge_author {
   text-align: right;
   width: 250px;
}

#knowledge_subscribe a {
   background: url(../images/rss-small.png) right no-repeat;
   padding-right: 21px;
}

#knowledge_button a {
   background-color: #343B3C;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
   display: block;
   float: right;
   -moz-border-radius-bottomleft: 8px;
   -moz-border-radius-bottomright: 8px;
   padding: 8px 15px 5px 15px;
   -webkit-border-bottom-left-radius: 8px;
   -webkit-border-bottom-right-radius: 8px;
}

#knowledge_button a.close {
   background: url(../images/close.png) #343B3C 20px 8px no-repeat;
   padding: 8px 22px 5px 43px;
}

#header #site_id {
   float: left;
   margin: 0 0 0 10px;
}

#header #site_id a {
   background: url('../images/bg-docnet-logo.png') no-repeat;
   display: block;
   float: left;
   height: 135px;
   width: 183px;
}

#header #site_id img {
   height: 88px;
   margin: 32px 0 0 25px;
   width: 128px;
}

#header ul.menu {
   float: right;
   margin: 57px 0 0 0;
}

#header ul.menu li {
   background-color: #343B3C;
   border-radius: 8px;
   float: left;
   list-style-type: none;
   margin-left: 10px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
}

#header ul.menu li:hover, #header ul.menu li.active {
   background-color: #FFF;
}

#header ul.menu li a {
   display: block;
   float: left;
   padding: 5px 15px;
}

#page_content {
   background: url('../images/body.png') no-repeat bottom center;
   padding-bottom: 250px;
}

#page_content #content_header {
   position: relative;
}

#page_content #content_header h1 {
   float: left;
   margin: 0;
}

#page_content #details {
   position: absolute;
   right: 0;
   bottom: 0;
}

#page_content #sub_nav ul {
   margin: 0;
}

#page_content #sub_nav ul li {
   list-style: none;
   margin-bottom: 5px;
}

#page_content .area_header {
   display: block;
   margin-bottom: 21px;
}

#page_content #appended_content {
   display: none;
}

#footer {
   min-height: 71px;
   padding-bottom: 20px;
}

.clear {
   clear: both;
}

/********** FONTS AND TEXT STYLES **********/
body {
   color: #343B3C;
   font-family: arial, helvetica, clean, sans-serif;
}

a {
   color: inherit;
}

.highlight {
   font-weight: bold;
}

#header ul.menu li a, #knowledge_button a {
   color: #FFF;
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
}

#knowledge_button a {
   text-align: center;
}

#knowledge #knowledge_view, #knowledge #knowledge_footer a {
   color: #FFF;
}

#knowledge #knowledge_body #knowledge_title {
   font-size: 50px;
   font-weight: bold;
}

#knowledge #knowledge_body p {
   color: #1DC4D6;
   font-size: 40px;
   line-height: 1.1;
}

#knowledge #knowledge_footer {
   font-size: 13px;
}

#knowledge #knowledge_footer a {
   text-decoration: none;
}

#knowledge_source_title {
   text-align: right;
}

#header ul.menu li:hover a, #header ul.menu li.active a {
   color: #343B3C;
}

#page_content h1 {
   font-size: 60px;
   font-weight: bold;
   letter-spacing: -1px;
   line-height: 0.89;
}

#page_content h1 .secondary_h1 {
   color: #343B3C;
}

#page_content h1.sub_page .secondary_h1 {
   font-size: 40px;
   font-weight: normal;
}

#page_content #details {
   text-align: right;
}

#page_content #area_2, #page_content #area_3 {
   font-size: 13px;
   line-height: 1.6;
}

#page_content #area_1, #page_content #details {
   font-size: 18px;
}

#page_content .area_header {
   font-size: 22px;
   font-weight: bold;
   line-height: 1.2;
}

#page_content .img_placeholder_right {
   float: right;
   margin: 0 5px 0 40px;
}

#footer p {
	color: #ababab;
   clear: right;
	display: inline;
	float: right;
	font-size: 12px;
}

#footer_col_1, #footer_col_2 {
   float: left;
}

#footer h4 {
	color: #353A3D;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 5px;
}

#footer_col_1 ul, #footer_col_2 ul, #footer_col_3 ul {
   font-size: 12px;
}

#footer_col_1 ul, #footer_col_2 ul {
   display: block;
   float: left;
	margin: 0 3em 0 0;
}

#footer_col_1 ul li, #footer_col_2 ul li {
   line-height: 1.8em;
	list-style: none;
}

#footer_col_1 ul li a, #footer_col_2 ul li a, #footer_col_3 ul li a {
	color: #353A3D;
	text-decoration: none;
}

#footer a:hover, #knowledge #knowledge_footer a:hover {
	color: #03C3D2;
	text-decoration: underline;
}


#footer_col_1 ul li.col2 {
   margin-left: 8em;
}

#footer_col_2 ul li.col2 {
   margin-left: 17em;
}

#footer ul li.reset {
   margin-top: -10.8em;
}

#footer_col_3 {
	float: right;
}

#footer_col_3 ul {
   margin: 0;
}

#footer_col_3 ul li {
	float: left;
	list-style: none;
}

.foot {
   clear: right;
   text-align: right;
   margin-top: 60px;
}

#footer #base {
   border-top: 1px solid #E6E6E6;
   margin-top: 15px;
   padding-top: 15px;
}

#footer #base .social-images {
	border: none;
	float: left;
	height: 30px;
	margin-right: 10px;
   text-indent: -9999px;
	width: 29px;
}

#footer #base a.fb {
	background: url('../images/facebook-logo.png') no-repeat;
}

#footer #base a.fb:hover {
	background: url('../images/facebook-logo-hover.png') no-repeat;
}

#footer #base a.twit {
	background: url('../images/twitter-logo.png') no-repeat;
}

#footer #base a.twit:hover {
	background: url('../images/twitter-logo-hover.png') no-repeat;
}

#footer #base a.rss {
	background: url('../images/rss-logo.png') no-repeat;
}

#footer #base a.rss:hover {
	background: url('../images/rss-logo-hover.png') no-repeat;
}

#footer #base p {
   font-weight: bold;
   margin-top: 10px;
}