/*

Name:		RPR
Designer:	Chris Stirton
Date:		May 7, 2006

*/


/*	Global Styles */

	*	{
		padding:0;
		margin:0;
		} 

	html {
		font-size:100%;
		}

	body {
	/*	background:rgb(204,0,0); */
		background:rgb(255,255,255) url(images/bg-body.gif) top left repeat-x;
		color:rgb(0,0,0);
		font-size:62.5%;	
		font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
		margin:0 0 40px 0;
		}


/* Base Styles */

	hr {
		display:none;
		}

	a img {
		border:0;
		}

	a:link,
	a:visited {
		color:rgb(0,153,255);
	/*	font-weight:bold; */
		text-decoration:none;
		}

	a:hover,
	a:active {
		color:rgb(204,0,0);
		text-decoration:underline;
		}

	table {
		width:100%;
		border-collapse:collapse;
		margin:1.5em 0;
		font-size:1.1em;
		}

	table th, 
	table td {
		padding:0.3em 0.5em;
		}

	table th {
		border-bottom:2px solid rgb(204,204,204);
		text-align:left;
		}

	table td {
		color:rgb(51,51,51);		
		}

	h1, h2, h3, h4, h5, h6 {
		font-size:1.2em;
		font-weight:bold;
		}

	h2 {
		color:rgb(204,0,0);
		font-family:"trebuchet ms",trebuchet,arial,verdana,sans-serif;
		font-size:1.4em;
		margin:1em 0;
		letter-spacing:.2em;
		}
		
	h4 {
		color:rgb(204,0,0);
		font-family:"trebuchet ms",trebuchet,arial,verdana,sans-serif;
		font-size:1em;
		margin:1em 0;
		letter-spacing:.2em;
		text-transform:uppercase;
		}

	blockquote {
		padding-left:1em;
		border-left:1px solid rgb(235,235,235);
		margin:1.5em 0;
		}
		
	blockquote cite {
		font-size:1em;
		font-style:normal;
		font-weight:bold;
		letter-spacing:0.1em;
		text-transform:uppercase;
		}

	p, ul, ol {
		font-size:1.1em;
		}

	p, ul, ol, dl {
		color:rgb(51,51,51);
		line-height:1.5;
		margin-bottom:1em;
		}		

	blockquote p {
		margin-bottom:0.5em;
		}

	ul, ol {
		margin-left:2em;
		}

	ul {
		list-style:square;
		}

	ol ol{
		list-style:lower-alpha;
		}

	ul ul, ol ol, ul ol, ol ul {
		font-size:1em;
		margin-bottom:0.5em;
		}
		
	dt, dd {
		font-size:1.1em;
		}
	
	dt {
		font-weight:bold;
		}

	dd {
		margin-left:1em;
		}


/*	Classes */

	.divide {
		border-top:1px solid rgb(235,235,235);
		margin-top:2em;
		padding-top:2em;
		}

	.meta {
		color:rgb(102,102,102);
		font-size:1em;
		}

	.meta a:link,
	.meta a:visited {
		color:rgb(102,102,102);
		font-weight:normal;
		}

	.tint {
		background:rgb(240,240,240);
		}


