/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	author: JBMoss Ltd - http://www.jbmoss.com
	developer: JBMoss Ltd - DPETRIE
	date: 20/01/2010
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. tables
	9. forms
	
	
-------------------------------------------------------*/




										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin			: 0.6em 4%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	outline			: none;
	
}

.clr {
	clear:both;
	height:0;
	width:0;
	padding:0;
	margin:0;
}

* { behavior: url(iepngfix.htc) }

										/* ---------- 2. typography ---------- */ 

p {
	color:#6f2a8e;
	font-size:0.85em;
}
	p a {color:#0A0A0A;}
	p a:hover {}
	
h1 {}
	h1 a {color:#6f2a8e;}
	h1 a:hover {}
	
h2 {font-weight:normal;
	color:#6f2a8e;}
	h2 a {color:#6f2a8e;}
	h2 a:hover {}
	
h3 {}
	h3 a {color:#6f2a8e;}
	h3 a:hover {}
	
h4 {}
	h4 a {color:#6f2a8e;}
	h4 a:hover {}

h5 {}
	h5 a {color:#6f2a8e;}
	h5 a:hover {}
	

										/* ---------- 3. listography ---------- */ 
										
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: Arial, Helvetica, sans-serif;
	background		: #fff;
}


#div-wrap {
	position		: relative;
	margin			: 60px auto 40px auto;
	width			: 924px;
}
	
	#div-icons {
		position:absolute;
		top:-40px;
		right:20px;
	}
#div-top {
	background:#b1b7bb;
	height:120px;
}
	#div-logo {
		position:absolute;
		left:50px;
		top:15px;
		z-index:1;
	}
	#div-capital {
		position:absolute;
		right:30px;
		top:50px;
		z-index:1;
	}

#div-nav {
	position:relative;
	background:#6f2a8e;
	height:27px;
	width:676px;
	text-align:right;
	border-left:248px solid #b1b7bb;
}


#div-ftr {
	position:relative;
	width:917px;
	background:#6f2a8e;
	margin-top:12px;
	font-size:0.8em;
	color:#fff;
	line-height:18px;
	text-align:right;
	padding-right:7px;
	padding:5px 7px 5px 0;
}
#div-ftr a {
	color:#fff;
}




										/* ---------- 5. navigation ---------- */



#div-nav ul {
	margin:0;
	padding:0;
}
#div-nav ul li {
	margin:0;
	padding:0;
	float:left;
	display:block;
	text-transform:uppercase;
}										
#div-nav ul li a {
	display:block;
	color:#fff;
	float:left;
	padding:0px 14px;
	line-height:27px;
	font-size:0.9em;
}

#div-nav ul li a:hover {
	color:#b3b8bc;
}

										
/*										
#div-nav ul {
	margin:0;
	padding:0;
}
#div-nav ul li {
	margin:0;
	padding:0;
	float:left;
	display:block;
}										
#div-nav ul li a {
	display:block;
	color:#fff;
	float:left;
}

#div-nav a.home {
	height:27px;
	width:68px;
	background:url(../images/nav_sprite.jpg) 0 0;
}	
	#div-nav a:hover.home {
		background:url(../images/nav_sprite.jpg) 0 -54px;
	}
	
#div-nav a.company {
	height:27px;
	width:98px;
	background:url(../images/nav_sprite.jpg) -68px 0;
}	
	#div-nav a:hover.company {
		background:url(../images/nav_sprite.jpg) -68px -54px;
	}
	
#div-nav a.regalstyle {
	height:27px;
	width:111px;
	background:url(../images/nav_sprite.jpg) -166px 0;
}	
	#div-nav a:hover.regalstyle {
		background:url(../images/nav_sprite.jpg) -166px -54px;
	}
	
#div-nav a.projects {
	height:27px;
	width:91px;
	background:url(../images/nav_sprite.jpg) -277px 0;
}	
	#div-nav a:hover.projects {
		background:url(../images/nav_sprite.jpg) -277px -54px;
	}
	
#div-nav a.rentalprojects {
	height:27px;
	width:150px;
	background:url(../images/nav_sprite.jpg) -368px 0;
}	
	#div-nav a:hover.rentalprojects {
		background:url(../images/nav_sprite.jpg) -368px -54px;
	}
	
#div-nav a.press {
	height:27px;
	width:69px;
	background:url(../images/nav_sprite.jpg) -518px 0;
}	
	#div-nav a:hover.press {
		background:url(../images/nav_sprite.jpg) -518px -54px;
	}
	
#div-nav a.contact {
	height:27px;
	width:89px;
	background:url(../images/nav_sprite.jpg) -587px 0;
}	
	#div-nav a:hover.contact {
		background:url(../images/nav_sprite.jpg) -587px -54px;
	}
	
*/
										

										/* ---------- 6. page specific structure ---------- */ 
										
										
										
										
										
										
