/*
-----------------------------------------------
S4S - Software 4 Specialists Styles
Author: Chris Pearce (Cornerstone Technologies)
----------------------------------------------- */

/****************************************************************************************
>> Common HTML properties << 
*****************************************************************************************/

html, body {margin: 0; padding: 0;}

body {
	background: #FAF6EB;
	color: #383838;
	margin-bottom: 30px;
	font: 74% Arial, Helvetica, sans-serif;
	text-align: center; /* Used to center align main div for IE 5 */
}

a:link, a:visited {text-decoration: underline; color: #530304;}
a:hover, a:active {text-decoration: none; color: #D66D10;}

p {margin: 0 0 1.6em 0; line-height: 1.5em;}
a img {border: 0;}
ul li {list-style-image: url('../Images/template-images/list-bullet.gif'); line-height: 1.5em; margin-bottom: 0.45em;}
ol li {line-height: 1.5em; margin-bottom: 0.45em;}
ul ul, ol ol {font-size: 100%; margin-top: 0.50em; margin-bottom: 1em;}
ul li ul li {list-style-image: url('../Images/template-images/list-bullet2.gif');}
table, td {font: 100% Arial, Helvetica, sans-serif; vertical-align: top;}
hr {color: #D16B10; background: #D16B10; height: 1px; border: 0; margin: 0 0 1.4em 0;}
blockquote {
	font: 1.1em "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0;
	padding: 0;
}

h1 {
	font: 500 1.64em Arial, Helvetica, sans-serif;
	color: #974D0C;
	margin: 0 0 1em 0;
}

h2,h3,h4,h5,h6 {
	font: bold 1.45em Arial, Helvetica, sans-serif;
	color: #530304;
	margin: 0 0 0.90em 0;
}
h3,h4,h5,h6 {color: #5B5B5B; font-size: 1.28em;}

/* right alignbody  */
p.rabody {
	text-align: right;
	font-style: italic;
}

/****************************************************************************************
>> Page Layout << 
*****************************************************************************************/

/* Accessibility Container
----------------------------------------------- */

#accessibility {
	position: absolute; 
	left: -9900px;
	font-size: small;
}

/* Wrapper Container
----------------------------------------------- */

#wrapper {
	width: 770px;
	margin: 0 auto;
	background: #FFF url('../Images/template-images/shadow.jpg') repeat-y top center;
	text-align: left; /* Reset text align from body */
	position: relative;
}

/* Inner Wrapper Container
----------------------------------------------- */

#innerWrapper {margin: 0 5px 0 5px;}

/* Branding H1
----------------------------------------------- */

h1#branding	{
	background: transparent url('../Images/template-images/logo.gif') no-repeat top left;
	margin: 0;
	position: absolute;
	top: 17px;
	left: 19px;
	z-index: 50;
	width: 151px;
	cursor: pointer;
	padding-top: 64px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:64px; /* for pre 6.0 IE Win */
}

/* Masthead Container
----------------------------------------------- */

#masthead {
	height: 97px;
	background: #FFF url('../Images/template-images/masthead-bg.gif') no-repeat top right;
	position: relative;
	z-index: 20;
}
#masthead p {
	margin: 0;
	position: absolute;
	top: 8px;
	right: 15px;
	color: #000;
	font-size: 11px;
}
#masthead p a:link,
#masthead p a:visited {color: #000; text-decoration: none;}
#masthead p a:hover {color: #666; text-decoration: underline;}

/* Navigation Container
----------------------------------------------- */

#nav {
	height: 27px;
	position: absolute;
	bottom: 1px;
	right: 2px;
}
* html #nav {bottom: 0;} /* Hack for IE 6 and below */

/* -- DROP DOWN MENU STYLES -- */
#nav ul#imenus0 {
	margin: 0; 
	padding: 0; 
	z-index: 40;
	list-style: none;
}
#nav ul#imenus0 li {
	list-style: none;
	list-style-image: none;
	line-height: normal; 
	padding: 0;
	margin: 0;
}

/* Banner Container
----------------------------------------------- */

#banner {z-index: 10;}

/* Main Content Container
----------------------------------------------- */

#mainContent {
	z-index: 8;
	margin: 0 15px 15px 15px;
	float: left;
	width: 730px;
	display: inline;
	background: #F8F1DF url('../Images/template-images/watermark.gif') no-repeat top right;
}
#homePage #mainContent {background: #FFF url('../Images/template-images/home-gradient.jpg') no-repeat bottom center;}

/* Page Copy Container
----------------------------------------------- */

#mainContent #pageCopy {
	float: left;
	width: 461px !important;
	width /**/:476px; /* Hack for IE 5 and below */
	padding: 20px 0 0 15px;
	min-height: 280px;
}
* html #mainContent #pageCopy {height: 280px;}

/* HOME PAGE */
#homePage #mainContent #pageCopy {
	padding-right: 15px;
	min-height: 100px;
	width: 446px !important;
	width /**/:476px; /* Hack for IE 5 and below */
}
* html #homePage #mainContent #pageCopy {height: 100px;}

/* WIDE LAYOUT */
#wideLayout #mainContent #pageCopy {
	padding-right: 15px;
	width: auto !important;
}

/* Right Column Container
----------------------------------------------- */

