/*Code by J. Derek Howard. Copyright 2009*/

/*General setup*/

BODY  {
background-image: url("/Images/bkg.jpg") ;
background-repeat:no-repeat;
background-position: top ;
background-color: #0f0e0c ;
margin: auto ;
margin-left: auto ;
margin-right: auto ;
}

a {
text-decoration:none;
border:none;
color: #c19613;
}

a:hover {
text-decoration:underline;
}

a:active {
text-decoration:none;
border:none;
color: #c19613;
}

img a {
border:solid ;
border-color : #533b1d ;
border-width: 2px ;
}

#header {
background-image: url("/Images/Header.jpg") ;
width: 1024px ;
height: 161px ;
margin-left: auto ;
margin-right: auto ;
}

#footernew {
width: 760px ;
height: 35px ;
font-family:Arial, Helvetica, sans-serif;
color: #9c9a95 ;
font-size:10px ;
text-align:center;
margin-left: auto ;
margin-right: auto ;
}

#footerdivider {
background-image: url("/Images/footerline.png");
height:8px;
width:760px;
margin-left: auto ;
margin-right: auto ;
margin-top: 40px ;
}

#footertext {
float:left;
height:12px;
width:200px;
margin-top:10px;
margin-bottom:10px;
}

.footervalid {
width:280px;
height:35px;
float:left;
}

.footervalid img {
text-decoration:none;
border:none;
}


/* Navigation menu */

#nav {
background-image: url("/Images/nav.jpg") ;
width: 1024px;
height: 34px ;
margin-left: auto ;
margin-right: auto ;
margin-bottom: 40px ;
}

#nav ul {
list-style-type: none ;
margin: 0 0 0 239px;
padding: 0;
}

#nav li {
float:left;
text-align: center;
}

.home a {
width: 82px ;
height: 34px ;
display: block;
}

.home a:hover {
background-image: url("/Images/home.jpg");
width: 82px ;
height: 34px ;
}

.about a {
width: 92px ;
height: 34px ;
display: block;
}

.about a:hover {
background-image: url("/Images/about.jpg");
width: 92px ;
height: 34px ;
}

.services a {
width: 104px ;
height: 34px ;
display: block;
}

.services a:hover {
background-image: url("/Images/Services.jpg");
width: 104px ;
height: 34px ;
}

.portfolio a {
width: 129px ;
height: 34px ;
display: block;
}

.portfolio a:hover {
background-image: url("/Images/portfolio.jpg");
width: 129px ;
height: 34px ;
}

.contact a {
width: 112px ;
height: 34px ;
display: block;
}

.contact a:hover {
background-image: url("/Images/contact.jpg");
width: 112px ;
height: 34px ;
}

/* Areas for Multiple Pages */

.flashbanner {
width: 746px;
height: 230px;
font-family:Arial, Helvetica, sans-serif;
color: #9c9a95 ;
font-size:14px ;
margin-left: auto ;
margin-right: auto ;
margin-bottom: 35px;
}

.quotecontainter {
width:814px;
height:140px;
margin-left: auto ;
margin-right: auto ;
}

.quoteblock {
float:left;
width: 250px;
height: 140px;
font-family:Arial, Helvetica, sans-serif;
color: #9c9a95 ;
font-size:14px ;
}

.quoteblock img {
border:solid ;
border-color : #533b1d ;
border-width: 2px ;
margin-top:10px;
margin-left: 25px;
}

.quotedivide {
float: left;
clear: right;
background-image: url("/Images/testimonial_divider.png");
width:32px;
height:159px;
}

.quoteblock a {
font-size:12px;
color: #c19613;
}

.quoteblock a:hover {
text-decoration:underline;
}

/* Section for the Home page */

#homecontainertitle {
width: 762px;
height: 36px ;
margin-left: auto ;
margin-right: auto ;
}

#homecontainer {
height: 160px;
width:762px;
margin-left: auto ;
margin-right: auto ;
}

#welcometext {
font-family:Arial, Helvetica, sans-serif;
color: #9c9a95 ;
font-size:14px ;
float:left;
clear: left;
width: 520px ;
height: 160px;
margin-left: auto ;
}

#welcometitle {
background-image: url("/Images/welcomeheader.png");
background-repeat:no-repeat;
float:left;
clear: left;
width: 520px ;
height: 36px;
margin-left: auto ;
margin-right: 32px;
}

#welcomeservices {
float: right;
clear: right;
width: 210px ;
height: 160px;
text-align:center;
margin-left: auto ;
margin-right: auto ;
}

#welcomeservices ul {
list-style: circle;
list-style-position:inside;
width:200px;
margin: 0 ;
padding-top:10px;
padding-left:20px;
}

#welcomeservices a {
text-decoration:none;
border:none;
color: #666666;
}

#welcomeservices li {
list-style-image: url("Images/bulletpoint.png");
text-align:left;
margin-bottom: 20px;
}

#welcomeservicestitle {
background-image: url("/Images/servicesheader.png");
background-repeat:no-repeat;
float: left;
clear: right;
width: 210px ;
height: 36px;
margin-left: auto ;
margin-right: auto ;
}

/* Section for About Page */

#aboutcontainertitle {
width: 762px;
height: 36px ;
margin-left: auto ;
margin-right: auto ;
}

#aboutcontainer {
height: 320px;
width:762px;
margin-left: auto ;
margin-right: auto ;
}