/*	Wrappper */

	#wrapper {
		margin:0 auto;
		padding:150px 20px 20px 20px;
		position:relative;
		width:740px;
		}		


	/* Header */

	#header {
		background:transparent url(images/rpr-logo.gif) top center no-repeat;
		position:absolute;
		height:162px;
		left:20px;
		top:158px;
		width:130px;
		overflow:hidden;
		}

	body.vertical #header {
		background:transparent url(rpr-logo.gif) 10px 0 no-repeat;
		top:88px;
		}

	#header h1 {
		margin-top:200px;
		}

	/*	Navigation 	*/

	#navigation ul {
		list-style:none;
		font-size:1.1em;
		height:2em;
		position:absolute;
		top:60px;
		left:140px;
		margin-bottom: 0;
		/* left:20px; */
		}	

	#navigation li {
		float:left;
		margin:0;
		}

	#navigation a:link,
	#navigation a:visited {
		border-left:1px solid rgb(255,0,51);
		color:rgb(255,255,255);
		display:block;
		font-size:1em;
		font-weight:normal;
		line-height:2em;
		padding:0 10px 0 10px;
		text-decoration:none;
		}

	#navigation .nav-home a {
		border-left:0;
		}

	#navigation .AspNet-Menu-Selected
		{
		color:rgb(255,255,255);
		text-decoration:underline;
		}
		
	#navigation a:hover {
		background:rgb(0,0,0);
		color:rgb(255,255,255);
		}


	/* Primary */

	#primary {
		float:left;
		margin:0 20px 20px 150px;
		display: inline;
		width:400px;
		}

	#rpr-clients #primary {
		width:600px;
	}
	
	#rpr-clients #primary p{
		/*width:400px;*/
		width: 580px;
	}	

/*	
	#aboutus #primary {
		width: 600px;
	}
	
	#aboutus #primary p {
		width: 580px;
	}
*/

	#primary #title h1 {
		border-bottom:3px solid rgb(235,235,235);
		height:35px;
		margin-bottom:20px;
		padding-bottom:5px;
	}
		
    #primary h1 
    {
        color:#e51837;
		font-family:georgia,serif;
		font-size:3em;
		font-weight:normal;
		margin-bottom: 10px;
    }

	#primary h2 
	{
	    font-size:1.5em;
		margin: 0 0 1em 0;
	}
	
	#primary h3 {
		font-weight: normal;
		font-family:georgia,serif;
		font-size:1.6em;
		margin:1em 0;
		line-height: 1.5em;
	}
		
	#primary h4 
	{
	    font-size:1.1em;
		margin:2em 0 0.5em 0;
	}

	#primary .article h2 {
		font-size:2em;
		font-family:georgia,serif;
		font-weight:normal;
		letter-spacing:0;
		line-height:1.2;
		text-transform:none;
		margin:0;
		}

	#primary .article h2 a {
		font-weight:normal;
		}

	#primary .article h2 a:link,
	#primary .article h2 a:visited {
		color:rgb(204,0,0);
		}

	#primary .vcard {
		}

	#primary .vcard a:link,
	#primary .vcard a:visited {
		color:rgb(0,0,0);
		font-weight:normal;
		}

	#primary .vcard a:hover,
	#primary .vcard a:active {
		color:rgb(204,0,0);
		text-decoration:none;
		}

	#primary .vcard h2 {
		margin:0;
		font-family:georgia,serif;
		font-size:1.8em;
		letter-spacing:0;
		text-transform:none;
		}

	#primary .vcard p,
	#primary .vcard span {
		color:rgb(102,102,102);
		font-size:1em;
		line-height:1.5;
		margin:0;
		}

	#primary .vcard .org {
		font-size:1.1em;
		margin-top:1em;
		}

	#primary .vcard .org a {
		font-weight:bold;
		}

	.title {
		margin-bottom:5px;
		}

	.country-name {
		display:none;
		}
		

	/* 
	Secondary
	A refinement of the "modules" idea from The Web Company website. 
	The markup for the "Contact Us" module is also identical to the version used
	on The Web Company website, except with <em> swapped with <strong>.
	*/

	#secondary {
		float:left;
		margin-top:40px;
		display: inline;
		width:170px;
		border-top:3px solid rgb(235,235,235);
		}

	#secondary div {
		margin-bottom:2em;
		}
		
	/* Secondary: Details */
		
	.details p {
		border-bottom:1px solid rgb(235,235,235);
		font-size:1em;
		margin:0;
		padding:0 0 1em 0;
		}		

	.details dl{
		border-bottom:1px solid rgb(235,235,235);
		padding:0.5em 0;
		}

	.details dt,
	.details dd {
		display:inline;
		font-size:1em;
		margin:0;
		}
	

	/* Secondary: Contact Us */

	.contactus {
		border-bottom:1px solid rgb(235,235,235);
		}

	.contactus dt {
		margin:.5em 0 0 0;
		}

	.contactus dd {
		color:rgb(102,102,102);
		font-size:1em;
		margin:0;
		}

	.contactus em {
		color:rgb(51,51,51);
		}

		
	/* Footer */

	#footer{
		border-top:1px solid rgb(235,235,235);
		clear:both;
		margin:0 190px 0 150px;
		width:400px;
		}

	#footer p {
		color:rgb(102,102,102);
		font-size:1em;
		margin:0;
		}

	#footer p.copyright {
		padding-top:1.5em;
		}
	
	#footer p.credits a:link,
	#footer p.credits a:visited {
		color:rgb(102,102,102);
		font-weight:normal;
		text-decoration:none;
		}
		
	#footer p.credits a:hover,
	#footer p.credits a:active {
		text-decoration:underline;
		}
	
	#footer em {
		font-weight:normal;
		}		

		
	/* Standard sIFR styles - Do Not Modify */

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		}

	.sIFR-replaced {
		visibility: visible !important;
		}

	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}


	/* sIFR Decoy Styles */ 

	.sIFR-hasFlash h1 {
		visibility: hidden;
		}		

