/**
 * @license
 * MyFonts Webfont Build ID 2773663, 2014-03-19T16:44:46-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Trade Gothic Pro Condensed #18 by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/trade-gothic/pro-condensed-18/
 * Copyright: Copyright © 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Trade Gothic is either a registered trademark
 * Licensed pageviews: 250,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2773663
 * 
 * © 2014 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2a529f");

  
@font-face {font-family: 'TradeGothicLTPro-Cn18';src: url('../webfonts/2A529F_0_0.eot');src: url('../webfonts/2A529F_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2A529F_0_0.woff') format('woff'),url('../webfonts/2A529F_0_0.ttf') format('truetype');}
 

body {
	margin:0;
	background-color: #CCC;
	font-family:'TradeGothicLTPro-Cn18', Helvetica, sans-serif;
	color:#45545f;
	font-weight:normal;
}

a:link, a:hover, a:visited, a.active {
	color:#45545f;
	text-decoration:none;
}
a img {
	outline:none;
}

#container {
	margin:50px auto;
	position:relative;
	background-color:#ffffff;
	width: 1000px;
	height: 700px;
}
#logo {
	position:absolute;
	top:40px;
	left:40px;
	width:261px;
	height: 56px;
	z-index:99;
	clear:both;
}

#content {
	padding-left:40px;
	padding-top: 150px;
	text-size: 16px;
	line-height:20px;
	z-index:98;
	width:525px;
	position:relative;
}

#homePage .navigation a, #homePage .navigation{
	color:#45545f;
	text-decoration:none;
}

.navigation a {
	color:#ffffff;
	text-decoration:none;
}

.navigation {
	font-size:18px;
	position:absolute;
	top:258px;
	z-index:10;
	color:#ffffff;
	
}
.navigation li {
	padding-bottom:20px;
	list-style-type:none;
}
.arrowHome {
	margin-left:54px;
	width: 18px;
	float:left;	
}
.arrow {
	margin-left:670px;
	width: 18px;
	float:left;	
	
}
.nav{
	width:200px;
	float:left;
	padding-left:0;
	
}
#copyright {
	position:absolute;
	bottom:20px;
	left: 40px;
	font-size: 14px;
}
#arrowHome {
	background: url(../images/arrow.png) no-repeat;
	width: 394px;
	height: 700px;
	position: absolute;
	left: 315px;
	z-index: 2;
	top: 0px;
}
#arrow {
	background: url(../images/arrow.png) no-repeat;
	width: 394px;
	height: 700px;
	position: absolute;
	left: 500px;
	z-index: 2;
	top: 0px;
}
#bgHome {
	background: url(../images/backgrounds.jpg) no-repeat 0 0;
	width:506px;
	height:700px;
	position:absolute;
	right:0px;
	top:0px;
}
#bgAbout {
	background: url(../images/backgrounds.jpg) no-repeat -516px 0;
	width:307px;
	height:700px;
	position:absolute;
	right:0px;
	top:0px;
}
#bgPractice {
	background: url(../images/backgrounds.jpg) no-repeat -823px 0;
	width:307px;
	height:700px;
	position:absolute;
	right:0px;
	top:0px;
}
#bgContact {
	background: url(../images/backgrounds.jpg) no-repeat -1130px 0;
	width:307px;
	height:700px;
	position:absolute;
	right:0px;
	top:0px;
}
#bgCredits {
	background: url(../images/backgrounds.jpg) no-repeat -1437px 0;
	width:307px;
	height:700px;
	position:absolute;
	right:0px;
	top:0px;
}

.home, .about, .practice, .contact {
	visibility:hidden;
}

#homePage .home, #aboutPage .about, #practicePage .practice, #contactPage .contact {
	visibility:visible;
}

.david {
	padding-right:10px;
	padding-bottom:10px;
	float:left;
}
#practicePage #content {
	font-size:18px;
	line-height:32px;
	padding-left:112px;
	padding-top: 160px;
}
#contactPage #content, #creditPage #content {
	font-size:18px;
	line-height:28px;
	padding-left:112px;
	padding-top: 240px;
}