@import url('reset.css');
@import url('baseforms.css');

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

body {
  background: #393939 url('../images/core/bg.gif') 0 0 no-repeat;
  font: 12px/20px Arial, Verdana, Tahoma;
  color: #333;
}

#container {
  width: 900px;
  margin: 10px auto 0; 
  background: #fff;
}

#header {
  width: 900px;
  height: 393px;
  background: url('../images/core/header-background.jpg');
  position: relative;
}

#header img#logo {
  position: absolute;
  top: 15px;
  left: 15px;
}


/*  =cta buttons
*****************************************/
#header div.cta {
  width: 201px;
  height: 87px;
  position: absolute;
  left: 22px;
}

#header div.cta a {
  display: block;
  text-indent: -999em;
  height: 87px;
}

#header div.cta#free_quote {top: 196px;}
#header div.cta#free_quote a {background: url('../images/core/cta-freequote.jpg') 0 0 no-repeat;}
#header div.cta#view_gallery {bottom: 9px;}
#header div.cta#view_gallery a {background: url('../images/core/cta-viewgallery.jpg') 0 0 no-repeat;}

#header div.cta a:hover {background-position: -201px 0 !important;}


/*  =flash
*****************************************/
#header div#banner {
  width: 643px;
  height: 243px;
  position: absolute;
  right: 25px;
  bottom: 9px;
  background: #fff;
}

#header div#banner div#pics {
  position: relative;
  width: 643px;
  height: 243px;
  overflow: hidden;
}


/*  =nav
*****************************************/
#header div#navigation {
  position: absolute;
  right:16px;
  top:81px;
}

#header div#navigation ul li {float: left; display: inline;}

#header div#navigation ul li a {
  display: block;
  height: 50px;
  text-indent: -999em;
}

#header div#navigation ul li a#nav-home {background: url('../images/nav/nav-home.png'); width: 64px;}
#header div#navigation ul li a#nav-profile {background: url('../images/nav/nav-profile.png'); width: 72px;}
#header div#navigation ul li a#nav-testimonials {background: url('../images/nav/nav-testimonials.png'); width: 105px;}
#header div#navigation ul li a#nav-folio {background: url('../images/nav/nav-folio.png'); width: 144px;}
#header div#navigation ul li a#nav-services {background: url('../images/nav/nav-services.png'); width: 78px;}
#header div#navigation ul li a#nav-contact {background: url('../images/nav/nav-contact.png'); width: 96px;}

#header div#navigation ul li a:hover {background-position: 0 -50px !important;}


/*  =content
*****************************************/
#content {
  width: 870px;
  margin: 0 auto;
  clear: both;
  display: block;
}

#content div.block {
  padding: 15px;
  border: 1px solid #b4b4b4;
  background: #edebeb;
  float: left;
  display: inline;
  margin: 17px 0;
}

#content div#primary {
  width: 628px;
  margin-right: 15px;
}

#content div#primary h1 {
  color: #303392;
  font-size: 24px;
  line-height: 24px;
}

#content div#primary h2 {
  padding: 10px 0 0;
  font-size: 18px;
  line-height: 18px;
  border-bottom: 1px solid #ccc;
}

#content div#primary h3,
#content div#primary h4,
#content div#primary h5 {
  padding: 5px 0 0;
  font-size: 14px;  
}

#content div#primary p {
  margin: 13px 0;
}

#content div#primary a {color: #303392;}
#content div#primary a:hover {text-decoration: none;}

#content div#primary ul {
  margin: 20px;
  list-style: square;
}

#content div#primary ul.gallery {
  margin: 0 0 20px;
  list-style: none;
	display: inline-block;
	width: 100%;
}

#content div#primary ul.gallery li {
  width: 150px;
  height: 150px;
  overflow: hidden;
  float: left;
  display: inline;
  margin: 10px 3px;
}

#content div#primary iframe {margin: 15px 0 0;}

#content div#secondary {
  width: 150px;
}



/*  =footer
*****************************************/
#footer {
  background: #2f3291;
  color: #a7a7a7;
  width: 100%;
}

#footer div.content {
  width: 900px;
  margin: 0 auto;
  font-size: 10px;
  line-height: 20px;
}

#footer div.content p {
  float: left;
  display: inline;
  margin: 18px 0 0 20px;
}

#footer div.content img#affiliates {
  float: left;
  display: inline;
  margin: 20px 0 0;
}

#footer div.content img#webfirm {
  float: right;
  display: inline;
  margin: 20px 0 0;
}

#footer div.content a {color: #fff; text-decoration: none;}



/* cssstickyfooter.com */
html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}
#container {padding-bottom: 90px;}  /* must be same height as the footer */
#footer {position: relative;
	margin-top: -70px; /* negative value of footer height */
	height: 70px;
	clear:both;}