body {
	font: 11px/14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}

body.body-1 {
	background: #FFF url('../img/pageBGs/home.jpg') no-repeat center top; 
	}	

body.body-2 {
	background: #FFF url('../img/pageBGs/about.jpg') no-repeat center top; 
	}	

body.body-3 {
	background: #FFF url('../img/pageBGs/services.jpg') no-repeat center top; 
	}	
	
body.body-4 {
	background: #FFF url('../img/pageBGs/work.jpg') no-repeat center top; 
	}
	
body.body-18 {
	background: #FFF url('../img/pageBGs/testimonials.jpg') no-repeat center top; 
	}	

body.body-10 {
	background: #FFF url('../img/pageBGs/contact.jpg') no-repeat center top; 
	}

p {
	margin: 12px 0;
}

h1 {
	font: normal 15px/15px Arial, Helvetica, sans-serif;
	margin: 0 0 6px 0;
	}
	
h2 {
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	margin: 0 0 6px 0;
	}	
	
.h2-small {
	font-size: 10px;
}	

h3 {
	font: normal 10px/14px Arial, Helvetica, sans-serif;
	margin: 0 0 6px 0;
	}
	
h4 {
	font: normal 10px/14px Arial, Helvetica, sans-serif;
	margin: 0 0 6px 0;
	color: #827f7f;
	}	

.access {
	display: none;
}

a {
	text-decoration: none;
}

img {
	border: 0;
}

/* page layout */

#header {
	height: 336px;
	width: 826px;
	position: absolute;
	}
	
body.body-4 #header {
	width: 413px;
}	
	
#header p {
	padding: 25px 0 0 60px;
	margin: 0;
	font: normal 32px/30px Arial, Helvetica, sans-serif;
	float: left;
	display: none;	
	}
	
#header p.tagline {
	font: normal 12px/30px Arial, Helvetica, sans-serif;
	}

#header a {
	color: #000;
	text-decoration: none;	
	}

#footer {
	position: absolute;
	top: 655px;
	left: 33px;
	width: 755px;
	}
	
#footer p {
	margin: 0;
	padding: 0;
	}	

#wrapper {
	width: 826px;
	height: 686px;
	margin: 65px auto 0 auto;
	position: relative;
	z-index: 0;
	}

/*  main nav styles */

#nav ul {
	width: 413px;
	position: absolute;
	left: 34px;
	top: 345px;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#nav li {
	float: left;
	padding: 0;
	margin: 0;
	font: normal 12px/27px Arial, Helvetica, sans-serif;
	margin: 6px 0;
	}

#nav li a {
	display: block;
	padding: 0;
	margin: 0;
	font: 12px/22px Arial, Helvetica, sans-serif;
	height: 27px;
	background: url('/assets/templates/scriibe/img/menuBG.jpg');
	background-position: left top;
	background-repeat: none;
}

#nav li.lnk-1 a {
	width: 38px;
	background-position: left top;
}

#nav li.lnk-2 a {
	width: 67px;
	background-position: -38px top;
}

#nav li.lnk-3 a {
	width: 60px;
	background-position: -105px top;
}

#nav li.lnk-4 a { 
	width: 67px;
	background-position: -165px top;
}

#nav li.lnk-18 a { 
	width: 79px;
	background-position: -232px top;
}

#nav li.lnk-10 a { 
	width: 64px;
	background-position: -311px top;
}

#nav li.lnk-1 a.active,
#nav li.lnk-1 a:hover {
	background-position: left -27px;
}

#nav li.lnk-2 a.active,
#nav li.lnk-2 a:hover {
	background-position: -38px -27px;
}

#nav li.lnk-3 a.active,
#nav li.lnk-3 a:hover {
	background-position: -105px -27px;
}

#nav li.lnk-4 a.active,
#nav li.lnk-4 a:hover {
	background-position: -165px -27px;
}

#nav li.lnk-18 a.active,
#nav li.lnk-18 a:hover {
	background-position: -232px -27px;
}

#nav li.lnk-10 a.active,
#nav li.lnk-10 a:hover { 
	background-position: -311px -27px;
}

/*  content section styles */

#content-l {
	position: absolute;
	width: 337px;
	height: 215px;
	top: 386px;
	left: 38px;
	}

#content-r {
	position: absolute;
	width: 337px;
	height: 640px;
	top: 0px;
	left: 451px;
	}

#content-r-shortcol {
	position: absolute;
	width: 327px;
	height: 215px;
	top: 386px;
	left: 461px;
	}

#content-r-medcol {
	position: absolute;
	width: 337px;
	height: 303px;
	top: 336px;
	left: 451px;
	}

#content-r-workcol {
	position: absolute;
	width: 308px;
	height: 104px;
	top: 495px;
	left: 471px;
	}
	
#contentPaginated {
	position: absolute;
	width: 826px;
	top: 386px;
	left: 0px;
	}
	
#pagesPrevious, #pagesNext {
	display: block;
	position: absolute;
	top: 595px;
	left: 38px;
	width: 64px;
	height: 26px;
}

