/*
===========================================
Site: RMA Consulting
Stylesheet: General Styles & Structure 

Designer: Peter Wilkinson / 3 Men & a Suit
Date Created: 17th December 2008

Last Updated: 5th March 2009
===========================================
*/

/*-------Body & Global Settings-------*/

body {
	text-align: center;
	background: #364146 url(../images/whitestrap.jpg) repeat-x;
	font: 12px/20px Georgia, "Times New Roman", Times, serif;
	color: #4d4d4d;
}

h5 {
	font-size: 11px;
	color: #ffffff;
	margin: 0;
	margin-top: -8px;
	padding: 0;
	padding-bottom: 6px;
	font-weight: normal;
	font-style: italic;
}

/*-------Meta Structure-------*/

#sitewrap-background {
	width: 100%;
	height: auto;
	margin-top: 5px;
	float: left;
	background: #f9f9f6;
}

#sitewrap {
	width: 940px;
	height: auto;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-top: 47px;
	
}

#footwrap-background {
	width: 100%;
	height: 157px;
	background: url(../images/footwrap-bg.jpg) repeat-x;
	float: left;
}

#footwrap {
	width: 940px;
	height: 125px;
	padding-top: 32px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#copyrightdetails {
	height: 32px;
	width: 100%;
	float: left;
	text-align: center;
	color: #94a4ad;
	padding-top: 17px;
}

#copyrightdetails a {
	color: #b7c5cd;
}

#copyrightdetails a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #b7c5cd;
}


/*-------Header-------*/

#headwrap {
	width: 940px;
	height: 55px;
}

#headwrap .logo {
	display: inline;
	float: left;
	width: 296px;
	height: 55px;
}

#headwrap .logo h2 {
	width: 296px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	background: url(../images/rma-logo.jpg) no-repeat;
}

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

ul#nav {
	width: 400px;
	height: 27px;
	margin-top: 18px;
	display: inline;
	float: right;
	list-style-type: none;
}

ul#nav li {
	display: inline;
	float: left;
	margin-left: 10px;
}

ul#nav li a {
	height: 27px;
	display: block;
	text-indent: -9999px;
}

ul#nav li.home a {
	width: 85px;
	height: 27px;
	background: url(../images/nav-home.jpg) no-repeat center -27px;
}

ul#nav li.home a:hover {
	background: url(../images/nav-home.jpg) no-repeat center top;
}

#home ul#nav li.home a {
	background: url(../images/nav-home.jpg) no-repeat center top;
}

ul#nav li.approach a {
	width: 123px;
	height: 27px;
	background: url(../images/nav-approach.jpg) no-repeat center -27px;
}

ul#nav li.approach a:hover {
	background: url(../images/nav-approach.jpg) no-repeat center top;
}

#approach ul#nav li.approach a {
	background: url(../images/nav-approach.jpg) no-repeat center top;
}

ul#nav li.jobs a {
	width: 50px;
	height: 27px;
	background: url(../images/nav-jobs.jpg) no-repeat center -27px;
}

ul#nav li.jobs a:hover {
	background: url(../images/nav-jobs.jpg) no-repeat center top;
}

#jobs ul#nav li.jobs a {
	background: url(../images/nav-jobs.jpg) no-repeat center top;
}

ul#nav li.contact a {
	width: 100px;
	height: 27px;
	background: url(../images/nav-contact.jpg) no-repeat center -27px;
}

ul#nav li.contact a:hover {
	background: url(../images/nav-contact.jpg) no-repeat center top;
}

#contact ul#nav li.contact a {
	background: url(../images/nav-contact.jpg) no-repeat center top;
}

/*-------Content Styling-------*/

#contentwrap {
	margin-top: 22px;
	width: 940px;
	height: auto;
}

#herostrap {
	width: 940px;
	height: 297px;
}

.intro {
	width: 300px;
	height: 121px;
	display: inline;
	float: left;
	margin-top: 5px;
}

.intro h1 {
	width: 300px;
	height: 121px;
	display: block;
	margin-bottom: 23px;
	text-indent: -9999px;
	background: url(../images/rma-intro.jpg) no-repeat;
}

.approach-link {
	width: 288px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	margin-top: 22px;
	background: url(../images/approach-btn.jpg) no-repeat;
}

.approach-link:hover {
	background: url(../images/approach-btn-hvr.jpg) no-repeat;
}

.flashhero {
	width: 620px;
	height: 297px;
	display: inline;
	float: right;
}

#lowercontent {
	width: 940px;
	height: auto;
	margin-top: 33px;
	float: left;
	margin-bottom: 48px;
}

.contentblock-right {
	width: 300px;
	height: auto;
	display: inline;
	float: left;
	margin-left: 20px;
}

.contentblock {
	width: 300px;
	height: auto;
	display: inline;
	float: left;
}

.contentblock h3 {
	width: 300px;
	height: 52px;
	display: block;
	text-indent: -9999px;
}

.contentblock-right h3 {
	width: 300px;
	height: 52px;
	display: block;
	text-indent: -9999px;
}

