/*
	ProSolve Consulting Ltd. Layout Styles
	Donovan Creative Communications
*/

/* Reset Styles */
body { padding:0; margin:0; font: 12px Arial,Verdana,Helvetica,Garuda,sans-serif; *font-size:small; *font:x-small; color: #58595b;  background-color: #e9e9e9; }	
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code { padding:0; margin:0; line-height:1em; font-size:100%; font-weight:normal; font-style: normal; }	
table { font-size:inherit; font:100%; }	
ul { list-style:none; }	
img { border:0; }	
p { margin:1em 0; line-height: 1.6em; }	
strong { font-weight: bold; }
em { font-style: italic; }
.clear {clear:both; line-height:.1em; font-size:.1em;}
/* end of Reset Styles */

/* Text Styles */
h1 { font-size: 14px; font-weight: bold; color: #0053a0; text-transform: uppercase; }
h2 { font-size: 11px; font-weight: bold; margin:1em 0; line-height: 1.5em; } 
h3 { font-size: 14px; font-weight: bold; color: #0053a0; text-transform: uppercase; }
h4 { font-size: 12px; font-weight: bold; color: #0053a0; text-transform: uppercase; font-family: Calibri, Arial, sans-serif; }
a { color: #0053a0; text-decoration: none; }
a:hover { text-decoration: underline; }
#main ul, #main-home ul { margin:1em 0; line-height: 1.6em; margin-left: 25px; }
#main ul li, #main-home ul li { line-height: 1.6em; padding-bottom: 10px; list-style: square; }
ol { margin:1em 0; line-height: 1.6em; }
ol li { line-height: 1.6em; padding-bottom: 10px; }

#main-left ul { margin:1em 0; line-height: 1.6em; margin-left: 25px; }
#main-left ul li { line-height: 1.6em; padding-bottom: 10px; list-style: square; }
#main-right ul { margin:1em 0; line-height: 1.6em; margin-left: 25px; }
#main-right ul li { line-height: 1.6em; padding-bottom: 10px; list-style: square; }

/* Form Styles */
input { width: 175px; border: 1px solid #696a6c; }
textarea { width: 285px; height: 75px; border: 1px solid #696a6c; }
select { width: 177px; border: 1px solid #696a6c; }
.formtitle { font-weight: normal; }

#container { width: 960px; padding: 20px; margin: 0 auto; background-color: #ffffff; position: relative; }

/* Navigation Styles */
#navigation { width: 960px; background-color: #615236; text-align: right; margin-bottom: 20px; }
#navigation ul { padding: 8px 8px 8px 0; }
#navigation ul li { display: inline; padding-left: 15px; }
#navigation ul li a { color: #FFFFFF; font-weight: bold; font-size: 14px; text-transform: uppercase; text-decoration: none; }
#navigation ul li a:hover { color: #ffffff; text-decoration: none; border-bottom: 3px solid #fff; }
#navigation ul li.active a { border-bottom: 3px solid #fff; }

/* Main Body container */
#body { width: 960px; min-height: 599px; height: auto !important; height: 599px; background: url(../images/insidebg.jpg) top left no-repeat; font: 11px Arial,Verdana,Helvetica,Garuda,sans-serif; }
#body-home { width: 960px; height: 479px; background: url(../images/bg.jpg) top left no-repeat; font: 12px Arial,Verdana,Helvetica,Garuda,sans-serif; }

/* Logo Positioning */
#logo { width: 240px; height: 118px; margin-left: 120px; }

/* Main Content Area */
#main { width: 720px; min-height: 481px; height: auto !important; height: 481px; float: left; background-color: #FFFFFF; }
#main-inside { padding: 35px 15px 35px 15px; }
#main-home { width: 360px; height: 240px; float: left; margin-left: 240px; background-color: #FFFFFF; }
#main-home-inside { padding: 35px 15px 35px 15px; }

#main-left { width: 345px; float: left; }
#main-left-inside { padding: 0 15px 0 0; }
#main-right { width: 345px; float: right; }
#main-right-inside { padding: 0 15px 0 0; }

#breadcrumb { width: 709px; background: #0053a0; margin-top: 1px; padding: 5px 0 5px 10px; color: #FFFFFF; }
#breadcrumb a { color: #ffffff; text-decoration: none; }
#breadcrumb a:hover { text-decoration: underline; }

/* Feature Boxes next to content */
#features { width: 120px; float: left; margin-top: 1px; }
.features-box { width: 120px; height: 120px; background-color: #e5dad0; margin: 0 0 1px 0; }
.second { height: 118px; }
.second#active { height:118px; }
.features-box#active { background-color: #ffffff; }
.features-box:hover { background: #ffffff; }	
.features-box-inside { padding: 15px 8px 15px 8px; }
.features-box p { font-size: 11px; line-height: 1.2em; }

/* Feature Boxes next to content */
#sub-features { width: 120px; float: left; margin-top: 1px; }
#sub-features .features-box { width: 120px; height: 120px; background-color: #ffffff; }
#sub-features .features-box-inside { padding: 15px 8px 15px 8px; }
#sub-features ul li { font-size: 12px; font-weight: bold; color: #0053a0; text-transform: uppercase; font-family: Calibri, Arial, Helvetica, sans-serif; padding: 8px 0 8px 0; border-bottom: 1px solid #ccc; }
#sub-features ul li.first { padding: 0 0 8px 0; }
#sub-features ul li.last { border-bottom: 0px; }
#sub-features ul li a { color: #0053a0; text-decoration: none; }
#sub-features ul li a:hover { text-decoration: underline; }
#sub-features ul li.active a { color: #58595b; }

#features-home { width: 120px; float: left; margin-left: 121px; margin-top: 1px; }
#features-home .features-box { width: 120px; height: 120px; background-color: #e1d6d5; margin: 0 0 1px 0; }
#features-home .features-box:hover { background-color: #ffffff; }	
#features-home .second { height: 118px; }
#features-home .second#active { height:118px; }

#features p a, #features p a:visited { color: #58595b; text-decoration: none; }
#features p a:hover, #features p a:visited:hover { color: #0053a0; text-decoration: none; }
#features-home p a, #features-home p a:visited { color: #58595b; text-decoration: none; }
#features-home p a:hover, #features-home p a:visited:hover { color: #0053a0; text-decoration: none; }
#features h4 a { color: #0053a0; }

.errors { padding-bottom: 10px; }
.errors strong { color: #0053a0; }

#footer { width: 960px; margin: 0 auto; text-align: center; font-size: 10px; color: #353535; }

/* ****************** */
/* DOWNLOADS BOX STYLES */
.downloads-box { border: 1px solid #0053a0; padding: 10px 10px 0px 10px; }