@charset "UTF-8";
body
{
	background-color: #181818;
	background-image: url("images/background.png");
	background-position: top center;
	background-repeat: no-repeat;
	border-top: medium solid #0085c7;
	margin: 0em;
}
.topRightWave{
	z-index: -1;
	right: 0em;
	position: absolute;	
}
.bottomLeftWave{
	z-index: -1;
	left: 5em;
	top: 24.7em;
	position: absolute;
}
.topLeftWave{
	z-index: -1;
	top: 8em;
	position: absolute;	
}.topRight{
	position: absolute;	
}
@font-face
{
	font-family: "TrajanPro-Regular";
	src: url('fonts/TrajanPro-Regular.woff');
}
@font-face
{
	font-family: "AppleSDGothicNeo";
	src:url(fonts/AppleSDGothicNeo-Thin.otf);
}
h2
{
	color: #444;
	font-family: "TrajanPro-Regular";
	font-size: 1.4em;
	font-weight: lighter;
	margin: 0em;
}
h3
{
	letter-spacing: .08em;
	color: #626262;
	font-family: /*AppleSDGothicNeo,*/ Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: lighter;
	margin: 0 0 1em;
}
.rightJustified
{
	clear: right;
	float: right;
}
.leftJustified
{
	clear: left;
	float: left;
}
.contactSpacing{
	letter-spacing: .1em;	
}
.contactSize
{
	font-family: "Trajan Pro", "Times New Roman", serif;
	line-height: 1.6em;
	font-size: 1.2em;
}
.email{
	margin: 0 0 0 2em;
	font-weight: lighter;
	color: #ccc;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: lighter;
	letter-spacing: 0.03em;
	line-height: 1.3em;
}
.phone
{
	color: white;
	float: right;
	font-family: "Trajan Pro";
	font-size: 1em;
	letter-spacing: 0.1em;
	margin: 2.5em 0 0 0;
	text-align: right;
}
.wrapper
{
	margin: 1em auto;
	width: 60em;
}
.logo
{
	margin: 0em auto 1em;
	width: 17.5em;
}
.bottomWrapper
{
	margin: 1em auto;
	width: 60em;
}
.nav
{
	background-image: url("images/navbg.png");
	background-repeat: no-repeat;
	color: #626262;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: lighter;
	height: 2.5em;
	margin-bottom: 1em;
	margin-left: -0.75em;
	width: 104%;
}
.nav ul
{
	float: left;
	height: 1em;
	margin: .7em 1em 0 0.5em;
}
.nav li
{
	padding: .3em .2em .3em .1em;
	display: inline;
	list-style: none;
	margin: .4em .5em;
}
a
{
	color: #afafaf;
	text-decoration: none;
}
.nav .home{
	height: 25px;
	width: 50px;	
}

.nav .contact{
	height: 25px;
	width: 110px;
}
.nav .home:hover {
	color: #e3e3e3;
	height: 25px;
	width: 50px;
}

.nav .services:hover{
	color: #e3e3e3;
	height: 25px;
	width: 100px;
}

.nav .contact:hover {
	color: #e3e3e3;
	height: 25px;
	width: 100px;
}

.header
{
	margin-bottom: 2em;
}
.whiteContent
{
	background-color: white;
	height: 18em;
	width: 100%;
}
.mainContent
{
	margin: 0em auto;
	width: 60em;
}
.mainContent div
{
	float: left;
	margin: 1.5em;
	width: 17em;
}
.columnOne p
{
	color: #626262;
	font-family: Arial, Helvetica, sans-serif;
}
.address
{
	font-size: 1.5em;
	text-align: center;
}

.columnOne h1
{
	font-size: 1.5em;
	margin: 0;
}
.marginBottom
{
	margin-top: 1em;
}
.mainContent p
{
	line-height: 1.4em;
	color: #4f4f4f;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	font-weight: lighter;
	margin: 0 0 1em 0;
}
.mainContent img
{
	margin: 1em 0 1em 0;
}
.mainContent a:hover
{
	color: #181818;
}
#address{
	font-family: Trajan Pro;
	text-align: center;
	font-size: 1.2em;	
}
.bold{
	font-weight: bold;
}
.contactHeading{
	margin-bottom: 1em;	
}
.bottomWrapper h2
{
	color: #ccc;
	float: left;
	margin: .5em 0em;
}
.bottomWrapper p
{
	color: #ccc;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: lighter;
	letter-spacing: 0.03em;
	line-height: 1.3em;
	margin-top: 0;
	width: 42em;
}

.whatsNew{
	margin-bottom: 1em;
}

.whatsNewImg{
	clear: both;
	margin: 1em 1em 2em;
	border: solid white medium;
	float: left;
}

.whatsNew p{
	margin: 1em 0em 0em 2em;	
}

.servicesImg
{
	border: solid white medium;
	float: left;
	margin: 0.9em 1em 2em;
}

#googleMaps{
	float: left;
	height: 350px;
	padding: 0em 1em 1em 1em;
	width: 425px;
}

.rightContent{
	width: 30em;
	float: left;}

#bottomP{
	width: 50%;	
}

.bottomNav
{
	clear: both;
	width: 100%;
}
.bottomNav
{
	background-color: #333;
	border-bottom: solid thin #666;
	border-top: solid thin #666;
	height: 3em;
}
.bottomNav ul
{
	margin: 0 auto;
	width: 28em;
}
.bottomNav li
{
	color: #666;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 1em 2em 0 2em;
}
.bottomNav a:hover, .bottomHover a:active{
	color:#fff;	
}
.footer p
{
	color: #666666;
	font-family: Arial;
	font-size: 0.7em;
	font-weight: lighter;
	letter-spacing: 0.04em;
	text-align: center;
}

/*collapsing list*/
#listContainer{
  margin-top:15px;
  	clear: right;
	color: #ccc;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: lighter;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	/*list-style-image:url(images/tick.png);*/
	margin: 0 0 1em 2em;
	width: 38em;
}
 
#expList ul, li {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;
}
#expList p {
    margin:0;
    display:block;
}
#expList p:hover {
    background-color:#121212;
}
#expList li {
    line-height:140%;
    text-indent:0px;
    background-position: 1px 8px;
    padding-left: 20px;
    background-repeat: no-repeat;
}

#expList .collapsed{
	background-image:url(images/collapsed.png);
}

#expList .expanded{
	background-image: url(images/expanded.png);
}