#aboutinfotitle {
background-image: url("/Images/aboutheader.png");
background-repeat:no-repeat;
float:left;
clear: left;
width: 520px ;
height: 36px;
margin-left: auto ;
margin-right: 32px;
}

#aboutinfo {
float:left;
clear: left;
font-family:Arial, Helvetica, sans-serif;
color: #9c9a95 ;
font-size:14px ;
width: 520px ;
height: 320px ;
margin-left: auto ;
margin-right: auto ;
}

#aboutinfo a {
font-size:12px;
color: #c19613;
}

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

#aboutinfo img {
border:solid ;
border-color : #533b1d ;
border-width: 2px ;
margin-top:20px;
margin-left: 10px;
}

#aboutinfopic {
width:180px;
height:320px;
float:left;
}

#aboutinfotext {
width:335px;
height:320px;
float: left;
clear: right;
}

#aboutdivider {
float: left;
clear: right;
background-image: url("/Images/testimonial_divider.png");
width: 32px;
height: 320px;
background-repeat:repeat-y ;
margin-left: auto ;
margin-right: auto ;
}

#aboutservices {
float: right;
clear: right;
width: 210px ;
height: 320px;
margin-left: auto ;
margin-right: auto ;
}

#aboutservices a {
text-decoration:none;
border:none;
color: #666666;
}

#aboutservices ul {
list-style-position:inside;
width:200px;
margin: 0 ;
padding-top:20px;
padding-left:40px;
margin-left: auto ;
margin-right: auto ;
}

#aboutservices li {
list-style-image: url("Images/bulletpoint.png");
margin-bottom:20px;
}

#aboutservicestitle {
background-image: url("/Images/servicesheader.png");
background-repeat:no-repeat;
float: left;
clear: right;
width: 210px ;
height: 36px;
margin-left: auto ;
margin-right: auto ;
}

#aboutservices img {
border:solid ;
border-color : #533b1d ;
border-width: 2px ;
}

/* Section for Services */

.third {
font-family:Arial, Helvetica, sans-serif;
color: #9c9a95 ;
font-size:14px ;
width: 735px ;
height: 135px ;
margin-left: auto ;
margin-right: auto ;
}

.thirdimage {
padding-top: 4px ;
float: left ;
width: 315px ;
height: 135px ;
}

.third img {
border:solid ;
border-color : #533b1d ;
border-width: 2px ;
}

.thirdtext {
float: right ;
padding-left: 20px ;
width: 400px ;
height: 135px ;
}

.thirdtext a {
font-size:12px;
color: #c19613;
}

.thirdtext a:hover {
text-decoration:underline;
}

.thirdtitle {
width: 730px ;
height: 36px ;
margin-left: auto ;
margin-right: auto ;
}

.thirdbottom {
background-image: url("/Images/portfolio_divider.png") ;
width: 778px ;
height: 40px ;
margin-left: auto ;
margin-right: auto ;
}

/* Section for Services and Portfolio */

.galleryarea {
background-image: url("/Images/gallerybkg.png") ;
background-repeat:no-repeat;
width: 750px ;
height: 295px ;
margin-left: auto ;
margin-right: auto ;
padding-top:10px;
}

.galleryarea img {
border:solid ;
border-color : #533b1d ;
border-width: 2px ;
}


/* Section for Contact page */

#contacttitle {
background-image: url("/Images/contactheader.png");
background-repeat:no-repeat;
width: 762px ;
height: 36px;
margin-left: auto ;
margin-right: auto;
margin-bottom: 20px;
}

#contactcontainer {
width: 762px ;
height:310px;
margin-left: auto ;
margin-right: auto ;
}

#contacttext {
font-family:Arial, Helvetica, sans-serif;
color: #9c9a95 ;
font-size:14px ;
width: 230px ;
height: 310px ;
float: right;
clear:right;
margin-right: auto ;
}

#contactarea {
background-image: url("/Images/form.png");
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color: #9c9a95 ;
font-size:14px ;
width: 500px ;
height: 310px ;
float:left;
clear:left;
margin-left: auto ;
}

#contactareaform {
width: 420px;
height: 290px;
margin-left: auto ;
margin-right: auto ;
}

#inputlabel{
float: left;
width: 100px;
font-weight: bold;
}

input {
background-color: #2b1102;
font-family:Arial, Helvetica, sans-serif;
color: #9c9a95 ;
font-size:14px ;
width: 300px;
margin-bottom: 5px;
border: solid ;
border-width: 1px;
border-color: #dcb151;
}

textarea {
background-color: #2b1102;
font-family:Arial, Helvetica, sans-serif;
color: #9c9a95 ;
font-size:14px ;
width: 300px;
margin-bottom: 5px;
border: solid ;
border-width: 1px;
border-color: #dcb151;
}

form {
width: 480px;
height: 250px;
margin-left: auto ;
margin-right: auto ;
margin-top:auto;
margin-bottom: auto;
}

#submitbutton{
margin-left: 100px;
margin-top: 5px;
width: 90px;
}

#confirmtext {
font-family:Arial, Helvetica, sans-serif;
color: #9c9a95 ;
font-size:16px ;
margin-top:auto;
margin-bottom: auto;
}


/* Coming soon temp page */

#temp {
background-image: url("/Images/tempmessage.jpg");
width: 1024px ;
height: 34px ;
text-align:center;
margin-left: auto ;
margin-right: auto ;
}