/* CSS Document */


body
{
	background-color:#CC100F; 	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#logohome
{
	position:absolute;
	right:0%;
	top:89%;
	z-index:1;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* THE VARIOUS WRAPPERS */

#wrapperhome
{
	background: url(../images/home-images/rotator.php) no-repeat left top;
	position:absolute;
	left:50%;
	width:936px;
	height:760px;
	margin-top: 0px;
	margin-left:-471px;
	background-color:#222;
	border-right: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
	}
	
#wrapperabout
{
	position:absolute;
	left:50%;
	width:936px;
	margin-left: -471px;
	background-color:#fff;
	border-right: 8px solid #961917;
	border-bottom: 8px solid #961917;
	margin-top: 0px;
	margin-bottom: 0;
}	
	
	
#wrapperwork
{
	position:absolute;
	left:50%;
	width:936px;
	margin-left:-471px;
	background-color:#fff;
	border-right: 8px solid #961917;
	border-bottom: 8px solid #961917;
	margin-top: 0px;
	margin-bottom: 0;
}	


#casestudiesbox
{ 
	position: absolute;
	top: 0px;
	left: 651px;
	border: 0;
}
	

#wrappercase_amex
{
	position:absolute;
	left:50%;
	width:936px;
	margin-left:-471px;
	background: url(../images/headpic_case_amex.jpg) no-repeat 36px 59px;
	background-color:#fff;
	border-right: 8px solid #961917;
	border-bottom: 8px solid #961917;
	margin-top: 0px;
	margin-bottom: 0;
}	
		
	
#wrapper_transform
{
	position:absolute;
	left:50%;
	width:936px;
	margin-left:-471px;
	background: url(../images/headpic_case_transform.jpg) no-repeat 36px 59px;
	background-color:#fff;
	border-right: 8px solid #961917;
	border-bottom: 8px solid #961917;
	margin-top: 0px;
	margin-bottom: 0;
}		
	

#wrapper_motorhouse
{
	position:absolute;
	left:50%;
	width:936px;
	margin-left:-471px;
	background: url(../images/headpic_case_motorhouse.jpg) no-repeat 36px 59px;
	background-color:#fff;
	border-right: 8px solid #961917;
	border-bottom: 8px solid #961917;
	margin-top: 0px;
	margin-bottom: 0;
}	


#wrapper_motorhouse
{
	position:absolute;
	left:50%;
	width:936px;
	margin-left:-471px;
	background: url(../images/headpic_case_motorhouse.jpg) no-repeat 36px 59px;
	background-color:#fff;
	border-right: 8px solid #961917;
	border-bottom: 8px solid #961917;
	margin-top: 0px;
	margin-bottom: 0;
}	

	
#wrapper_nca
{
	position:absolute;
	left:50%;
	width:936px;
	margin-left:-471px;
	background: url(../images/headpic_case_nca.jpg) no-repeat 36px 59px;
	background-color:#fff;
	border-right: 8px solid #961917;
	border-bottom: 8px solid #961917;
	margin-top: 0px;
	margin-bottom: 0;
}		
	
	
#wrapper_bosfeathers
{
	position:absolute;
	left:50%;
	width:936px;
	margin-left:-471px;
	background: url(../images/headpic_case_bosfeathers.jpg) no-repeat 36px 59px;
	background-color:#fff;
	border-right: 8px solid #961917;
	border-bottom: 8px solid #961917;
	margin-top: 0px;
	margin-bottom: 0;
}	
	

#wrapper_boohoo
{
	position:absolute;
	left:50%;
	width:936px;
	margin-left:-471px;
	background: url(../images/headpic_case_boohoo.jpg) no-repeat 36px 59px;
	background-color:#fff;
	border-right: 8px solid #961917;
	border-bottom: 8px solid #961917;
	margin-top: 0px;
	margin-bottom: 0;
}	
	
	
#wrapperfolio
{
	position:absolute;
	left:50%;
	width:936px;
	margin-left:-471px;
	background-color:#fff;
	border-right: 8px solid #961917;
	border-bottom: 8px solid #961917;
	margin-top: 0px;
	margin-bottom: 0;
}		
	

#wrappercontact
{
	position:absolute;
	left:50%;
	width:936px;
	margin-left:-471px;
	background: url(../images/headpic_rowansign.jpg) no-repeat 36px 59px;
	background-color:#fff;
	border-right: 8px solid #961917;
	border-bottom: 8px solid #961917;
	margin-top: 0px;
	margin-bottom: 0;
}		

/* extras wrappers */	
		
#wrappertesti
{
	position:absolute;
	left:50%;
	width:936px;
	margin-left:-471px;
	background: url(../images/headpic_row3d_2.jpg) no-repeat 36px 59px;
	background-color:#fff;
	border-right: 8px solid #961917;
	border-bottom: 8px solid #961917;
	margin-top: 0px;
	margin-bottom: 0;
}		


#wrappergames
{
	position:absolute;
	left:50%;
	width:936px;
	margin-left:-471px;
	background: url(../images/rowan_spaceships.gif) no-repeat 36px 59px;
	background-color:#fff;
	border-right: 8px solid #961917;
	border-bottom: 8px solid #961917;
	margin-top: 0px;
	margin-bottom: 0;
}		


#wrapperconcepts
{
	position:absolute;
	left:50%;
	width:936px;
	margin-left:-471px;
	background: url(../images/headpic_concepts.jpg) no-repeat 36px 59px;
	background-color:#fff;
	border-right: 8px solid #961917;
	border-bottom: 8px solid #961917;
	margin-top: 0px;
	margin-bottom: 0;
}		



/* END OF VARIOUS WRAPPERS */


/* NAVIGATION BOX STYLES */


#mainnav
{
	
	top: 0;
	left: 0;
	width: 180px;
	margin-left: 0px;
	margin-top:-16px;
	background-color: #CC100F;
	border-right: 6px solid #fff;
	border-bottom: 6px solid #fff;
	text-align: left;
	position: absolute;
	z-index: 1;

}

#homeicon
{
	padding-top: 10px;
	border: 0;
}


#mainnav ul
{
	list-style: none;
	padding: 0;
	margin-bottom: .5em;

}

#mainnav ul a:hover, #mainnav ul a:link
{
	text-decoration: none;
	cursor: pointer;
}


#mainnav li a:link, #mainnav li a:visited
{
	display: block;
	font: normal 9px Arial, Verdana, sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .15em;
	line-height: 1.85em;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-right: 10px;
	text-align: right;
	text-decoration: none;
	margin-bottom: 0em;
}

#mainnav li a:hover
{
	background-color: #961917;
	color: #fff;
}

#mainnav li.home a:hover
{
	background-color: #CC100F;
}

#mainnav li.onpage
{
	background-color: #fff;
	font: bold 9px Arial, Verdana, sans-serif;
	color: #CC100F;
	text-transform: uppercase;
	letter-spacing: .15em;
	line-height: 1.5em;
	padding-top: 4px;
	padding-bottom: 3px;
	text-align: right;
	text-decoration: none;
	margin-bottom: 0em;
}

#mainnav li.onpage a
{
	color: #CC100F;
	font-weight: bold;
	background-color: #fff;
}

#mainnav li.onpage a:hover
{
	color: #961917;
	background-color: #fff;
}



/* END OF NAVIGATION BOX STYLES */


/* HOME PAGE STYLES */

#rowanlogo
{
	position: relative;
	top: 470px;
	left: 80px;
	text-align: left;
}


#intropara
{

	width: 385px;
	height: 800px;
	position: relative;
	top: 60px;
	left: 384px;
	text-align: left;
}

p
{
	font: normal 12px Arial, Verdana, sans-serif;
	color: #777;
	line-height: 1.6em;
}

p a:link, p a:visited
{
	color: #CC100F;
	text-decoration: none;
}

p a:hover
{
	color: #961917;
	text-decoration: underline;
}

p.bubble
{
	color: #000;
}

p.home
{
	margin-bottom: -1.25em;
}

.highlight
{
	font: normal 13.5px Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	line-height: 1.75em;
	margin-bottom: 0;
}

.highlight2
{
		font: italic 15.5px Helvetica, Arial, Verdana "Lucida Grande",  sans-serif;
	color: #aaa;
	background-color: #000;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.75em;
	margin-bottom: 0;		
}

.redhighlight
{
	color: #CC100F;
}


.greyhighlight
{
	color: #777;
	font-weight: bolder;
}


/* END HOME PAGE STYLES */


/* GENERIC PAGE STYLES */

.contactdetails
{
	position: relative;
	top: 21px;
	left: 39px;
	text-align: right;
	margin-right: 75px;	
}

.contactdetails img
{
	border: 0;
}

h1
{
	font: 16px Arial, Verdana, sans-serif;
	color: #999;
	text-transform: uppercase;
	letter-spacing: .25em;
	margin-bottom: 1em;
	line-height: 1.65em;
}

h2
{
	font: 11px Arial, Verdana, sans-serif;
	color: #CC100F;
	letter-spacing: 0em;
	margin-bottom: 1.75em;
	background: url(../images/red_marker.gif) no-repeat;
	padding-left: 20px;
}


h2.contacttype
{
	font: 12px Arial, Verdana, sans-serif;
	color: #CC100F;
	text-transform: uppercase;
	letter-spacing: .35em;
	margin-bottom: .75em;
	background: url(../images/red_arrow.gif) no-repeat;
	padding-left: 20px;
	padding-bottom: 4px;
	padding-top: 2px;
}



h3
{
	font: 11px Arial, Verdana, sans-serif;
	color: #CC100F;
	text-transform: uppercase;
	letter-spacing: .35em;
	margin-bottom: 1em;
	margin-right: -24px;
	padding-left: 12px;
	padding-top: 12px;
	padding-bottom: 10px;
	border-top: 1px #BBB dotted;
	border-bottom: 1px #BBB dotted;
	background: url(../images/bottombox_greystripe.gif) repeat-x bottom;
}


#homecontent
{
	position: relative;
	top: 250px;
	left: 0px;
	width: 865px;
	height:auto;
	margin-top:0;
	margin-left: 36px;
	margin-bottom: 3em;
	padding-bottom: 12.5em;
}



#maincontent
{
	position: relative;
	top: 250px;
	left: 0px;
	width: 865px;
	height:auto;
	margin-top:0;
	margin-left: 36px;
	padding-bottom: 15em;
}


#flashbanner
{
	margin-top: 60px;
	margin-left: 36px;
	position: absolute;
     z-index: 0;
}


.title
{
	width: 865px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 1.75em;
	border-bottom: 1px dotted #BBB;
	background: url(../images/rowan_logo_tiny.gif) no-repeat;
	background-position: 840px 0px;
}

#rowlogotitle
{
	float: right;
}


#mainheader
{
	margin-left: 50px;
}


#mainheader h1
{
	font-size: 147%;
}


#singlecol 
{
	float: left;
	width: 525px;
	text-align:left;
	padding-right: 8px;
	margin-left: 50px;
	margin-bottom: 2em;
}


/* always visible */

#outer 
{	
float: left;
width: 475px;
text-align:left;
padding-right: 52px;
margin-left: 50px;
margin-bottom: 0em;

}

#outer .holder 
{float: left;
width: 445px;}
#outer .holder p 
{padding:5px 0 0 0; 
margin:0;}
#outer .holder p.bold 
{font-weight:normal;}
#outer .holder h2 
{margin:0; padding:0;}



/* unclicked style div.more */
#outer div.more i {float:left; margin-right:-10px 30px 0 0; cursor:pointer;
font: italic 12px Arial, Verdana, sans-serif; color:#c00;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show 
{display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}

.leftcolpicfloat
{
	float:left;
	margin:-5px 15px 12px 0px;
	padding-top: 10px;
	padding-left: 4px;
}

.rightcolpicfloat
{
	float:right;
	margin: 0px -38px 0px 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 6px;
}


.picfloat
{
	float:left;
	margin:15px 7px 10px 0px;
	padding-top: 8px;
	padding-right: 12px;
}


.caterpillar
{
	float:left;
	margin-left: -86px;
}




#leftcol 
{
	float: left;
	width: 445px;
	text-align:left;
	padding-right: 8px;
	margin-left: 50px;
	margin-bottom: 2em;
	margin-right: 4px;
}


#clienttablecol 
{
	float: left;
	width: 745px;
	text-align:left;
	padding-right: 8px;
	margin-left: 50px;
	margin-bottom: 2em;
	margin-right: 4px;
}


#rightcol, #clientcol
{
	float: left;
	width:255px;
	text-align:left;
	margin-top: 5px;
	margin-bottom: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
}

#rightcol
{
border-left: 1px dotted #BBB;
margin-left: 40px;
}

#clientcol
{
margin-left: 0px;
}


#clientcol p
{
margin-bottom: -4px;
}



.rightcolplainlink
{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px #BBB dotted;
	border-bottom: 1px #BBB dotted;
	background: url(../images/bottombox_greystripe.gif) repeat-x bottom;
	margin-right: -24px;
	margin-top: 12px;
}



ul.clients, ul.discipline 
{
	font: 10px Arial, Verdana, sans-serif;
	color: #AAA;
	text-transform: uppercase;
	padding:6px;
	padding-left: -0px;
	margin-bottom: 0;
	list-style: none; 
	background-color: #fff;

}


	ul.clients
{
	padding-top: 9px;
}

	
ul.clients li
{
	margin-bottom: .9em;
	padding-left: 18px;
}


ul.clients li a:link, ul.clients li a:visited
{
	display: block;
	font: 10px Arial, Verdana, sans-serif;
	color: #888;
	text-transform: uppercase;
	text-decoration: none;
}

ul.clients li a:hover
{
	color: #CC100F;
}


#testibox
{
	display: block;
	font: normal 11px Arial, Verdana, sans-serif;
	color: #888;
	margin-top: 2px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-top: 4px;
	background: url(../images/red-diag-bg.gif) repeat;
	border: 0px solid #ccc;
	margin-bottom: 1em;
}



#testibox h2 a:link
{
	text-decoration: none;
	color: #CC100F;
}


#testibox2
{
	display: block;
	font: normal 11px Arial, Verdana, sans-serif;
	color: #888;
	margin-top: 2px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-top: 4px;
	border: 0px solid #ccc;
	margin-bottom: 1em;
}


.testibubble
{
	border: 0;
	background:transparent;
}


/* HOME (rightcol) page */


.customerbox
{
  display: inline;
  margin-top: 1em;
  margin-bottom: 0.5em;
  border: 1px dotted #bbb;
  border-right: 4px solid #bbb;
  border-bottom: 4px solid #bbb;
  background: url(../images/customerbox_bg.gif) repeat-x top left;
  height: auto;
  width: 490px;
  float: left;
  padding-top: 4px;
  padding-left: 12px;
  padding-bottom: 4px;

}	


.customerbox:hover
{
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
}

.customerbox a
{
	text-decoration: none;
}

.customerbox object
{
	margin-top: 2px;
	float: left;
}


#newsitem 
{float: left;
width: 495px;
padding-bottom: 2em;
margin-bottom: .5em;
border-bottom: 1px dotted #bbb;

}
#newsitem p 
{padding:5px 0 0 0; 
margin:0; text-align: justify;}
#newsitem p.bold 
{font-weight:normal;}
#newsitem h2 
{margin:0; padding:0;}
#newsitem p a:link {
text-decoration: none;
}


span.latestnews1
{
  display: inline;
  margin-bottom: .85em;
  border: 1px dotted #bbb;
  border-right: 4px solid #bbb;
  border-bottom: 4px solid #bbb;
  background-color: #fff;
  background: url(../images/newsbox_brookson1.jpg) no-repeat bottom right;
  height: auto;
  width: 265px;
  float: left;
  padding-top: 4px;
  padding-left: 10px;
  padding-bottom: 12px;
}

span.latestnews1:hover
{
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
}


span.latestnews1
{
  display: inline;
  margin-bottom: .85em;
  border: 1px dotted #bbb;
  border-right: 4px solid #bbb;
  border-bottom: 4px solid #bbb;
  background-color: #fff;
  background: url(../images/newsbox_brookson1.jpg) no-repeat bottom right;
  height: auto;
  width: 265px;
  float: left;
  padding-top: 4px;
  padding-left: 10px;
  padding-bottom: 12px;
}



span.latestnews2:hover
{
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
}


span.newsarchive
{
  display: inline;
  margin-bottom: .85em;
  border: 1px dotted #bbb;
  border-right: 4px solid #bbb;
  border-bottom: 4px solid #bbb;
  background-color: #fff;
  background: url(../images/bottombox_greystripe.gif) repeat-x bottom;
  height: auto;
  width: 265px;
  float: left;
  padding-top: 4px;
  padding-left: 10px;
  padding-bottom: 22px;
}


.newsarc h2
{
  font-size: 11px;
  text-align: left;
  padding-left: 18px;
  line-height: 1.55em;
  margin-bottom: .25em;
}


.newsarc p
{
  font-size: 11px;
  text-align: left;
  padding-left: 14px;
  padding-right: 20px;
  padding-bottom: 0.25em;
  border-top: 0;
  
}


.newsarc a
{
  border-top: 0;
  font: 11px Arial, Verdana, sans-serif;
	color: #CC100F;
	text-decoration: none;	
}

.newsarc a:hover
{
  color: #961917;	
}

.newsarc ul
{
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	text-transform: uppercase;
}

.newsarc li
{
	margin-top: 1em;
	margin-bottom: 1em;
	letter-spacing: 1px;
	margin-left: 0px;
}

#gallery p
{
  font-size: 11px;
  text-align: left;
  padding-left: 17px;
  padding-right: 105px;
}


#gallery h2
{
  font-size: 11px;
  text-align: left;
  padding-left: 18px;
  line-height: 1.55em;
  margin-bottom: .25em;
}


.newstease h2
{
  font-size: 12px;
  text-align: left;
  letter-spacing: .15em;
  padding-left: 18px;
  line-height: 1.55em;
  margin-bottom: .25em;
}


.newstease p
{
  font-size: 11px;
  text-align: left;
  padding-left: 17px;
  padding-right: 105px;
  border-top: 0;
  margin-bottom: 1.85em;	
}

p.spacing
{
  letter-spacing: .1em;
}


.newstease a
{
  border-top: 0;
  font: 11px Arial, Verdana, sans-serif;
	color: #CC100F;	
	text-decoration: none;
}

.newstease a:hover
{
  color: #961917;
  text-decoration: underline;	
}


span.peopleimg img
{
  margin: 3px;
  border: 0;
}

span.filler img
{
  display: inline;
  margin: 4px;
  border: 1px dotted #fff;
  background-color: #fff;
  height: 145px;
  width: 102px;
  float: left;
  text-align: center;
  padding: 0px;
}

span.filler a:hover img
{
  border: 1px dotted #C8211F;
}

.subtlerowan
{
	float: left;
	margin-top: 7.85em;
	margin-left: 2.5em;
	width:200px;
	text-align:center
}

#rightcolfeatures 
{position:relative; 
width:515px; 
margin-left: 0em;
margin-bottom: 1.75em;}

#rightcolfeatures .box 
{
display:block; 
cursor:pointer; 
color:#888; 
font: normal 65% Arial, Verdana, sans-serif;
text-align: left;
padding-left: 3px;
margin: 2px;
}




/* test styles for rowan people reveal function */

#gallery 
{position:relative; 
width:255px; 
margin-left: 0em;
color: #888;
}

#gallery h3 
{color:#C8211F; 
font: bold 12px Arial, Verdana, sans-serif;
}

#gallery h3.color 
{color:#000; margin:10px 25px;}

#gallery h3+p
{margin-top: -13px;}

#gallery .switch 
{
display:block; 
cursor:pointer; 
color:#888; 
font: normal 65% Arial, Verdana, sans-serif;
text-align: left;
padding-left: 3px;
margin: 2px;
text-decoration: none;
}



#gallery .show p
{
font: normal 71% Arial, Verdana, sans-serif;
line-height: 1.45em;
}

#gallery a:link
{
color:#C8211F;
font: normal 71% Arial, Verdana, sans-serif;
text-decoration: underline;
}

#gallery a:hover
{
color:#555;
text-decoration: none;
}


#gallery .show img
{
border-left: 5px solid #C8211F;
}

#gallery .show a
{
color:#C8211F;
font-weight: bold;
}

#gallery a, #gallery a:visited 
{color:#C8211F; line-height:10px;}

#gallery dl 
{width:370px;}

#gallery em
{
color:#777; 
font-style: italic;
font-weight: bold;
}

/* END reveal function styles */


/* PORTFOLIO (WORK) PAGE STYLES */

ul.discipline 
{
	padding-top: 0px;
}

ul.discipline h3
{
	font: 12px normal Arial, Helvetica, Verdana, sans-serif;
	color: #bbb;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding-left: -7px;
}
	
ul.discipline li
{
	margin-bottom: 1.35em;
	padding-left: 24px;
}


ul.discipline li a:link, ul.discipline li a:visited
{
	display: block;
	font: 10px Arial, Verdana, sans-serif;
	color: #888;
	text-transform: uppercase;
	text-decoration: none;
}

ul.discipline li a:hover
{
	color: #CC100F;
}

ul.discipline2 
{
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 0.9em;
	margin-left: 50px;
	margin-right: 56px;
	margin-top: -1.75em;
	margin-bottom: 1.75em;
	border-bottom: 1px dotted #BBB;
}

ul.discipline2 h3
{
	font: 12px normal Arial, Helvetica, Verdana, sans-serif;
	color: #bbb;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding-left: -7px;
}
	
ul.discipline2 li
{
	display: inline;
	padding-left: 12px;
	padding-right: 6px;
	letter-spacing: 1px;
}

ul.discipline2 li a:link, ul.discipline2 li a:visited
{
	font: 10px Arial, Verdana, sans-serif;
	color: #888;
	text-transform: uppercase;
	text-decoration: none;
}

ul.discipline2 li a:hover
{
	color: #CC100F;
	text-decoration:underline;
}


.discipline3
{
	padding-top: 3px;
	margin-left: 0px;
	padding-bottom: .9em;
	margin-bottom: 2.35em;
}

.discipline3 a:link, .discipline3 a:visited
{
	font: 10px Arial, Verdana, sans-serif;
	color: #888;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
}

.discipline3 a:hover
{
	color: #CC100F;
	text-decoration:underline;
}

ul.discipline3 li
{
background: url(../images/red_marker.gif) no-repeat;
}



/*css table style*/

table 
{
  border: 1px solid #FFF;
 }

td
{
  border: 1px dotted #BBB;
  padding: 14px;
  margin: 4px;
  background-color: #F4F4F4;
}

td img, a img
{
	border: 0;
}

td:hover
{
  border: 1px dotted #C8211F;
  background-color: #FFF;
}

td img a:link
{
  text-decoration: none;
  border: 0;
}

td a:link
{
  text-decoration: none;
  border: 0;
}


/*ends table style*/


/* MAGNIFICENT MAGNIFIER STYLES*/

#info
		{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			text-align: center;
			padding: 10px;
			font-family: Arial, Verdana, sans-serif;
			background-color: #eee;
			border-bottom: solid 1px #ccc;
		}

		#binding
		{
			position: absolute;
			top: 24px;
			left: 0%;
			padding-bottom: 10px;
			margin: 0px;
			margin-bottom: 20px;
			border-bottom: dotted 1px #ccc;
		}

		#message
		{
			font-family: Arial, Verdana, sans-serif;
			color: #bbb;
		}
		
		.magnifier
		{
			position: absolute;
			border: solid 3px #bbb;
			cursor: move;
			background-repeat: no-repeat;
			background-color: #fff;
			
		}
		
		.magnifierShadow
		{
			position: absolute;
			background: transparent;
			padding: 0;
			margin: 0;
		}
		
		.magnifierController
		{
			font: normal 70% Arial, Verdana, sans-serif;

}
		
		.magnifierControllerContainer
		{
			margin-top: -10px;
			margin-left: 0px;
			padding: 16px;
			background: url(../images/magnifyingglass_icon.gif) no-repeat left center;
		}


		.magnifierControllerPrefix
		{
			color: #111;
		}
		
		.magnifierControllerButton
		{
			color: #666;
			cursor: pointer;
			background-color: #fff;
			border: 1px dotted #bbb;
			padding: 4px 4px 4px 4px;
			margin-right: 3px;
			/*text-shadow: dimgray 0px 0px 3px;*/
		}
		
		.magnifierControllerButtonSelected
		{
			background-color: #eee;
			border: solid 1px #bbb;
			color: #CC100F;
			font-weight: normal;
			cursor: pointer;
			padding: 4px 4px 4px 4px;
			margin-right: 3px;
			/*text-shadow: dimgray 0px 0px 3px;*/
		}
		
		
/* END MAGNIFIER STYLES */


#foliocontent
{
	position: relative;
	top: 70px;
	left: 0px;
	width: 865px;
	height:auto;
	padding-top: 5em;
	margin-left: 36px;
	margin-bottom: 5.25em;
}

#foliocontent h2
{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#foliocontent p
{
	font: normal 72% Arial, Verdana, sans-serif;
	line-height: 1.6em;
}


#foliocontent img
{
	margin-top: 10px;
	margin-right: 10px;
}


#folionav
{
	font: normal 10px Arial, Verdana, sans-serif;
	margin-bottom: 0.15em;
}

#folionav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 1.5em;
}

#folionav li
{
	display: inline;
}

#folionav li.onpage
{
	background-color: #eee;
	color: #CC100F;
	padding: 0.75em 1em 0.75em 1em;
	text-decoration: none;
	border: 1px solid #bbb;
}

#folionav a:link, #folionav a:visited
{
	padding: .75em 1em .75em 1em;
	color: #bbb;
	text-decoration: none;
	border: 1px dotted #bbb;
}

#folionav a:hover 
{
	color: #CC100F;
	text-decoration: none;
	background-color: #eee;
}


iframe.email {

	padding-bottom: 8px;
	z-index: -1;
	margin-top: 4.5em;
	width: 860px;
	height: 540px;
}

iframe.herald {

	margin-top: 6.5em;
	width: 860px;
	height: 680px;
}


iframe.googlemap {

	margin-top: .5em;
	width: 280px;
	height: 380px;
}


#folioextended
{
	position: relative;
	top: 17px;
	left: 0px;
	width: 865px;
	height:575px;
	padding-top: 18em;
	margin-left: 36px;
	margin-bottom: .25em;
}


#folioherald
{
	position: relative;
	top: 17px;
	left: 0px;
	width: 865px;
	height:575px;
	padding-top: 28.5em;
	margin-left: 36px;
	margin-bottom: .25em;
}


/* END PORTFOLIO STYLES */

/* CASE STUDIES STYLES */

.oncase
{
	margin-left: -17px;
	color: #CC100F;
}


/* END CASE STUDIES STYLES */

/* CONTACT STYLES */


#contactleftcol 
{
	float: left;
	width: 235px;
	text-align:left;
	padding-right: 8px;
	padding-top: 6px;
	margin-left: 40px;
	margin-bottom: 2em;
	border-right: 1px dotted #BBB;
}

.addressbox
{
	background: url(../images/red-diag-bg.gif) repeat;
	padding: 6px 0px 6px 14px;
}

.address
{
	font-weight: bold;
	line-height: 1em;
	margin-left: 22px;
}

#contactrightcol 
{
	float: left;
	width:215px;
	text-align:left;
	margin-left: 14px;
	padding-top: 6px;
	margin-bottom: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	margin-top: 0px;
}

#contactmidcol 
{
	float: left;
	width: 215px;
	text-align:left;
	padding-right: 0px;
	padding-top: 6px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 2em;
	padding-left: 22px;

}


ul.contactdetail 
{

	list-style: none;
	padding: 0px;
	margin:0;
	margin-left: -20px;
}

ul.contactdetail h3
{
	font: 12px normal Arial, Helvetica, Verdana, sans-serif;
	color: #bbb;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding-left: -18px;
	margin-bottom: -10px;
}


ul.contactdetail li
{
	margin-bottom: 1em;
	padding-left: 34px;
}

ul.contactdetail li a:link, ul.contactdetail li a:visited
{
	display: block;
	font: 11px Arial, Verdana, sans-serif;
	color: #777;
	text-transform: none;
	text-decoration: none;
}

ul.contactdetail li a:hover
{
	color: #CC100F;
}

.detail
{
	font: bold 12px Arial, Verdana, sans-serif;
	font-size: 18px;
	color: #777;
	letter-spacing: .1em;
	margin-left: 22px;
}


/* form elements */
form {
	margin: 15px 5px; 
	padding: 10px 20px 20px 10px; 
	background: url(../images/red-diag-bg.gif) repeat; 	
	font: normal 12px Arial, Verdana, Tahoma, sans-serif;
	color: #6A6969;
}
form p {
	border-bottom: 1px solid #101010;
	padding: 12px 0 5px 0;	margin: 0;	
}
label {
	font-weight: bold;	
	color: #FAFAFA;
}
input, select, textarea {
	margin: 5px 0;
	padding: 3px;
	font: normal 12px Arial, Verdana, Tahoma, sans-serif;
	color: #6A6969;
	background: #ffffff;  
	border: 1px solid #6A6969;
}
option { padding-right: 0.5em; } 

#name, #email, #message{
	width: 480px;
}
input.button { 
	font: bold 12px Arial, Verdana, Sans-serif; 
	height: 30px;
	width: 165px;
	padding: 8px 44px; 
	margin-top: 8px;
	color: #fff;
	background: #000;
	border-width: 1px;
  	border-style: solid;
  	border-color: #6A6969;
  	cursor: pointer;
}




/* END CONTACT STYLES */


#clear{clear:both;}


#footer 
{
	position: relative;
	width: 910px;
	top: 0px;
	margin-top: 10px;
	margin-bottom: 6px;
	padding-top: 10px;
}

	
#footer a 
{
	color: #C8211F;
}

	
#footer p 
{
	text-align: right;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}


#extras 
{
	position: relative;
	top: 0px;
	width: 887px;
	height: 124px;
	margin-left:36px;
	margin-bottom: 14px;

	background: url(../images/extras-placeholder.gif) no-repeat;
}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }