/* 	nfornovember
	© 2007  */

/* Whitespace Reset */

* {
	margin: 0;
	padding: 0;
}

img {
	display: block;
}

a img {
	border: none;
}

/* Global */

body {
	color: #ccc;
	font: 11px/18px "Lucida Grande", Lucida, Arial, Verdana, sans-serif;
	background: #2c2b2c url(images/gradient.jpg) no-repeat 50px top;
}

#wrap {
	width: 860px;
}

/* Style */

#style {
	position: absolute;
	display: block;
	width: 100%;
	height: 564px;
	overflow: hidden;
	background: url(images/pattern.jpg) no-repeat 680px 0;
}

/* Nav */

#nav {
	padding-left: 87px;
	width: 683px;
	position: relative;
}

/* @group nav */

#nav ul {
	list-style: none;
}

#nav ul li
 {
	float: left;
	display: inline;
}

#nav ul li a {
	display: block;
	height: 35px;
	text-indent: -1111px;
	overflow: hidden;
}

#nav ul li.home a {
	width: 73px;
	background-image: url(images/nav/home.gif);
}

#nav ul li.about a {
	width: 75px;
	background-image: url(images/nav/about.gif);
}

#nav ul li.services a {
	width: 89px;
	background-image: url(images/nav/services.gif);
}

#nav ul li.portfolio a {
	width: 131px;
	background-image: url(images/nav/portfolio.gif);
}

#nav ul li.contact a {
	width: 73px;
	background-image: url(images/nav/contact.gif);
}

#home #nav ul li.home a, #about #nav ul li.about a, #services #nav ul li.services a, #portfolio #nav ul li.portfolio a, #contact #nav ul li.contact a, #nav ul li a:hover {
	background-position: 0 -35px;
}
#nav ul li a.selected { background-position: 0 -35px; }

/* @end */

/* Head */

#head {
	clear: both;
	padding-left: 90px;
	padding-top: 60px;
	position: relative;
}

#head h1 a {
	text-indent: -1111px;
	overflow: hidden;
	display: block;
	background: url(images/logo.gif) no-repeat;
	width: 215px;
	height: 23px;
}

/* Foot */

#foot {
	clear: both;
	padding-left: 90px;
	background: url(images/foot.gif) no-repeat 20px 16px;
	position: relative;
	float: left;
	width: 770px;
}

.footer {
	background: url(images/footer.gif) no-repeat;
	position: relative;
	padding-top: 14px;
	padding-bottom: 14px;
}

#foot p.foot {
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/copy/jenniferomran.gif) no-repeat;
	height: 13px;
	margin-bottom: 4px;
}

#foot p {
	font-size: 10px;
	color: #999;
	line-height: 14px;
}

#foot span {
	display: block;
	font-size: 10px;
}

#foot #form {
	position: absolute;
	right: 0;
	top: 28px;
	font-size: 11px;
}

#foot #form, #foot input {
	font-size: 11px;
	color: #999;
	padding:2px;
}

#foot input {
	background-color: #2b2b2b;
	border: none;
	padding: 2px;
	width:108px;
	margin-right:4px;
}

#foot input.button {
	background: none;
	padding: 0;
	width: auto;
	margin-left: 4px;
	cursor: pointer;
	text-decoration: underline;
}

#foot input.button:hover {
	border: none;
	color: #a9d9ed;
	text-decoration: none;
}

#foot label {
	padding-right: 4px;
	font-size:10px;
}

/* Substance */

#substance {
	padding-left: 90px;
	padding-top: 30px;
	float: left;
	width: 770px;
	padding-bottom: 14px;
}

.left {
	float: left;
	width: 340px;
	position: relative;
}

.right {
	width: 360px;
	float: right;
	position: relative;
	padding-top: 4px;
}

.service {
	width: 600px;
	float: left;
	position: relative;
}

.clients {
	width: 770px;
	float: left;
	position: relative;
}

.hello {
	width: 770px;
	float: left;
	position: relative;
}

#substance a {
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px solid #666;
	padding-bottom: 1px;
	position: relative;
}

#substance a:hover {
	border: none;
	color: #a9d9ed;
}

#substance p {
	margin-bottom: 16px;
}

#substance p.pic {
	margin-bottom: 0;
	position: absolute;
	top: 281px;
	left: 0;
	width: 160px;
}

#home .right p, #home .left p { font-size:12px; }
#about .right p { font-size:11px; line-height:18px; }
#about .right img {
	background: url(images/frame.gif) no-repeat;
	padding: 17px 18px 46px 19px;
	margin-bottom: 14px;
	position: relative;
	float: right;
}

#homeform, #home input {
	font-size: 10px;
	color: #999;
}

#homeform {
	position: absolute;
	top: 258px;
	left: -10px;
	width: 368px;
	padding:0px;
}