h3.screen {
	background: url(../images/screen.jpg) no-repeat;
}

h3.time {
	background: url(../images/time.jpg) no-repeat;
}

h3.chart {
	background: url(../images/chart.jpg) no-repeat;
}

/*-------Subpages Styling-------*/

#subpagewrap {
	margin-top: 22px;
	width: 940px;
	height: auto;
}

#subheadwrap {
	width: 940px;
	height: 84px;
	background: #eeeeee url(../images/subtop.jpg) no-repeat center top;
}

h1.approach-title {
	width: 238px;
	height: 36px;
	display: inline;
	float: left;
	margin-top: 28px;
	margin-left: 19px;
	text-indent: -9999px;
	background: url(../images/approach-title.jpg) no-repeat;
}

h1.jobs-title {
	width: 261px;
	height: 32px;
	display: inline;
	float: left;
	margin-top: 28px;
	margin-left: 19px;
	text-indent: -9999px;
	background: url(../images/jobs-title.jpg) no-repeat;
}

h1.contact-title {
	width: 238px;
	height: 36px;
	display: inline;
	float: left;
	margin-top: 28px;
	margin-left: 19px;
	text-indent: -9999px;
	background: url(../images/contact-title.jpg) no-repeat;
}

.approach-icon {
	display: inline;
	float: right;
	margin-top: 7px;
	margin-right: 7px;
}

.contact-icon {
	display: inline;
	float: right;
	margin-top: 7px;
	margin-right: 7px;
}

.jobs-icon {
	display: inline;
	float: right;
	margin-top: 7px;
	margin-right: 7px;
}

#subpagecontent {
	width: 920px;
	height: auto;
	float: left;
	padding-left: 20px;
	padding-top: 25px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	background: #ffffff url(../images/subbottom.jpg) no-repeat center bottom;
}

.subcopy {
	width: 600px;
	height: auto;
	display: inline;
	float: left;
}

.subcopy p {
	line-height: 18px;
	margin-top: 10px;
}

.subcopy h3 {
	margin-top: 10px;
}

.subcopy ul {
	list-style-type: circle;
	margin-top: 10px;
	padding-left: 15px;
}

#contact .subcopy ul {
	list-style-type: none;
	padding: 0;
	margin-top: 5px;
}

.subcopy ul li {
	font-style: italic;
}

.sub-rightimg {
	display: inline;
	float: right;
	margin-right: 10px;
}

p.sub-intro {
	font-size: 20px;
	line-height: 25px;
	color: #55636b;
	margin-bottom: 27px;
}

.sub-leftcolumn {
	width: 280px;
	height: auto;
	display: inline;
	float: left;
}

.sub-leftcolumn p:first-child {
	margin-bottom: 18px;
}

.sub-rightcolumn {
	width: 280px;
	height: auto;
	display: inline;
	float: right;
}

.sub-rightcolumn p:first-child {
	margin-bottom: 18px;
}

.contact-leftcolumn {
	width: 280px;
	height: auto;
	display: inline;
	float: left;
	font-size: 15px;
	line-height: 20px;
}

.contact-leftcolumn p:first-child {
	margin-bottom: 18px;
}

.contact-rightcolumn {
	width: 280px;
	height: auto;
	display: inline;
	float: right;
	font-size: 15px;
	line-height: 20px;
}

.contact-rightcolumn p:first-child {
	margin-bottom: 18px;
}

/*-------Jobs Page Styling-------*/

p.sub-intro-jobs {
	font-size: 12px;
}


/*-------Footer Styling-------*/

.partners {
	width: 140px;
	height: auto;
	display: inline;
	float: left;
}

.partners h4 {
	width: 140px;
	height: 9px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 12px;
	background: url(../images/ourpartners.jpg) no-repeat;
}

.partners .adobe {
	width: 65px;
	height: 71px;
	display: block;
	text-indent: -9999px;
	background: url(../images/adobe-logo.jpg) no-repeat;
}

.technology {
	width: 221px;
	height: auto;
	display: inline;
	float: left;
	margin-left: 20px;
}

.technology h4 {
	width: 221px;
	height: 9px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 12px;
	background: url(../images/technology.jpg) no-repeat;
}

.technology ul.software {
	width: 221px;
	list-style-type: none;
	color: #7e8d95;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
}

.technology ul.software li {
	padding-left: 23px;
	padding-top: 2px;
	width: 198px;
	height: 15px;
	margin-bottom: 8px;
}

.technology ul.software li.air {
	background: url(../images/adobeair.jpg) no-repeat;
}

.technology ul.software li.flex {
	background: url(../images/adobeflex.jpg) no-repeat;
}

.technology ul.software li.livecycle {
	background: url(../images/adobelive.jpg) no-repeat;
}

.whyus {
	width: 540px;
	height: auto;
	display: inline;
	float: right;
}

.whyus h4 {
	width: 214px;
	height: 9px;
	text-indent: -9999px;
	margin-bottom: 12px;
	background: url(../images/rma-whyus.jpg) no-repeat;
}

.whyus p {
	color: #a3b3bc;
}