#pagesNext {
	left: 722px;
}


div.ditto_item {
	float: left;
	width: 322px;
	padding: 0 45px;
}

.testimonial {
	text-align: right;
	font-weight: bold;
}

#panel-l {
	width: 142px;
	position: absolute;
	top: 22px;
	}

#panel-r {
	width: 172px;
	position: absolute;
	left: 180px;
	top: 22px;	
	}
	
#panel-r img {
	float: right;
}

#panel-r p {
	margin: 3px 0 0 0;
}

#panel-r h3 {
	margin: 12px 0 0 0;
}

#panel-r a {
	display: block;
	width: 44px;
	height: 18px;
	background: url('../img/readMore.png') no-repeat left top; 
	margin: 6px 0 0 0;	
}

#panel-l p, #panel-r p {
	font: normal 10px/14px Arial, Helvetica, sans-serif;
}

/*  work section menu styles */

#workMenu {
	position: absolute;
	width: 361px;
	height: 215px;
	top: 414px;
	left: 2px;
}

#workMenu ul {
	position: absolute;
	width: 125px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
}

#workMenu li {
	margin: 0;
	padding: 0;
}

#workMenu li ul {
	position: absolute;
	left: 130px;
	top: 3px;
	width: 230px;
	display: none;
	padding: 0;
	margin: 0;
	font: normal 11px/18px Arial, Helvetica, sans-serif;	
	}
	
#workMenu li.active ul a, 
#workMenu li ul a {
	height: 18px;
	width: 230px;
	line-height: 18px;
	background: none;
}

#workMenu li li.active a,
#workMenu li li a:hover {
	font-weight: bold;
	color: #303859;
}

#workMenu li.wrk-5 a,
#workMenu li.wrk-6 a,
#workMenu li.wrk-7 a,
#workMenu li.wrk-8 a,
#workMenu li.wrk-9 a
 {
	display: block;
	margin: 0;
	padding: 0;
	width: 125px;
	height: 23px;
	background: url('/assets/templates/scriibe/img/wmenuBG.jpg');
}

#workMenu li.wrk-5 a {
		background-position: left top;
}

#workMenu li.wrk-6 a {
		background-position: left -23px;
}

#workMenu li.wrk-7 a {
		background-position: left -46px;
}

#workMenu li.wrk-8 a {
		background-position: left -69px;
}

#workMenu li.wrk-9 a {
		background-position: left -92px;
}

#workMenu li.wrk-5 a.active,
#workMenu li.wrk-5 a:hover {
		background-position: -125px top;
}

#workMenu li.wrk-6 a.active,
#workMenu li.wrk-6 a:hover {
		background-position: -125px -23px;
}

#workMenu li.wrk-7 a.active,
#workMenu li.wrk-7 a:hover {
		background-position: -125px -46px;
}

#workMenu li.wrk-8 a.active,
#workMenu li.wrk-8 a:hover {
		background-position: -125px -69px;
}

#workMenu li.wrk-9 a.active,
#workMenu li.wrk-9 a:hover {
		background-position: -125px -92px;
}

#workMenu li.active ul li ul{
	display: none;
}

#workMenu li.active ul {
	display: block;
}

#workMenu li ul li.active ul {
	display: block;
}

#workMenu a {
	text-decoration: none;
	color: #000;
}

/*  image gallery styles */

#images {
	position: absolute;
	height: 333px;
	width: 308px;
	top: 78px;
	left: 471px;
}

#images img {
	position: absolute;
	border: 1px solid #333;
	margin: 0 auto;
}

#thumbnails {
	position: absolute;
	height: 45px;
	width: 308px;
	top: 422px;
	left: 471px;
	text-align: right;
}

#thumbnails a {
	margin: 0;
	padding: 0;
}

#thumbnails img {
	border: 1px solid #333;
/* 	margin: 0 0 3px 3px; */
}

#img_center {
	margin: 0 auto;
}

/*   contact form styles */

dl, dd, dt {
/* 	border: 1px solid green; */
	padding: 0;
	margin: 0;
}

dt {
	width: 18px;
	float: left;
}

dd {
	margin: 0 0 12px 20px;
}

#formContainer {
	position: absolute;
	left: 70px;
}

#contactForm {

}

#formContainer p {
	text-align: right;
}

#formContainer label {
	clear:left;
	font: 11px/14px Arial, Helvetica, sans-serif;	
	display:block;
	float:left;
	margin-bottom:0.5em;
	padding-right:10px;
	text-align:right;
	width:66px;
}

#formContainer input {
	background: none;
	border:1px solid #000;
	margin-bottom:0.6em;
	padding: 2px;
	font: 11px/14px Arial, Helvetica, sans-serif;	
}

#formContainer textarea {
	background: none;
	border:1px solid #000;
	height:4em;
	overflow:auto;
	padding:2px;
	width:160px;
	font: 11px/14px Arial, Helvetica, sans-serif;	
}

input#formReset, input#formSubmit {
	background: #000;
	width: 
}