/* ---------- Homepage ---------- */

#div-hp-im {
	position:relative;
	width:586px;
	height:464px;
	float:left;
}

#div-bx-wrap {
	position:relative;
	float:right;
	width:338px;
}
	.div-hp-bx {
		position:relative;
		float:left;
		width:157px;
		margin-left:12px;
		margin-top:12px;
		height:220px;
		background:#b3b8bc;
		color:#fff;
		font-size:0.9em;
	}
	.div-hp-bx p { 
		color:#fff;
	}
	.div-hp-bx p a { 
		color:#fff;
	}
		.div-hp-bx h3 {
			font-weight:normal;
			color:#fff;
		}
		
		.div-hp-bx img {
			margin:4px 0 4px 4px;
		}
		
/* ---------- Company ---------- */


#div-co-txt {
	position:relative;
	float:left;
	width:414px;
	margin-right:14px;
	height:480px;
	background:#fff;
	color:#0A0A0A;
	overflow:hidden;
}
#div-co-img {
	position:relative;
	float:left;
	width:496px;
	height:512px;
}
#div-co-img2 {
	position:relative;
	float:left;
	width:397px;
	height:512px;
}

/* ---------- Style ---------- */

#div-style-txt {
	position:relative;
	float:left;
	width:450px;
	margin-right:14px;
	background:#fff;
	color:#0A0A0A;
	height:480px;
}
#div-style-img {
	position:relative;
	float:left;
	width:460px;
}

#div-style-list {
	position:relative;
	float:left;
	width:460px;
	background:#fff;
	margin-top:0px;
	padding-bottom:15px;
}
	#loadarea {
		position:relative;
		width:460px;
		height:304px;
		overflow:hidden;
	}
		#loadarea img {
			margin:5px;
		}
	#div-gallery {
		position:relative;
		width:440px;
		padding:5px 10px;
	}
		.gal_hld {
			position:relative;
			float:left;
			width:100px;
			margin:5px;
		}


/* ---------- Regal Projects / current future archive ---------- */

#div-pro-txt {
	position:relative;
	float:left;
	width:414px;
	margin-right:14px;
	height:480px;
	background:#fff;
	color:#0A0A0A;
	margin-top:15px;
}
#div-pro-list {
	position:relative;
	float:left;
	width:496px;
	height:480px;
	background:#fff;
	margin-top:15px;
	overflow:hidden;
}

#div-inner-projects-nav {
	position:relative;
	width:491px;
	color:#0A0A0A;
	font-size:0.9em;
	margin-top:9px;
	
}
	#div-inner-projects-nav a {
		color:#0A0A0A;
		padding:0px 1px 0px 1px;
		margin-left:3px;
		margin-right:3px;
		line-height:40px;
	}
		#div-inner-projects-nav a.on {
			border-top:7px solid #6f2a8e;
		}
		
#div-inner-projects-list {
	position:relative;
	width:446px;
	margin:15px 15px 15px 15px;
	height:393px;
	background:#fff;
	padding:10px;
	border-bottom:5px solid #fff;
	border-top:5px solid #fff;
}

/* ---------- Project Item ---------- */

#div-pro-i-txt {
	position:relative;
	float:left;
	width:414px;
	margin-right:14px;
	background:#fff;
	color:#0A0A0A;
	margin-top:15px;
}

#div-pro-i-side {
	position:relative;
	float:left;
	width:486px;
	background:#fff;
	margin-top:15px;
}

/* ---------- Press ---------- */


#div-press-txt {
	position:relative;
	float:left;
	width:414px;
	margin-right:14px;
	height:480px;
	background:#fff;
	color:#0A0A0A;
	margin-top:15px;
}
#div-press-list {
	position:relative;
	float:left;
	width:496px;
	height:480px;
	background:#fff;
	margin-top:15px;
	overflow:hidden;
}

#div-inner-press-list {
	position:relative;
	width:446px;
	margin:15px 15px 15px 15px;
	height:420px;
	background:#fff;
	padding:10px;
	border-bottom:5px solid #fff;
	border-top:5px solid #fff;
}
										

										/* ---------- 7. images ---------- */ 
										

										/* ---------- 8. tables ---------- */ 
										
										
										/* ---------- 9. forms ---------- */ 
										
										
										
/* Carousel */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 450px; /*Width of Carousel Viewer itself*/
height: 364px; /*Height should enough to fit largest content's height*/
margin:5px 0 0 0;
}

.stepcarousel .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .belt p {
	margin:0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px 0 0; /*margin around each panel*/
width: 450px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
font-size:0.9em;
}