/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	author: JBMoss Ltd - http://www.jbmoss.com
	developer: JBMoss Ltd - DPETRIE
	date: 09/03/2009
	
	-----------------------
	
	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%;
}
table {
	margin			: 0.6em 4%;
}

li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	outline			: none;
	
}

.clr {
	clear:both;
	height:0; !important
	width:0; !important
	padding:0;
	margin:0;
}

img, div { behavior: url(iepngfix.htc) }

										/* ---------- 2. typography ---------- */ 

p {
	color:#666;
	text-align:justify;
}
p a {
	color:#4F71BC;
}
p a:hover {
	color:#796A59;
}
h1 {}
h2 {
	font-size:1.2em;
	color:#4F71BC;
}
h3 {
	font-size:1.2em;
	color:#B1B1B1;
}
h4 {}
h5 {}

.sml_p {
	font-size:0.8em;
	color:#333333;
}

a img {
	border:5px solid #ccc;
}

.n_b img {
	border:none;
}


.proj-boxs {
	line-height:15px;
	display:block;
	height:15px;
	overflow:hidden;
	font-size:0.85em;
	font-weight:bold;
}
.proj-boxs a {
	border-left:1px solid #666;
	padding:0 2px 0 7px;
	text-decoration:underline;
	line-height:5px;
}
.proj-boxs a:first-child  {
	border-left:none;
	padding-left:3px;
}



										/* ---------- 3. listography ---------- */ 
										
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: Arial, Helvetica, sans-serif;
	background		: #87B1ED;
}


#div-wrap {
	position		: relative;
	margin			: 10px auto;
	width			: 707px;
	padding			:7px;
	background		:#fff;
}

	#div-hdr {
		position:relative;
		width:707px;
	}
		#div-h-t {
			position:relative;
			width:707px;
			height:27px;
			background:#BAACA2;
		}	
		
		#div-m-w {
			position:relative;
			width:707px;
			margin-top:4px;
		}
		#div-m-w img {
			border:none;
		}
			#div-m-f {
				position:relative;
				float:left;
				width:231px;
				height:179px;
				background:#796A59;
			}
			
				#div-nav {
					position:relative;
					margin:16px 0 0 10px;
				}
			
			#div-m-s, #div-m-t {
				position:relative;
				float:left;
				width:234px;
				height:180px;
				margin-left:4px;
				background:#ccc;
			}
	
	#div-main {
		position:relative;
		width:707px;
		margin-top:3px;
		border-top:7px solid #BCB298;
		padding-top:10px;
	}
		#div-content {
			position:relative;
			float:left;
			width:480px;
			padding-bottom:30px;
		}
		
		/* Furnite Packages Page */
			#div-contentf {
				position:relative;
				float:left;
				width:707px;
				padding-bottom:30px;
			}
				#div-contentf table tr td a {
					color:#88B8F8;
					text-decoration:none;
				}
		/* -- */
		
		
		#div-aside {
			position:relative;
			float:left;
			width:227px;
			margin-top:5px;
		}
			#div-as-f {
				position:relative;
				width:205px;
				margin-left:7px;
				background:#E0E0E0;
				padding:7px;
			}
			#div-as-s {
				position:relative;
				width:205px;
				margin-left:7px;
				background:#E0E0E0;
				margin-top:4px;
				padding:7px;
			}

			#div-as-t {
				position:relative;
				width:205px;
				margin-left:7px;
				background:#E0E0E0;
				margin-top:4px;
				padding:7px;
			}
							
				#div-as-f .div-as-i, #div-as-s .div-as-i, #div-as-t .div-as-i {
					position:relative;
					float:left;
					width:58px;
					padding-right:5px;
				}
				#div-as-f .div-as-t, #div-as-s .div-as-t {
					position:relative;
					float:left;
					width:135px;
				}
				#div-as-t .div-as-t {
					position:relative;
					float:left;
					width:135px;
					background:#B9ABA2;
					margin-left:4px;
				}
					#div-as-t .div-as-t p {
						color:#000;
						font-size:0.85em;
						text-align:left;
					}
						#div-as-t .div-as-t p a {
							color:#fff;
						}
				
				#div-as-f h3, #div-as-s h3 {
					display:block;
					width:130px;
					padding:2px;
					color:#fff;
					background:#796A59;
					font-size:0.85em;
					margin-top:0;
				}
				#div-as-f p, #div-as-s p {
					color:#000;
					font-size:0.85em;
					text-align:left;
				}
				
				
		#div-inner-ftr {
			position:relative;
			width:707px;
			background:#fff;
			border-top:2px solid #87B1ED;
			padding:15px 0;
		}
			#div-inner-l {
				position:relative;
				float:left;
				width:480px;
			}
				#div-inner-l p {
					marign-top:0;
					font-size:0.8em;
				}
				
			#div-inner-r {
				position:relative;
				float:right;
			}
				#div-inner-r img {
					padding-top:5px;
				}
	
		#div-ftr {
			position:relative;
			width:707px;
			margin:0 auto;
		}
			#div-ftr p {
				color:#fff;
				text-align:center;
				font-size:0.8em;
			}

										/* ---------- 5. navigation ---------- */ 
										
										

#div-nav ul > li:first-child {

}

#div-nav ul {
	margin:0;
	padding:0;
}
#div-nav ul li {
	list-style:none;
	line-height:17px;
}
#div-nav ul li a {
	color:#fff;
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:bold;
	display:block;
	width:160px;
	border-bottom:1px solid #796A59;
}
#div-nav ul li a:hover {
	border-bottom:1px solid #BAACA2;
}


			
										/* ---------- 6. page specific structure ---------- */ 
										

										/* ---------- 7. images ---------- */ 
										

										/* ---------- 8. tables ---------- */ 


#case_table tr td {
	padding:3px;	
}										
.case_ti {
	background:#ccc;
	color:#666;
	font-weight:bold;
	width:100px;
}
.case_txt {
	color:#666;
	font-size:0.85em;
	background:#E0E0E0;
}

#c_form table {
	color:#666;
}
										
										
										/* ---------- 9. forms ---------- */ 

.inp_box {
	border:1px solid #ccc;
	width:200px;
	color:#666;
	padding:1px 2px;
}
.drop_box {
	border:1px solid #ccc;
	width:204px;
	color:#666;
	font-size:0.9em;
}
.area_box {
	border:1px solid #ccc;
	width:200px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	height:100px;
	padding:1px 2px;
}

.sub_btn {
	color:#fff;
	font-size:0.9em;
	padding:2px 8px;
	background:#666;
}