#mainContent #rightCol {
	float: right;
	width: 220px !important;
	width /**/:250px; /* Hack for IE 5 and below */
	padding-top: 20px;
	text-align: center;
}
#mainContent #rightCol img {display: block; margin: 0 auto;}

/* HOME PAGE */
#homePage #mainContent #rightCol {padding: 20px 15px 0 15px; text-align: left;}
#homePage #mainContent #pageCopy h1,
#homePage #mainContent #rightCol h1 {margin-bottom: 0.50em;}
#homePage #mainContent #pageCopy p,
#homePage #mainContent #rightCol p {margin-bottom: 1.3em;}
#homePage #mainContent #rightCol h2 {margin-bottom: 1.3em; font-size: 1.3em;}
#homePage #mainContent #rightCol ul {padding: 0; margin: 0 0 0 20px;}


/* Bottom Shadow Container
----------------------------------------------- */

#bottomShadow {
	background: #FFF url('../Images/template-images/bottom-shadow.jpg') no-repeat top center;
	clear: both;
	height: 5px;
	font-size: 1px;
}

/* Footer Container
----------------------------------------------- */

#footer {
	clear: both;
	position: relative;
	padding-top: 10px;
	background: #FAF6EB;
}
#footer p {
	margin: 0; 
	color: #4D4D4D;
	font-size: 11px;
	padding-left: 30px;
}
#footer p a:link,
#footer p a:visited {color: #86494E;}
#footer p a:hover {color: #530304;}
#footer img {
	position: absolute;
	top: 24px;
	right: 30px;
}

#subject_field {
 display: none
}

/****************************************************************************************
>> HTML Tables << 
*****************************************************************************************/

/****************************************************************************************
>> Form Styles << 
*****************************************************************************************/

form {margin: 0; padding: 0; width: 98%;}

form fieldset {padding: 0.80em 0 2em 0; margin: 0; border: 0;}
form legend {padding: 0; font-weight: bold; color: #530304; font-size: 1.1em;}
form fieldset p {margin: 0.80em 0 0 0; font-style: italic; padding-bottom: 6px; color: #666; font-size: 0.90em;}
form fieldset span {font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: red;}
form fieldset label span {font-size: 93%;}

form fieldset div {
	margin-top: 0.60em;
	clear: both;
	border-bottom: 1px solid #D6DABA;
	padding-bottom: 6px;
}

form fieldset label {
	width: 12em;
	float: left;
	font-weight: 600;
	padding-top: 0.14em;
	color: #974D0C;
	text-align: right;
	margin-right: 0.50em;
}

form fieldset input, form fieldset textarea {
	width: 200px; 
	font: 13px Arial, Helvetica, sans-serif; color: #666;
	border: 1px solid #CCC;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	background: #FFF;
	color: #666;
}
form fieldset textarea {width: 290px; height: 100px;}

form fieldset div.submitBox {padding-left: 12.75em; border: 0;}
form fieldset .button {
	width: auto;
	font: bold 97% Tahoma, Verdana, "Lucida Sans Unicode", Helvetica, Arial, sans-serif; 
	text-transform: uppercase;
	width: 7em;
	border: 0;
	min-width: 7em;
	padding: 2px .3em 3px .3em;
	color: #FFF;
	cursor: pointer;
	background: #935E31 url('../Images/template-images/submit-btn-gradient.jpg') repeat-x top left;
}

/****************************************************************************************
>> Page Styles [Classes] << 
*****************************************************************************************/

img.imgBlockR {display: block; float: right; margin-left: 10px;}
.hide {display: none;}


/* Feature Box */
div.featureBox {
	clear: both;
	border: 1px solid #DAB552;
	margin: 0 auto 15px auto;
	width: 698px;
	float: left;
	padding-bottom: 3px;
}
div.featureBox h2 {
	margin-bottom: 5px; 
	background: #F1E3BE;
	padding: 3px 0 3px 5px;
	border-bottom: 1px solid #DAB552;
} 
div.featureBox p {margin-bottom: 0.80em; margin-left: 5px;}

/* Screenshots on Features page */
div.screenshot {
	float: right;
	width: auto;
	margin-left: 10px;
	margin-right: 5px;
	display: inline;
}
div.screenshot a:link,
div.screenshot a:visited {text-decoration: none;}
div.screenshot a:hover {text-decoration: none;}
div.screenshot a:link img,
div.screenshot a:visited img {border: 1px solid #DAB552; padding: 1px; background: transparent;}
div.screenshot a:hover img {border: 1px solid #530304;}
div.screenshot p {
	margin: 0; 
	font-size: 11px; 
	text-align: center;
	color: #530304;
	padding: 1px 0 1px 0;
	font-style: italic;
	border-top: 0;
}

/* Clear Float */
div.clearFloat {
	height: 1px;
	font-size: 1px;
	clear: both;
}
/* Testimonials Page */
p.testimonial-names {
	text-align: right; 
	margin-bottom: 3em; 
	border-bottom: 1px solid #DAB552; 
	padding-bottom: 2px;
}
/* View Features Button */
a.featuresBtn {
	display: block;
	width: 150px;
	background: #EC9135;
	padding: 0.25em 0 0.25em 0;
	text-align: center;
	border: 1px solid #B96326;
	margin: 0 0 15px 0;
}
a.featuresBtn:link, a.featuresBtn:visited {text-decoration: none; color: #000;}
a.featuresBtn:hover {background: #B96326; color: #FFF;}