/* Style sheet for Ron Mann Design */
/* Created 21 July 2007 */
/* Copyright 2007, Ron Mann Design, all rights reserved */

/* Define basic styles for the whole site */

body {
	/*margin: 50px 0px;*/
	margin: 0px 0px;
	padding: 0px; /* Need to set body margin and padding to get consistency between browsers when centering the site contents */
	/*text-align: center;  Hack for IE5/Win when centering the pageContainer object (see below) */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%; /* medium */
	color: #999966; /* green-cream */
	/* background-color:#330000;  expresso brown */
	background-color:#3D2B1F; /* bistre */
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight:normal;
	color: #996600;	/* warm khaki */
}

h1.rmdBannerLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size:550%;
	font-weight:normal;
	margin: 0;
	padding: 0;
}

h1.rmdBannerMedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size:230%;
	margin:0;
	padding:0;
	white-space:nowrap;
	/*color:#ffcc66;*/
	color:#999966;
}

h1.rmdBannerSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size:130%;
	margin:0;
	padding:0;
	white-space:nowrap;
	/*color:#ffcc66;*/
	color:#999966;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight:normal;
	margin:0;
	padding:0;
}

h2.projectTitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	margin:0;
	padding:0;
}

h2.rmdBannerLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	font-weight:normal;
	color:#ffcc66;;	/* purple */
	white-space:nowrap;
	margin-top:0;
	padding-top:0;
	line-height:110%;
}

h2.rmdBannerMedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size:230%;
	margin:0;
	padding:0;
	white-space:nowrap;
	color:#ffcc66;
}

h2.rmdBannerSmall {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size:20px;*/
	font-size:19px;
	font-weight:normal;
	/*margin:0;*/
	/*padding:0;*/
	padding-bottom:40px;
	white-space:nowrap;
	color:#ffcc66;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight:normal;
	color: #999900;	/* warm khaki */
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 105%;
	font-weight:normal;
	color: #999900;	/* warm khaki */
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:normal;
	color: #999900;	/* warm khaki */
}

img {
	border:0;
	margin:0;
	padding: 0; 
	max-width: 100%;
}

table { 
	border-spacing: 0px;
	border-collapse: collapse; 
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

/* define the sitewide anchor behavior */
a {
	color: #999966;
	font-size: 90%;	
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a:link {
	color: #999966;
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif;
}

a:hover {
	color: yellow;
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif;
}

a:active {
	color: yellow;
	font-size: 90%;	
	font-family:Arial, Helvetica, sans-serif;
}

/* define the sitewide khaki anchor behavior */

.khakiLink a {
	color: #996600;
	font-size: 11px;	
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.khakiLink a:link {
	color: #996600;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}

.khakiLink a:hover {
	color: yellow;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}

.khakiLink a:active {
	color: yellow;
	font-size: 11px;	
	font-family:Arial, Helvetica, sans-serif;
}

.copyright {
	color: #999966;
	font-size:x-small;
	text-align:left;
	margin-top:240px;	
	padding-top:240px;
	padding-left:10px;
	clear:both;
}
.formText {
	background-color:#FFFFCC;
}

.introText {
	font-weight:normal;
	font-size:140%;
}

.normalText {
	font-weight:normal;
	font-size:medium;
}

.smallNavText {
	/*padding-top:20px;*/
	font-size:80%;
}

/* define the major divisions on the site */

#pageContainer {
	/*width: 840px;*/
	width:900px;
	margin:0;
	/*margin:10px auto; Right and left margin widths set to auto to center the container in the window */
	/*text-align:left;  Counteract to IE5/Win Hack */	
	padding:0;
	position:relative;
}

/* define the About page */

#aboutImageContainer {
	width:444px;
	float:left;
}

#aboutInfoColLeft {
	margin-top:10px;
	margin-left:10px;
	float:left;
	width:310px;
}

#aboutInfoColLeft h1 {
	margin:0;
	padding:0;
	padding-top: 10px;
}

#aboutInfoColRight {
	margin-top:40px;
	margin-right:12px;
	float:left;
	width:365px;
	text-align:justify;
}

#aboutInfoColRight p {
	margin:0;
	padding:0;
	padding-left:20px;
	padding-bottom: 1em;
	line-height:120%;
}

#aboutInfoColRight .aboutIntroText {
	font-size: 120%;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 30px;
}

#aboutInfoColRight .aboutDetailText {
	font-size: 75%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

