/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Please use the structure in place 
	for all additional CSS elements.
	For new builds, tweak current
	values before continuing.. thx G
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.4em tahoma, helvetica, arial, sans-serif;
		color: #073652;
		line-height: normal;
	}
	
	body {
		margin: 0;
		padding:0;
		background:#abc4d3 url(../images/bg_body.jpg) repeat-x top left;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	/* Default link styling */
	a {
		color: #073652;
		text-decoration: none;
		font-weight:bold;
		text-transform:lowercase;
	}
	a:hover, a.current {
		color:#3d88b5;
	}
	
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin: 0 30px 20px 0;
	}
	
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin: 0 0 20px 30px;
	}
	.clearR {
		clear:right;
	}
	.clearL {
		clear:left;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		width:976px;
		margin:0 auto;
	}
	#innerwrap {
		background:#fefefe url(../images/bg_innerwrap.jpg) no-repeat bottom center;
		float:left;
		width:100%;
	}
	#footer, #header, #pageBody, #clients {
		float:left;
		width:100%;
	}
	#column {
		float:left;
		width:168px;
		padding:15px;
		margin-bottom:100px;
	}
	#content {
		float:left;
		width:568px;
		margin-left:180px;
		line-height:150%;
		font-size:120%;
		padding-right:30px;
		padding-bottom:50px;
	}
	#clients {
		height:181px;
		padding:20px;
		width:936px;
	}
	#pageBody {
		/*background:url(../images/bg_pageBody.gif) no-repeat;
		background-position:bottom center;*/
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #666;
	}	
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	.phoneNumber {
		padding-right:185px;
		margin-right:20px;
		margin-top:20px;
		background:transparent url(../images/bg_phoneNumber.gif) no-repeat right center;
		line-height:21px;
		text-align:right;
	}
	h1, h2, h3, h4 {
		color: #***;
		line-height: normal;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	h1 a {
		/* This should be the main title of the content (SEO)*/
		display:block;
		height:140px;
		width:198px;
		background:url(../images/logo_main.gif) no-repeat center top;
		text-indent:-1000px;
		overflow:hidden;
		float:left;
		margin:0;
	}
	
	
	h2 {
		float:left;
		font-family:"MyriadPro Light", Arial, sans-serif;
		letter-spacing:-1px;
		font-weight:normal;
		font-size:350%;
		margin-left:180px;
		margin-top:25px;
	}
	
	h3 {
		font-size:200%;
		font-weight:normal;
	}
	
	h4 {
		text-transform:lowercase;
		color:#fff;
		font-size:150%;
		font-weight:normal;
		font-style:italic;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* NAV STYLES  */
	#nav {
		list-style:none;
		padding:0;
		margin:15px 0;
	}
	#nav li a {
		display:block;
		padding:8px 10px;
		background:transparent url(../images/nav_bullet.gif) no-repeat left center;
		padding-left:16px;
		border-bottom:1px solid #708592;
		text-transform:capitalize;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	.horizSplit {
		height:230px;
	}
	.horizSplit img {
		border:1px solid #708592;
	}
	.horizSplit li {
		margin:15px 0;
	}
	
	.highlight {
		color:#9d0c15;
	}
	.cta p {
		color:#9d0c15;
		font-weight:bold;
		font-size:140%;
		margin-bottom:5px;
		text-transform:lowercase;
		font-style:italic;
	}
	.cta p a {
		font-size:70%;
		margin:5px 0;
		font-style:normal;
	}
	#content h4 {
		color:#9d0c15;
		margin:0;
		font-style:normal;
		font-size:100%;
		text-transform:capitalize;
		font-weight:bold;
	}
	#flash {
		float:right;
		position:relative;
		top:-150px;
	}
	#clientLogos img {
		vertical-align:middle;
		margin-right:16px;
		margin-bottom:2px;
	}
	#clientLogos p {
		text-align:right;
	}
	#clientLogos p a {
		margin-right:30px;
	}
	#allClients img {
		margin:15px;
		vertical-align:middle;
	}
	#content ul {
		padding-left:10px;
		margin-left:10px;
	}
	#content ul li {
		list-style:none;
		padding:7px 0 7px 40px;
		background:url(../images/bullet.gif) no-repeat left center;
	}
	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	.keyLine {
		border:1px solid #708592;
	}
	.shoeImage {
		position:relative;
		bottom:120px;
	}
	.getInTouch {
		position:relative;
		bottom:90px;
		top:50px;
	}
	.footerImg {
		position:relative;
		top:20px;
	}
	.pageFooter {
		position:relative;
		top:100px;
	}
	#footer p {
		text-align:right;
		margin:20px 15px;
	}
	#footer a {
		font-weight:normal;
		font-size:90%;
	}