.tableLinks * {
	margin: 0px;
	padding: 0px;
}		
.tableLinks td
{
	width: 134px;
	height: 93px;
	padding: 0 10px 10px 0;
}
.tableLinks img
{
	border: solid 2px #ebebeb;
}
.tableLinks td.lastInRow
{
	padding-right: 0px;
}	

#rpr-aboutus #primary .member { position: relative; }

#rpr-aboutus #primary .member img {
	float: right;
	padding: 5px;
	border: 1px solid #ebebeb;
	margin-left: 10px;
	margin-bottom: 10px;
}

#title 
{
    border-bottom:3px solid #EBEBEB;
    color:#E51837;
    font-family:georgia,serif;
    height:35px;
    margin-bottom:20px;
    padding-bottom:5px;
}

#title h1 
{
    font-size:3em;
    font-weight:normal;
}

#sub-nav 
{
    float: left;
    width: 170px;   
    padding-top: 20px;
}

#breadcrumbs 
{
    margin-bottom: 20px;
}

.dontshow 
{
    display: none;
}

p img.image-left 
{
    float:left;
    padding: 0 10px 0 0;
}

p img.image-right 
{
    float:right;
    padding: 0 0 0 10px;
}

#primary .heading, #primary .image 
{
}

#primary .heading 
{
    width: 260px;
}

#primary .image 
{
    position: absolute;
    top: 120px;
    right: 40px;
    width: 136px;
}

#primary .image img 
{
    max-width: 136px;
    max-height: 95px;
}

#casestudy #title 
{
    border-bottom:3px solid rgb(235,235,235);
	height:60px;
	margin-bottom:5px;
	padding-bottom:5px;
}

#casestudy #title h1
{
    border: none;
    margin: 0;
    padding: 0;
    height: auto;
}

#casestudy #secondary 
{
    margin-top: 65px;
}

#casestudy .nav-casestudies a
{
    color:rgb(255,255,255);
	text-decoration:underline;   
}

a.pdf
{
	display:-moz-inline-block;
	display:inline-block;
	background: transparent url(images/icon-pdf.gif) no-repeat;
	padding-left: 3.5ex;
	min-height: 18px;
}

a.word
{
	display:-moz-inline-block;
	display:inline-block;
	background: transparent url(images/icon-word.gif) no-repeat;
	padding-left: 3.5ex;
	min-height: 16px;
}

a.webpage {
    display: -moz-inline-block;
    display: inline-block;
    padding-left: 20px;
    background: transparent url(images/icon-webpage.gif) no-repeat top left;
    min-height: 16px;
}

#rpr-casestudies #primary h4 a 
{
    color: #CC0000;
}

#rpr-casestudies #primary h4 a:hover
{
    color: rgb(0,153,255);
}

.tableLinks td 
{
    text-align: left;
    vertical-align:top;
}