﻿/*** GENERAL SCREEN LAYOUT STYLES ***/

#HeaderWrapper
{
	background:url(/Images/BgTopRedBar.gif) repeat-x left top;
	min-height:8px;
}

#BodyWrapper
{
	background:url(/Images/BgShadow.jpg) no-repeat center bottom;
	padding-bottom:1px;
	min-height:728px;
}

#Main
{
	width:876px;
	margin:0px auto;
	padding: 8px 0px 0px 0px;
}

.RHLogo
{
	float:left;
	margin-left:1px;
}



/* Features */

.Feature
{
	clear:both;
	height:308px;
}

.FeatureLink
{
	display:block;
	height:308px;
	width:874px;
}

.Feature ul
{
	margin:0px;
	padding:0px;
}
.Feature ul li
{
	list-style-type:none;
	display:none;
}

#PreviousFeatureButton
{
	cursor:pointer;
	position:relative;
	left:-24px;
	top:-175px;
	width:42px;
	z-index:2;
}

#NextFeatureButton
{
	cursor:pointer;
	position:relative;
	margin-left:857px;
	top:-217px;
	width:42px;
	z-index:2;
}

.PreviousFeature
{
	background:url(/Images/ButtonPreviousFeature.png) no-repeat left top;
	display:block;
	height:42px;
	width:42px;
}

.NextFeature
{
	background:url(/Images/ButtonNextFeature.png) no-repeat right top;
	display:block;
	height:42px;
	width:42px;
}

/* Content boxes */
.Box
{
	float:left;
	font-size:0.85em;
	height:170px;
	margin-top:18px;
	min-height:170px;
	padding:20px;
	width:176px;
}

#WhyRoadhouse,
#ConvoyCMS,
#LatestNews
{
	/*background:url(/Images/BoxLeft.gif) no-repeat left top;*/
	background:url(/Images/Panel.gif) no-repeat left top;
	margin-right:4px;
}

#WhyRoadhouse #WhyRoadhouseHeader
{
	background:url(/Images/WhyRoadhouseHeader.gif) no-repeat left top;
	height:8px;
	margin:2px 0px 1.1em 0px;
	width:102px;
}

#ConvoyCMS #ConvoyCMSHeader
{
	background:url(/Images/ConvoyCMSHeader.gif) no-repeat left top;
	height:8px;
	margin:2px 0px 1.1em 0px;
	width:80px;
}

#ConvoyCMS ul
{
	margin:0px;
	padding:0px;
}

#ConvoyCMS ul li
{
	background:url(/Images/ConvoyCmsDownload.gif) no-repeat left top;
	list-style-type:none;
	min-height:43px;
	padding-top:7px;
	padding-left:50px;
}

#LatestNews #LatestNewsHeader
{
	background:url(/Images/LatestNewsHeader.gif) no-repeat left top;
	height:8px;
	margin:2px 0px 1.1em 0px;
	width:83px;
}

#LatestNews h3
{
	font-size:1em;
	margin-top:0px;
	margin-bottom:0.5em;
}

#LatestNews #LatestNewsList
{
	margin:0px;
	padding:0px;
}

#LatestNews #LatestNewsList li
{
	display:none;
	list-style-type:none;
}

#LatestNews #LatestNewsList li p
{
	margin-top:0.3em;
}

#ContactUs
{
	/*background:url(/Images/BoxRight.gif) no-repeat left top;*/
	background:url(/Images/Panel2.gif) no-repeat left top;
	float:right;
}

#ContactUs #ContactUsHeader
{
	background:url(/Images/ContactUsHeader.gif) no-repeat left top;
	height:8px;
	margin:2px 0px 0px 0px;
	width:73px;
}
#ContactUs .ContactDetails
{
	margin-top:13px;
}

.ContactLabelEmail,
.ContactLabelPhone,
.ContactLabelFax
{
	clear:both;
	color:#e11c0c;
	float:left;
	font-weight:bold;
	padding:6px 0px;
	width:18px;
}

.ContactEmail,
.ContactPhone,
.ContactFax
{
	float:left;
	padding:6px 0px;
}

#ContactUs ul
{
	margin:0px;
	padding:0px;
}

#ContactUs li
{
	list-style-type:none;
}

#ContactUs acronym,
#CompanyContact acronym
{
	border-bottom:0px;
}

/* Copyright */

#Copyright
{
	clear:both;
	color: #ffffff;
	font-size:0.85em;
	margin:40px 0px 53px 0px;
	text-align:center;
}

/* CONTENT AREA */

#ContentWrapper
{
	background:url(/Images/BgContent.gif) no-repeat center bottom;
	clear:both;
}

.ContentSection
{
	background:url(/Images/NavUnderline.gif) repeat-x left 1px;
	border-top:1px solid #ffffff;
}

.Content
{
	float:left;
	margin-top:54px;
	padding-right:10px;
	width:640px;
}

.ContentIntro
{
	color:#000000;
	font-size:1.3em;
	font-weight:normal;
	margin-top:0px;
}

/* Company page */

#ContentWrapper.Company
{
	background-image:url(/Images/BgCompanyContact.gif);
}

#CompanyContent
{
	background:url(/Images/BgCompany.gif) no-repeat left bottom;
}

