/*----------
	Focus For A Change - CSS Document 
----------*/

@import url("reset.css");
@import url("cmxform.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #222222;
  background: #373737 url(../images/core/bg.jpg) repeat-x;
	font: 62.5%/2.2em Verdana, Arial, Helvetica, sans-serif;
}

#container {
  width: 940px;
  margin: 0 auto;
  font-size: 1.3em;
}

#content {
  background-color: #ffffff;
}

#column-left {
  float: left;
  width: 210px;
  background: url(../images/core/divider.gif) no-repeat right top;
}

#column-right {
  float: right;
  width: 698px;
}

#text {
  width: 670px;
  margin: 20px auto;
}


/*----------	CoMMoN STYLeS	----------*/
a { color: #BF9900; text-decoration: underline; }
a:hover { text-decoration: none; }
img { border: none; }
h1, h2, h3 { padding-bottom: 1em; font-weight: normal;}
h1 { font-size: 1.8em;}
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; color: #C88550;font-weight: bold; }
h4 { font-size: 1.1em; font-weight: bold; }
strong { font-weight: bold; }
em { font-style: italic;}
hr { border: none; border-bottom: 1px solid #D6D6D6; margin: 10px; }
p { margin: 0px 0px 20px 0px; }
ul { margin: 0 0 10px 30px; list-style-type: square; }
ul.pdf-list { margin: 0; list-style-type: none !important; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.orange { color: #C88550; }
.black { color: #222222; }
.grey, .grey a { color: #787878; text-decoration: none; }
.grey a:hover { color: #BF9900; text-decoration: underline; }
.top { border-top: 1px solid #D6D6D6; text-align: right; font-size: 0.9em; margin: 10px 15px 0; }
.grey-bg { width: 530px; background-color: #e9e9e9; border: 1px solid #dadada; display: block; padding: 20px; margin: 0 0 2em 3em;  }
.grey-bg h3 { padding-bottom: 0.5em; text-align: center!important; }

a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 25px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 25px;}
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 25px;}

#mudmap { margin: 10px; float: right; width: 250px; font-size: 0.9em; }
img.inner_photos { float: right; margin: 10px; }

table.format { margin-bottom: 10px;}

table.format td {
	padding-bottom: 10px;
}

.spacer {
	padding-left: 35px;
}

.orange {
 font-weight: bold;
 color: #d67629;
}

.center-text{
	text-align:center;
	display:block;
}	

.tick {
	width: 14px;
	height: 14px;
	background: url('../images/core/icon-tick.gif') 0 0 no-repeat;
	display: inline-block;
}

.question {
	width: 14px;
	height: 14px;
	background: url('../images/core/icon-question.gif') 0 0 no-repeat;
	display: inline-block;
}

#submit-form {
	border-top: 1px dashed #c3c3c3;
	padding: 15px 0;
}

/*----------	HeaDeR STYLeS	----------*/
#header {
  width: 940px;
  height: 132px;
  position: relative;
  background-color: #ffffff;
}

#header img#logo { position: absolute; top: 25px; left: 27px; }
#header img#phone { position: absolute; top: 45px; right: 30px; }


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav {
  height: 45px;
  padding-top: 7px;
  background: #4E4E4E url(../images/core/nav-bg.jpg) no-repeat top;
}
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left; }
#nav ul li a { display: block; height: 45px; text-indent: -9999px; }
#nav ul li a:hover { background-position: 0 -45px !important; }
#nav li#home a { background: url(../images/nav/home.gif) no-repeat; width: 89px; }
#nav li#services a { background: url(../images/nav/services.gif) no-repeat; width: 135px; }
#nav li#portfolio a { background: url(../images/nav/portfolio.gif) no-repeat; width: 113px; }
#nav li#why a { background: url(../images/nav/faqs.gif) no-repeat; width: 110px; }
#nav li#info a { background: url(../images/nav/links.gif) no-repeat; width: 206px; }
#nav li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 97px; }

#p-home li#home a, #p-services li#services a, #p-portfolio li#portfolio a, #p-why li#why a, #p-info li#info a, #p-contact li#contact a {
  background-position: 0 -45px !important;
}

/*----------	BaNNeR STYLeS	----------*/
#banner { position: relative; width: 940px; height: 280px; background-color: #000000; }

#flash { width: 707px; position: absolute; top: 0; left: 0; height: 280px; overflow: hidden; }


/*----------	CTa STYLeS	----------*/
#cta3, #cta2 { font-size: 0.9em; position: absolute; color: #FFFFFF; }
/*#cta1 a, #cta2 a, #cta3 a { color: #D67629; }*/
#cta3 { top: 20px; left: 715px; }
#cta1 h3 {font-size:22px;}
#cta3 h3 { font-size: 14px; padding-bottom: 0.5em; }
#cta1 h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#cta1 p {font-size:11px;}
#cta2 { top: 180px; left: 715px; }

#cta1 #guarantee { display: none; }

/*----------	CoNTaCT DeTaILS STYLeS	----------*/
#details { font-size: 12px; padding: 20px 20px; }

#flash02 {width:215px; height:128px; overflow:hidden;}


/*----------	FooTeR STYLeS	----------*/
#footer { font-size: 0.8em; background-color: #000000; height: 23px; color: #777; padding: 15px; }
#footer a { color: #777; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer #f-links { float: left; margin: 0 20px 0 10px; }
#footer #copyright { float: left; width: 290px; display: block; }
#footer img#wflogo { float: right; }


/*----------	Misc	----------*/
div#gallery { 
  width: 670px;
	margin-bottom: 20px;
	float: left;
}

div#gallery ul.gallery-list {
	list-style-type: none;
	margin: 0;
}

div#gallery ul li {
	display: inline;
	padding: 0 10px;
	float: left;
}

div#gallery ul li a img {
	border: 5px solid #c3c3c3;
}

div#gallery ul li a:hover img {
	border: 5px solid #d67629;
}

ul#images-home{
	padding:0;
	margin:0;
}

ul#images-home li{
	display: inline;
	float: left;		
	list-style:none;
	margin:0;
	padding:0 15px 0 0;
}

#signup { margin-bottom: 1em; }