/* Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display: block; }

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/* Typography
-------------------------------------------------------------- */

html { font-size: 100.01%; height: 100%; }

body {
	font-size: 80%;
	line-height: 1.25;
	color: #d0b079;
	background: #000;
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 100%; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #d0b079; }

h1 { font-size: 2em; line-height: 1; }
h2 { font-size: 1.67em; line-height: 1; }
h3 { font-size: 1.50em; margin-bottom: 1em; }
h4 { font-size: 1.17em; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.5em; }
h6 { text-transform: uppercase; font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0; }

p           { margin: 0 0 0.83em; }

a:focus,
a:hover     { color: #fff; }
a           { color: #d0b079; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color: #666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; font-size: 2em; }

ol li div {
	font-size: 0.50em; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

table       { margin-bottom: 1.4em; width: 100%; }
th          { font-weight: bold; }
th,td,caption { padding: 4px 10px 4px 5px; }
tfoot       { font-style: italic; }


/* Forms
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size: 1.2em; }

input[type=text], input[type=password],
input.text, textarea, select {
	background-color: #ccb8ba;
	border: 1px solid #1c0103; }
	
input[type=text]:focus, input[type=password]:focus,
input.text:focus, textarea:focus, select:focus {
	background-color: #eee;
	border-color: #1c0103; }

input[type=text], input[type=password],
input.text, textarea, select {
	margin: 0.5em 0; }

input.text	{ width: 180px; padding: 5px; }
textarea	{ width: 320px; height: 180px; padding: 5px; }
select		{ width: 195px; padding: 3px; }


input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
	position: relative; top: .25em; }


/* Layout
-------------------------------------------------------------- */

#page {
	width: 870px;
	margin: 0 auto; }
  
	#header {
		text-align: center;
		background: #000 url(../images/header_bg.png) no-repeat top;
		height: 155px; }
	
	#logo {
		padding-top: 30px;
		height: 108px;
		width: 316px;
		margin: 0 auto;
		text-indent: -999em; }
		
		#logo a {
			display: block;
			height: 108px;
			width: 316px;
			background-image: url(../images/logo.png);
			background-repeat: no-repeat;
			background-position: top; }

	#nav {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		text-align: center;
		background: #000 url(../images/nav_bg.png) no-repeat top;
		height: 25px;
		padding: 4px 0 5px;
		letter-spacing: 0.1em;
		font-size: 12px;
		font-weight: 600;
		text-shadow: -1px 1px 0 #8a6549;
		float: left;
		width: 100%;
		overflow: hidden;
		position: relative; }
			
		#nav ul {
		   clear: left;
		   float: left;
		   list-style: none;
		   margin: 0;
		   padding: 0;
		   position: relative;
		   border-right: 1px solid #000;
		   left: 50%;
		   text-align: center; }
	   
			#nav ul li {
			   display: block;
			   float: left;
			   list-style: none;
			   margin: 0;
			   padding: 0;
			   position: relative;
			   right: 50%; }
				
				#nav ul li.last { }
			   
				#nav ul li a {
					background: url(../images/nav_a_bg.png) no-repeat 0 0;
					display: block;
					float: left;
					color: #2b100f;
					text-decoration: none;
					line-height: 25px;
					padding: 0 8px; }
	   				
					#nav ul li a:hover { color: #000; }
					
					#nav ul li a.active,
					#nav ul li a.active:hover { color: #000; }

	#main {
		clear: left;
		position: relative;
		background: #000 url(../images/main_bg.jpg) no-repeat top;
		padding: 40px 140px 40px 100px;
		min-height: 520px; }
	
	#content {
		width: 380px;
		float: left; }
		
  	#extra {
  		width: 230px;
		float: right; }
  	
  	#clients { margin-bottom: 1.4em; }
  	
  		#clients .box {
  			margin-bottom: 1em; }
  	
	  	a#clients-new,
	  	a#clients-old {
	  		line-height: 1.25;
	  		display: block;
	  		padding: .5em 1.5em;
	  		text-decoration: none; }
	  		
	  		a#clients-new:hover,
		  	a#clients-old:hover {
		  		background-position: 100% 0; }
	  		
	  		a#clients-new span,
		  	a#clients-old span {
		  		display: block;
		  		font-size: 18px; }
  	
  	#how { }

  	#news {
  		line-height: 1.25;
  		/* min-height: 300px; */ }
  	
	  	#news p {
	  		margin-bottom: 1em; }
  	
	#lady {
		position: absolute;
		right: -50px;
		top: 100px;
		height: 500px;
		width: 270px;
		background-image: url(../images/lady.png);
		background-repeat: no-repeat; }
  
	#footer {
		font-size: 0.83em;
		letter-spacing: 0.1em;
		line-height: 1;
		font-weight: 500;
		color: #634d28;
		padding-top: 13px;
		text-transform: uppercase;
		text-align: center;
		background: #000 url(../images/footer_bg.png) no-repeat top;
		height: 155px; }


/* Misc classes
-------------------------------------------------------------- */

.box {
	position: relative;
	background-image: url(../images/box_bg.png);
	border: 2px solid #1c0103;
	padding: 3px 5px;
	margin-bottom: 1.4em;
	text-shadow: 1px 1px 2px #120202;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em; }
	
	#content .box { }
		
	.box-content {
		position: relative;
		z-index: 99;
		margin: 1em 1.5em; }
		
	.box h3 {
		display: block;
		line-height: 1;
		background-image: url(../images/bulletbtn_small.png)
		background-repeat: no-repeat;
		background-position: left;
		border-bottom: 1px dashed #391b1e;
		padding: 5px 5px 5px 18px; }
		
	.box .icon {
		position: absolute;
		background-repeat: no-repeat;
		top: 10px;
		right: 10px;
		height: 72px;
		width: 72px; }
		
		.box .icon.gsm {
			background-image: url(../images/icon_phone.png); }

.fm-group {
	float: left;
	width: 240px; }

.read-more {
	display: block;
	float: right;
	padding-right: 10px;
	text-decoration: none;
	background: url(../images/link_more_bg.png) no-repeat right; }

img.left  		{ float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
img.right 		{ float: right; margin: 1.5em 0 1.5em 1.5em; }

.small      	{ font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      	{ font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       	{ display: none; }

.quiet      	{ color: #666; }
.loud       	{ color: #000; }
.highlight  	{ background: #ff0; }
.added      	{ background: #060; color: #fff; }
.removed    	{ background: #900; color: #fff; }

.first      	{ margin-left: 0; padding-left: 0; }
.last       	{ margin-right: 0; padding-right: 0; }
.top        	{ margin-top: 0; padding-top: 0; }
.bottom     	{ margin-bottom: 0; padding-bottom: 0; }

.prepend-top 	{ margin-top: 1.5em; }
.append-bottom 	{ margin-bottom: 1.5em; }

hr {
	background: #391a1d;
	color: #391a1d;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 0 0 1.45em;
	border: none; }

.clearfix:after,
.box-content:after,
#page:after,
#main:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden; }
	
.clearfix,
.box-content,
#page,
#main { display: block; }

.clear { clear: both; }