/*
=Colors
Header BG: c2dbed
Dark Blue:  255070
Borders:    cccccc
*/

/*
=Global
*/
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
  margin:0;
  padding:0;
}

body {
  padding:0;
  color:#444;
  font:76%/1.5 "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
  background:#eee url(../images/body-bg.jpg) repeat-x;
}

img {border:0;}
p  {margin:10px 0}
h1 {font-size:1.4em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:1em;}

/*
=Links
*/
a:link, a:visited {
  border-bottom:1px dotted;
  color:#AE4F0C;
  font-weight:bold;
  text-decoration:none;
}
a:visited {color:#333}
a:hover, a:focus, a:active {
  border-bottom-style:solid;
  color:#D03900;
}
a:focus, a:active {background:#ffc}

/*
=Header
*/
#header {background:#c2dbed;}
#header a {border-bottom:0;}
#logo {float:left; border:0;}
#flashHeader {float:left; margin:0 0 0 50px;}

/*
=Navigation
*/
#nav {
  clear:both;
  padding-top:3px;
}
#nav ul {
  float:left;
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
  background:#255070 url(../images/nav-tab.jpg) repeat-x;
}
#nav li {
  display:inline;
  margin:0;
  padding:0;
}
#nav a {
  display:block;
  float:left;
  width:auto;
  margin:0;
  padding:0 16px;
  border-right:1px solid #255070;
  border-bottom:none;
  border-left:1px solid #c2dbed;
  color:#fff;
  background:#255070 url(../images/nav-tab.jpg) repeat-x;
  font:bold 1.1em/2.5 "Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:1px;
}
#nav a:hover,
#nav a:focus,
#nav a:active { background:#255070 url(../images/nav-tab.jpg) repeat-x 0 -150px}
#nav .sel a { background:#255070 url(../images/nav-tab.jpg) repeat-x 0 -300px}
#nav .sel a:focus { background:#255070 url(../images/nav-tab.jpg) repeat-x 0 -150px}

/*
=Main Layout
*/
#wrap {
  position:relative;
  /*min-width:600px;*/
  width:860px;
  margin:0 auto;
  padding:5px 5px 0;
  background:#fff;
  border:1px solid #ddd;
  border-top:0;
}

#hpContent {margin:0 40px;}
#hpContent .halfBox {
  width:370px;
  text-align:left;
  float:left;
  margin:0 0 10px 10px;
}
#hpContent .halfBox h3 {border-bottom:1px dashed #ccc; margin:0 30px 0 0;}

#slideshow {height:250px; width:750px; padding:2px; margin:10px 0 15px 0; border:1px solid #ccc;}
#slideshow img {border:0 !important; padding:0 !important;}

#footer {text-align:center; border-top:1px dashed #ccc; padding:7px; font-size:.9em;}

#content {padding:10px;}
#content img {padding:2px; border:1px solid #ddd; background:#fff;}
#content h1.title {text-align:center; margin:0 0 10px 0; font-size:1.6em; color:#255070; text-transform:uppercase; }

.contentBox {border-top:1px dashed #ccc; padding:10px 0;}
.contentBox p {margin-left:10px;}
.contentBox h2 {font-style:italic; font-size:1.4em;}

.centerContentBox {margin:0 auto; width:425px;}

#services li {
  margin:7px 0 0 25px;
  padding:0px 0 0 20px;
  font-weight:bold;
  font-size:1.1em;
  list-style:none;
  background:url(../images/checkbox.jpg) no-repeat top left;
}
#services li li {
  font-size:1em;
  font-weight:normal;
  list-style:square;
  margin:0 0 0 20px;
  padding:0;
  background:none;
}

#gallery a:link {border:0;}
#gallery a:hover img {border:1px solid;}
#gallery img {margin:5px 20px;}
#gallery h2 {margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px dashed #ccc;}

#emailForm h4 {margin:10px 0 0 0;}
#emailForm .error {color:red; border:1px solid; text-align:center; margin:5px 0; padding:5px; width:350px;}

#linkDirectory img {border:0}
#linkDirectory a {border:0}
/*
=Misc.
*/
.clearfix:after {
  display:block;
  visibility:hidden;
  clear:both;
  height:0;
  content:".";
}
.clearfix {display:inline-block}
.clearfix {display:block}
.clear {height:0; line-height:0; font-size:0; clear:both;}
.left {float:left;}
.right {float:right;}
.nofloat {float:0;}
.notice {color:red !important;}
.bold {font-weight:bold;}
.italic {font-style:italic}
img.right {margin-left:10px}
img.left {margin-right:10px}
.centertext {text-align:center}
.noborder {border:0 !important}

#scratedesign-tout {
  width: 860px;
  text-align: right;
  color: #666;
  margin: 10px auto;
  padding: 0 5px;
  font: bold 12px Arial;
  letter-spacing: 1px;
}

#scratedesign-tout a {
  color: #922C2A;
  border-bottom: 1px dotted;

}

#scratedesign-tout a:hover {
  border-bottom: 1px solid;
}