#CompanyHeader
{
	background:url(/Images/HeaderCompany.gif) no-repeat left top;
	float:left;
	height:39px;
	margin-top:53px;
	width:226px;
}

#CompanyContact
{
	background:url(/Images/NavUnderline.gif) no-repeat left top;
	min-height:351px;
	margin-top:50px;
	padding-top:50px;
}

#CompanyContact #Support
{
	float:left;
	padding:0px 19px;
	width:189px;
}

#CompanyContact #Contact
{
	float:left;
	width:183px;
}

#CompanyContact #Map
{
	border:1px solid #d5d5d5;
	float:left;
	margin-left:30px;
	margin-top:32px;
	padding:6px;
}

#CompanyContact .ContactDetails
{
	border-top:1px solid #eaeaea;
}

#CompanyContact .ContactLabelEmail,
#CompanyContact .ContactLabelPhone,
#CompanyContact .ContactLabelFax,
#CompanyContact .ContactEmail,
#CompanyContact .ContactPhone,
#CompanyContact .ContactFax
{
	border-bottom:1px solid #eaeaea;
}

#CompanyContact .ContactEmail,
#CompanyContact .ContactPhone,
#CompanyContact .ContactFax
{
	width:165px;
}

/* Solutions page */

#SolutionsContent
{
	background:url(/Images/BgSolutions.gif) no-repeat left bottom;
}

#SolutionsHeader
{
	background:url(/Images/HeaderSolutions.gif) no-repeat left top;
	float:left;
	height:31px;
	margin-top:53px;
	width:226px;
}

#Solutions
{
	background:url(/Images/NavUnderline.gif) no-repeat left top;
	min-height:351px;
	margin-top:50px;
	padding-top:50px;
	padding-left:225px;
}

#Solutions #Strategy,
#Solutions #WebDevelopment,
#Solutions #Technology
{
	float:left;
	margin-right:20px;
	width:190px;
}

#Solutions ul
{
	border-top:1px solid #eaeaea;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#Solutions ul li
{
	background:url(/Images/SquareBullet.gif) no-repeat left 0.9em;
	border-bottom:1px solid #eaeaea;
	padding:5px 0px 5px 12px;
}

/* Case Studies Page */

#ContentWrapper.CaseStudies
{
	height:1%;
}


h1#CaseStudiesHeader
{
	background:url(/Images/HeaderCaseStudies.gif) no-repeat left top;
	float:left;
	height:31px;
	margin-top:53px;
	width:231px;
}

#CaseStudiesContent
{
	min-height:380px;
	margin-top:18px;
	padding-left:10px;
	padding-right:10px;
}

#CaseStudiesContent h2
{
	font-size:1.5em;
	margin-top:0px;
	padding-top:0px;
}

/* Clients page */

#ContentWrapper.Clients
{
	background-image:url(/Images/BgContentClients.gif);
}

#ClientsHeader
{
	background:url(/Images/HeaderClients.gif) no-repeat left top;
	float:left;
	height:31px;
	margin-top:53px;
	width:226px;
}

#Clients
{
	background:url(/Images/NavUnderline.gif) no-repeat left top;
	min-height:351px;
	margin-top:25px;
	padding-top:50px;
	padding-left:7px;
}

#Clients ul
{
	clear:both;
	list-style-type:none;
	margin:0px 0px 20px 0px;
	padding:0px;
	position:relative;
}

.CorporateTitle
{
	background:url(/Images/ClientHeaderCorporate.png) no-repeat left top;
	width:172px;
	height:119px;
}

.GovAndNonGovTitle
{
	background:url(/Images/ClientHeaderGovAndNonGov.png) no-repeat left top;
	width:172px;
	height:119px;
}

.NotForProfitTitle
{
	background:url(/Images/ClientHeaderNotForProfit.png) no-repeat left top;
	width:172px;
	height:119px;
}

#Clients ul li
{
	width:172px;
	height:119px;
	float:left;
}

#Footer
{
	border-top:1px solid #000;
	padding:10px;
}

.Mandatory
{
	background-image:url(../Images/IconMandatory.gif);
	background-repeat:no-repeat;
	display:block;
	height:16px;
	width:16px;
	float:right;
	margin-right:-4px;
}

/*** FORMBUILDER STYLES ***/

.FormBuilderMandatory
{
	float:right;
	background-image:url(../Images/IconMandatory.gif);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	overflow:hidden;
	margin-top:2px;
}

.FormBuilderMandatory span
{
	position:relative;
	left:-10000px;
}

/*** Link styles ***/

.SectionLinks
{
	padding-top:10px;
}

.SectionLinks ul
{
	margin:5px 0px 10px 0px !important;
	padding:0px !important;
	list-style-type:none;
	padding:0;
	display:block;
}

.SectionLinks li
{
	margin:0px;
	padding:0px;
	padding:4px 0px 3px 20px !important;
	background-position: 0em .3em !important;
	background-repeat: no-repeat !important;
}

.fileSize 
{
	color:#635F5C;
	font-size:.8em;
}

#MapCanvas
{
	height:250px;
	width:400px;
}

/* Error Page */

#ErrorHeader
{
	background:url(/Images/HeaderError.gif) no-repeat left top;
	float:left;
	height:31px;
	margin-top:53px;
	width:226px;
}

#ContentWrapper.Error
{
	min-height:560px;
}