#aboutInfoColRight .smallNavText {
	padding-top:16px;
	/*padding-left:30px;*/
	padding-left:20px;
	font-size:75%;
}

#aboutInfoColRight .smallNavBar {
	margin:0;
	padding:0;
	font-size:12px;
	position:absolute; top:497px; left:465px;
}

/* define the Company Info page */

#companyInfo {
	clear:both;
	color: #999966;
	font-size:70%;
	text-align:left;
	padding-top:120px;
	/*position: relative; bottom:10%;*/
}

/* define the Contact form page */

#contactInfoColRight {
	margin-top:40px;
	margin-right:12px;
	float:left;
	width:365px;
	text-align:justify;
}

#contactInfoColRight h1 {
	font-size:200%;
	padding:0;
	padding-left:20px;
	margin:0;
	margin-top:130px;
	margin-bottom:30px;
}

#contactInfoColRight p {
	margin:0;
	padding:0;
	padding-left:20px;
	padding-bottom: 1em;
	line-height:120%;
}

#contactInfoColRight .detailText {
	margin:0;
	padding:0;
	padding-left:20px;
	padding-bottom: 1em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:120%;
	font-weight:bold;
}

#contactInfoColRight .smallNavText {
	margin:0;
	/*margin-top:40px;*/
	/*margin-top:144px;*/
	/*margin-left:20px;*/
	padding:0;
	position:absolute; top:493px; left:466px;
	font-family:Arial, Helvetica, sans-serif;
	white-space:nowrap;
	font-size:80%;
}

#contactFormInfoColRight {
	margin-top:40px;
	margin-right:12px;
	float:left;
	width:365px;
	text-align:justify;
}

#contactFormInfoColRight h1 {
	font-size:200%;
	margin:0;
	margin-top: 10px;
	margin-left:20px;
}

#contactFormInfoColRight form {
	margin-left:20px;
}

#contactFormInfoColRight fieldset {
	border-color:#999966;
	text-align:justify;
	margin-top:10px;
	padding-top:0px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
}

#contactFormInfoColRight input {
	text-align:left;
}

#contactFormInfoColRight label {
	padding-right:10px;;
}

#contactFormInfoColRight legend {
	font-family:Arial, Helvetica, sans-serif;
	color: #999966;
	font-size:small;
}
	
#contactFormInfoColRight .formButtonsContainer
{
	padding-left:3px;
}

#contactFormInfoColRight .formButtons
{
	color:#999966;
	background-color: #341C05;	/* deep brown */
	/*background-color: #330000;	espresso brown */
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:center;
	border-color:#999966;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
}

#contactFormInfoColRight .formButtons:hover
{
	cursor:pointer;
	color:yellow;
}

#contactFormInfoColRight .smallNavText {
	margin:0;
	/*margin-top:40px;*/
	/*margin-top:134px;*/
	/*margin-left:28px;*/
	padding:0;
	position:absolute; top:493px; left:466px;
	font-family:Arial, Helvetica, sans-serif;
	white-space:nowrap;
	font-size:13px;;
}

#homeImageContainer {
	width:444px;
	float:left;
}

#homeInfoCol .h1Container {
	margin:0;
	padding-top:0px;
	padding-left:0px;
	position:absolute; top:35px; left:0px;
}

#homeInfoCol .navBarWide{
	float:left;
	margin:0;
	margin-top:386px;
	margin-left:80px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	white-space:nowrap;
}

#navBar {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	position:absolute; top:446px; left:660px;
}

/* define the Project lead pages */

#projImageContainer {
	width:444px;
	float:left;
}

#projColRight {
	margin-top:36px;
	margin-right:12px;
	float:left;
	width:365px;
	text-align:justify;
}

#projColRight p {
	margin:0;
	padding:0;
	padding-left:20px;
	padding-bottom: 1em;
	line-height:120%;
}

#projColRight h1 {
	font-size:200%;
	padding:0;
	padding-left:20px;
	margin:0;
	margin-top:30px;
	margin-bottom:30px;
}

#projColRight h1.medium {
	font-size:160%;
	padding:0;
	padding-left:20px;
	margin:0;
	margin-top:30px;
	margin-bottom:30px;
}

#projColRight h2 {
	font-size:140%;
	padding:0;
	padding-left:20px;
	margin:0;
	margin-top:30px;
	margin-bottom:30px;
}

#projColRight h3 {
	padding:0;
	padding-left:20px;
	margin:0;
	margin-top:30px;
	margin-bottom:30px;
}
#projColRight .projectIntroText {
	font-size: 120%;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 30px;
}

