/* general styling */

body {
	width: 100%;
	text-align: center;
	font-family: arial, verdana, helvetica, sans;
	font-size: 11px;
	color: #636363;
	background: #d8d8d8 url(../images/web/background.gif) top center repeat-x;
	line-height: 2em;
}

address {
	text-transform: none;
	font-style: normal;
}

a {
	color: #f58025;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

h1, h2, h3, h4 {
	clear: both;
}

h1 {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	font-size: 20px;
}

h2 {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color: #f58025;
	font-size: 18px;
}

h3 {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	color: #f58025;
	font-size: 16px;
}

ol {
	list-style-type: decimal;
} 

ul, ol {
	margin: 0 0 0 20px;
}

p {
	margin: 0 0 8px 0;
}

p.details {
	font-style: italic;
}

/* standard page elements */

#container {
	width: 970px;
	text-align: left;
	margin: 0 auto;
	background: transparent url(../images/web/background-container.jpg) top center no-repeat;
}

#container #top {
	width: 970px;
	height: 90px;
}

#top .logo {
	width: 300px;
	display: block;
	float: left;
	padding: 10px 0 0 0;
}

#top address {
	line-height: 1.6em;
	display: block;
	float: left;
	width: 655px;
	text-align: right;
	padding: 10px 15px 0 0;
}

/* navigation and page search */


#navigation {
	background: transparent url(../images/web/background-nav.png) 0px top no-repeat;
	width: 970px;
	height: 65px;
}

#navigation #navwrap {
	display: block;
	float: left;
	width: 750px;
}

#navigation #pagesearch {
	display: block;
	float: right;
	padding: 18px 0 0 0;
	width: 220px;
	height: 45px;
}

#pagesearch input.page-search-query {
	border: none;
	background: #fff url(../images/web/background-searchform.gif) top left no-repeat;
	height: 20px;
	width: 161px;
	padding: 5px 0 0 5px;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
	color: #8c8c8c;
	display: block;
	float: left;
}

#pagesearch input.page-submit-query {
	border: none;
	background: transparent url(../images/web/background-searchbutton.gif) bottom left no-repeat;
	height: 25px;
	width: 31px;
	display: block;
	float: left;
}

/* contentbox regular content pages */

#contentbox-content {
	font-size: 12px;
	width: 970px;
	background: #fff url(../images/web/background-contentbox-content.png) top left no-repeat;
}

#contentbox-content #pageimage {
	text-align: center;
	width: 735px;
	padding: 10px 235px 0 0;
	height: 187px;
}

#contentbox-content #pagecontent {
	width: 700px;
	padding: 24px 15px;
	float: left;
}

#pagecontent ul {
	list-style-type: square;
}

/* regular content page subnavigation */

#contentbox-content #subnavigation {
	float: left;
	width: 240px;
	height: 300px;
	background: #fff url(../images/web/contentbox-gradient.png) top left no-repeat;
}

#subnavigation address {
	padding: 5px;
}

#subnavigation h2 {
	width: 235px;
	height: 26px;
	color: #fff;
	padding: 6px 0 0 5px;
	margin: 0 0 20px 0;
	font-size: 16px;
	text-transform: uppercase;
	background: transparent url(../images/web/sidebar-heading-background.png) bottom left repeat-x;
}

#subnavigation ul {
	margin: 0 0 0 20px;
}

#subnavigation ul li {
	padding: 0 0 0 15px;
	background: transparent url(../images/web/content-subnav-li.png) center left no-repeat;
}

#subnavigation ul li a {
	color: #24217e;
}
#subnavigation ul li a:hover,
#subnavigation ul li.here a {
	text-decoration: underline;
	color: #f58025;
}

/* regular content pages' elements */

#pagecontent h1 {
	text-transform: uppercase;
	margin: 0 0 15px 0;
	color: #f58025;
	font-size: 22px;
	width: 700px;
}
#pagecontent h2 {
	text-transform: uppercase;
	margin: 0 0 12px 0;
}
#pagecontent h3 {
	text-transform: uppercase;
	margin: 0 0 10px 0;
}


#pagecontent-bottom {
	width: 970px;
	height: 12px;
	clear: both;
	margin: 0; 
	background: #fff;
}

/* contactform styling */

#contactform {
	width: 550px;
}

#contactform .formrow {
	float: left;
	width: 550px;
	margin: 0 0 6px 0;
}

#contactform .formrow .label {
	float: left;
	width: 150px;
	display: block;
}

#contactform .formrow .input {
	float: left; 
	width: 400px;
	display: block;
}

#contactform label {
	color: #24217e;
}
#contactform label:hover {
	cursor: pointer;
	color: #f58025;
}

#contactform .text {
	border: 1px solid #8886b7;
	width: 180px;
	padding: 5px 0 5px 5px;
}

#contactform .textarea {
	font: normal 12px arial, verdana, helvetica, sans;
	border: 1px solid #8886b7;
	width: 380px;
	height: 180px;
	padding: 5px;
}

/* footer both home and regular content pages*/

#bottom-content {
	width: 970px;
}

#bottom-content h2 {
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	margin: 0 0 10px 0;
	text-align: left;
}

#bottom-content .references,
#bottom-content .latest-news,
#bottom-content .faq {
	float: left;
	width: 270px;
	padding: 30px 26px 40px 26px;
}

#bottom-content .faq ul li {
	margin: 0 0 8px 0;
	padding: 0 0 0 16px;
	background: transparent url(../images/web/bullet-circle.png) left center no-repeat; 
}

#bottom-content .faq ul li a {
	color: #050167;
	text-decoration: none;
}

#bottom-content .faq a:hover {
	text-decoration: underline;
}

#bottom-content a.readmore {
	font-weight: bold;
	padding: 0 15px 0 0;
	color: #f58025;
	background: transparent url(../images/web/icon-readmore.png) center right no-repeat; 
}

#footer {
	color: #fff;
	line-height: 1.5em;
	width: 970px;
	height: 40px;
	padding: 6px 0 2px 0;
	margin: 0 0 50px 0;
	text-align: center;
	background: transparent url(../images/web/background-footer.gif) top left repeat-x; 
}

.clear {
	clear: both;
}

/* livevalidation message styling */

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
    padding: 0 0 0 20px;
	background: transparent url(../images/web/livevalid.png) center left no-repeat; 
}
	
.LV_invalid {
    color:#CC0000;
    padding: 0 0 0 20px;
	background: transparent url(../images/web/liveinvalid.png) center left no-repeat; 
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/* Mootools Accordions */

#faq-accordion span.toggler,
#dev-accordion span.toggler {
	cursor: pointer;
	color: #f58025;
}

#faq-accordion ol li {
	margin: 0 0 10px 0;
}

#dev-accordion .device {
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
}

.device h3 {
	border: 1px solid #ccc;
	border-width: 0 0 1px 0;
	color: #fff;
	padding: 4px 0;
	text-indent: 4px;
	background: transparent url(../images/web/background-nav.png) center center no-repeat;
}

.device .content-short,
.device .toggler,
.device .more {
	padding: 4px;
}