@charset "utf-8";

* {
margin: 0;
padding: 0;
}

body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, form, p {
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

p {
font-size: 11px;
}

h3 {
font-size: 14px;
}

h2 {
font-size: 18px;
}

h1 {
font-size: 24px;
}

body {
background-image:url('../images/wood2.jpg');
background-position: top;
background-color: #601E10;
padding-top: 20px;
padding-bottom: 20px;
}

#wrapper {
width: 980px;
margin: auto;
background-color: #fdfbcc;
border: 5px solid white;
overflow: hidden;
position: relative;
}


/* **************  HEADER  **************** */

#header {
background-color: blue;
width: 980px;
height: 33px;
background-color: #326556;
border-top: 5px solid #3A7D88;
overflow: hidden;
}

#header ul {
list-style: none;
float: right;
}

#header li {
display: inline;
}

#header a{
font: Arial, Helvetica;
color: white;
text-decoration: none;
line-height: 33px;
font-size: 16px;
font-weight: bold;
padding-right: 2.2em;
padding-left: 2.2em;
padding-top: 3px;
padding-bottom: 3px;
border-left: 2px solid white;
}

.active{
background-color: #0C3F2E;
}

#header a:hover {
text-decoration: underline;
}


/* **************  CONTENT  **************** */

#content {
width: 980px;
background:url('../images/wood-background.jpg') no-repeat;
float: left;
overflow: hidden;
}


/* **************  SIDEBAR  **************** */

#sidebar {
color: black;
float: left;
width: 345px;
overflow: hidden;
text-align: center;

}

#sidebar  p {
text-align: left;
color: #CF1A0C;
padding: 0px 30px 0px 30px;
font-size: 18px;
}

#sidebar ul {
text-align: left;
color: #CF1A0C;
padding: 0px 30px 20px 50px;
font-size: 18px;
list-style-type: square;
}

#info {
padding-top: 190px; /* distance of sidebar info from bottom of logo */
}

#info-index {
text-align: center;
padding-top: 190px; /* distance of sidebar info from bottom of logo */
padding-bottom: 0px; /* bottom padding of index sidebar */
}

#info-index p {
font-size: 19px;
padding-bottom: 25px; /* bottom padding of main column of index */
}

#info-portfolio {
padding-top: 190px; /* distance of sidebar info from bottom of logo */
}

#script {
	width: 258px; height: 34px;
	display: block;
	background: url("../images/script2.png");
	text-indent: -9999px;
}

.sideimage {
padding-bottom: 20px;
}

#logo {
position: absolute;
top: 15px;
left: 11px;
z-index: 25;
}


/* **************  MAIN  **************** */

#main {
width: 630px;
overflow: hidden;
float: right;
}

#main h1 {
color: #508F7C;
padding: 50px 0px 30px 0px;
font-size: 30px;
}

#maintext {
padding-top: 20px;
padding-bottom: 20px;
}

#maintext p {
font-size: 15px;
padding-bottom: 10px;
padding-right: 10px;
}

#indextext {
padding-bottom: 10px;
}

#indextext p {
font-size: 15px;
padding-bottom: 10px;
}

#column1 {
width: 450px;
float: left;
padding-left: 30px;
padding-bottom: 10px;
}

#column2 {
width: 450px;
float: right;
padding-right: 25px;
padding-bottom: 10px;
}

/* **************  FOOTER  **************** */
#footer {
clear: both;
width: 100%;
height: 38px;
color: white;
text-align: center;
background-color: #326556;
float: none;
}

#footer p{
line-height: 38px;
letter-spacing: 1px;
}

#flyspec {
padding-top: 10px;
text-align: center;
color: #FFF8C1;
}

#flyspec a {
color: #FFF8C1;
}

#flyspec a:hover {
color: yellow;
}

/* **************  PORTFOLIO  **************** */

.category {
overflow: hidden;
width: 632px;
padding-bottom: 30px;
}

.category  img{
width: 200px;
float: left;
}

.category  h3{
padding-left: 215px;
padding-bottom: 10px;
color: #0B263A;
}

.category  p {
padding-left: 215px;
padding-right: 20px;
color: #0B263A;
}

.category  img {
border-style: none;
}


/* **************  PORTFOLIO THUMBNAIL POPUPS  **************** */

#portfolio {
width: 980px;
height: 470px;
background:url('../images/wood-background.jpg') no-repeat;
position: relative;
}

#portfolio-logo {
position: absolute;
top: -23px;
left: 11px;
z-index: 1;
}

#portfolio img {
float: right;
}

#grid {
width: 330px;
height: 340px;
position: absolute;
top: 211px; /* this is the height of the thumbnail grid */
left: 10px;
}

#grid img {
padding: 3px;
float: none;
}


.thumbnail{
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
border-width: 0;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -213px; /* height of large image */
left: 337px; /*position where enlarged image should offset horizontally */
}



/* **************  SERVICES  **************** */

.service {
overflow: hidden;
width: 632px;
padding-bottom: 30px;
}

.service img{
width: 90px;
float: left;
}

.service h3{
padding-left: 110px;
padding-bottom: 3px;
color: #0B263A;
}

.service p {
padding-left: 110px;
padding-right: 20px;
color: #0B263A;
}



/* **************  ABOUT US  **************** */

.about {
overflow: hidden;
width: 632px;
padding-bottom: 10px;
}

.about img{
float: right;
padding: 10px 30px 10px 20px;
}

.about h3{
padding-bottom: 3px;
padding-top: 10px;
color: #0B263A;
}

.about p {
padding-right: 20px;
color: #0B263A;
padding-bottom: 10px;
font-size: 16px;
}

.nofloat img {
padding: 10px 0px;
float: none;
}


/* **************  CONTACT US  **************** */

.contact h3 {
font-size: 22px;
}

.contact p {
font-size: 18px;
padding: 5px 0px;
}