#projColRight .projectDetailText {
	font-size: 75%;
	font-family:Arial, Helvetica, sans-serif;
}

#projectDetailNavBar {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	position:absolute; top:410px; left:660px;
}

/* define the Product lead pages */

#prodImageContainer {
	width:444px;
	float:left;
}

#prodColRight {
	margin-top:36px;
	margin-right:12px;
	padding-left:10px;
	float:left;
	width:365px;
	/*text-align:justify;*/
}

#prodColRight p {
	margin:0;
	padding:0;
	/*padding-left:20px;*/
	padding-left:0px;
	padding-bottom: 1em;
	line-height:120%;
}

#prodColRight .h1Container {
	margin:0;
	padding-top:0px;
	padding-left:0px;
	position:absolute; top:35px; left:0px;
}

/*#prodColRight h1 {
	font-size:200%;
	padding:0;
	padding-left:20px;
	margin:0;
	margin-top:30px;
	margin-bottom:30px;
}*/

#prodColRight h1.medium {
	font-size:160%;
	padding:0;
	padding-left:20px;
	margin:0;
	margin-top:30px;
	margin-bottom:30px;
}

#prodColRight h2 {
	font-size:140%;
	padding:0;
	padding-left:0px;
	margin:0;
	margin-top:30px;
	margin-bottom:30px;
}

#prodColRight h3 {
	padding:0;
	padding-left:20px;
	margin:0;
	margin-top:30px;
	margin-bottom:30px;
}
#prodColRight .productIntroText {
	font-size: 120%;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 30px;
}

#prodColRight .productDetailText {
	font-size: 75%;
	font-family:Arial, Helvetica, sans-serif;
}

#productDetailNavBar {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	position:absolute; top:410px; left:660px;
}

/* define the Splash page */

#splashPage {
	margin: 0px;
	padding: 120px;
	text-align:center;
	border-collapse:collapse;
	border:none;
	text-decoration:none;
}

#splashPage .copyright {
	color: #999966;
	font-size:x-small;
	text-align:left;
	margin-top:240px;	
	padding-left:10px;
}

#splashPage .rmdText{
	border:none;
	padding-top:0%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:320%;
	font-weight:bold;
	letter-spacing:0.5em;
	color:white;
	text-decoration:none;
	white-space:nowrap;
}

#splashPage .splashImage {
	border-collapse:collapse;
	border:none;
	padding-top:2%;
}

/* define the splash page anchor behaviour */

#splashPage a {
	color: #999966;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#splashPage a:link {
	color: #999966;
	font-family:Arial, Helvetica, sans-serif;
}

#splashPage a:hover {
	color: yellow;
	font-family:Arial, Helvetica, sans-serif;
}

#splashPage a:active {
	color: yellow;
	font-family:Arial, Helvetica, sans-serif;
}

/* Slideshow pages */

#ssImageContainer {
	width:600px;
	/*height:440px;*/
	/*float:left;*/
}

#ssProductImageContainer {
	width:386px;
	float:left;
}

#ssColRight {
	margin:0;
	padding:0;
	padding-top:8px;
	padding-left:6px;
	/*float:right;*/
}

#ssColRight .ssThumbnails {
	/*position:absolute; top:20px; left:660px;*/
	/*width:40px;*/
	margin:0;
	padding:0;
}

#ssColRight .adjacentThumbs440high {
	position:absolute; top:406px; left:400px;
}

#ssColRight .ssThumbnails01 {
	/*position:absolute; top:20px; left:696px;*/
	/*width:40px;*/
	margin:0;
	padding:0;
}

#ssColRight .ssThumbnails02 {
	/*position:absolute; top:20px; left:732px;*/
	/*width:40px;*/
	margin:0;
	padding:0;
}

#ssColRight a {
	margin:0;
	padding:0;
}

#ssColRight img {
	margin:0;
	padding:0;
	padding-right:8px;
	/*padding-bottom:8px;*/ /* this causes double padding in Firefox when thumbs verticaly stacked */
}

/*under construction page */

#ucInfoCol .h1Container {
	width:350px;
	margin:0;
	padding-top:0px;
	padding-left:0px;
	position:absolute; top:35px; left:0px;
}

#ucInfoCol .descriptionText {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
	margin-top:220px;
	margin-left:30px;
}

#ucInfoCol .navBarWide{
	float:left;
	margin:0;
	margin-top:100px;
	margin-left:80px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	white-space:nowrap;
}