.accordbg { background:url(images/form.gif) repeat-x; padding:21px 10px 10px 10px; }

#home input {
	background-color: #2b2b2b;
	border: none;
	padding: 2px;
	width: 108px;
	font-size: 11px;
	margin-right: 2px;
}

#home input.word {
	font-size: 12px;
	margin-top: 4px;
	width: 300px;
	margin-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#home input.button {
	background: none;
	padding: 0;
	width: auto;
	margin-left: 4px;
	cursor: pointer;
	text-decoration: underline;
}

#home input.button:hover {
	border: none;
	color: #a9d9ed;
	text-decoration: none;
}



#home #substance p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 18px;
}

#home p.submit {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 18px;
}

#services .service p {
	clear: both;
	font-size: 12px;
}

#substance #services ul {
	list-style: none;
	float: left;
	margin-bottom: 30px;
}

#substance #services ul li {
	line-height: 24px;
	font-size: 16px;
}

/* Copy */

h2 {
	margin-bottom: 20px;
}

#home h2.intro {
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/copy/intro.gif) no-repeat;
	height: 128px;
}

#home .right h2 {
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/copy/getintouch.gif) no-repeat;
	height: 48px;
	position: relative;
	margin-top: 96px;
}

#home .right h2 a {
	width: 116px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
}

#about h2.roots {
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/copy/roots.gif) no-repeat;
	height: 231px;
	margin-bottom: 14px;
	margin-top: 1px;
}

#about h2.language {
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/copy/language.gif) no-repeat;
	height: 123px;
}

#services h2.writes {
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/copy/services.gif) no-repeat;
	height: 21px;
	margin-bottom: 34px;
	margin-top: 1px;
}

#services h2.offline {
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/copy/offline.gif) no-repeat;
	height: 18px;
	margin-top: 1px;
	margin-bottom: 18px;
	width: 160px;
}

#services h2.online {
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/copy/online.gif) no-repeat;
	height: 18px;
	margin-top: 1px;
	margin-bottom: 18px;
	width: 200px;
}

#services h2.other {
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/copy/other.gif) no-repeat;
	height: 18px;
	margin-top: 1px;
	margin-bottom: 18px;
}

#portfolio h2 {
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/copy/portfolio.gif) no-repeat;
	height: 43px;
	margin-bottom: 34px;
	margin-top: 1px;
}

#contact h2 {
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/copy/contact.gif) no-repeat;
	height: 75px;
	margin-bottom: 34px;
}

#contact h2.omran {
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/copy/omran.gif) no-repeat;
	height: 47px;
	margin-top: 30px;
	margin-bottom: 20px;
}

/* Portfolio */

.client {
	position: relative;
	float: left;
	margin-bottom: 30px;
}

.client img {
	border: 1px solid #4a4a49;
	float: left;
}

.client img.label {
	border: none;
	position: absolute;
	left: -1px;
}

/* @group labels */

.client.bananawharf img.label {
	top: 75px;
}

.client.bmi img.label {
	top: 100px;
}

.client.cindyknight img.label {
	top: 102px;
}

.client.simplyact img.label {
	top: 40px;
}

.client.uniteform img.label {
	top: 128px;
}

.client.worktown img.label {
	top: 130px;
}

/* @end */

.client h1 {
	padding-left: 380px;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 8px;
}

.client h4 {
	padding-left: 380px;
	font-weight: bold;
	padding-bottom: 8px;
	font-size: 11px;
}

.client h5 {
	padding-left: 380px;
	font-weight: bold;
	font-size: 11px;
}

.client p {
	padding-left: 380px;
	line-height: 15px;
}

#substance .client p.what {
	margin-bottom: 0px;
}

#substance .client a {
	font-size: 14px;
	border: none;
	color: #a9d9ed;
}

#substance .client a.pdf {
	border: none;
	color: #a9d9ed;
}

#substance .client a:hover {
	text-decoration: underline;
}

/* Contact */

.hello p strong {
	color: #a9d9ed;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	margin-left: 10px;
}

/* Words */

.words {
	height: 140px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 20px;
}

.words img {
	position: absolute;
}

img.one {
	top: 0;
	left: 0;
}

img.two {
	top: 4px;
	left: 216px;
}

img.three {
	top: 47px;
	left: 2px;
}

img.four {
	top: 37px;
	left: 184px;
}

img.five {
	top: 85px;
	left: 1px;
}

img.six {
	top: 80px;
	left: 100px;
}

/* Sifr */

/* @group sifr */

/* Generic sIFR styles */

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

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

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

/* Adblock object hack */

.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}

/* Specific sIFR styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 30px;
	font-weight: bold;
}

#form .redtext, #homeform .redtext { color:Red; }

/* Accordion */
/* @group accordion */
#accordion { clear:both; }
.accord_email { visibility: hidden; z-index: 1; }
/* @end */
/* @end */