@charset "UTF-8";
/* CSS Document */

html, body {
margin: 0;
padding: 0;
height:100%;
}

body {
background-color: #2a1e0e;
}

#bgcolor {
background-color:#5a4629;
padding-bottom:0px;
}


/*----TYPE----*/

h1 {
font-family: Georgia, serif;
font-size: 26px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -2px;
color:#ffffba;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.45em;
color:#191207;
}

a {
color:#ffffba;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a img {
border:none;
}

#contactdrop {
background-color:#271c0d;
display:none;
}

#main {
background-image:url(images/back_repeat.jpg);
background-repeat:repeat-x;
}

.container {
width: 791px;
margin:0 auto 0 auto;
position:relative;

}

#header {
background-image:url(images/main_back.jpg);
width:791px;
height:334px;
background-repeat:no-repeat;
}

#header a img {
outline:none;
border:none;
text-decoration:none;
margin-left:-77px;
}

/*----NAVIGATION----*/

#navigation {
float:right;
width:400px;
margin-top:5px;
}

ul#nav {
padding:0;
margin:0;
}

ul#nav li {
list-style-type:none;
display:inline;
text-indent:-9999px;
}

ul#nav li a.navcontact {
float:right;
background-image:url(images/contact_btn.png);
height:28px;
width:70px;
}

ul#nav li a.navcontact:hover {
background-position:-70px;
}

ul#nav li a.navabout {
float:right;
background-image:url(images/about_btn.png);
height:28px;
width:70px;
}

ul#nav li a.navabout:hover {
background-position:-70px;
}

ul#nav li a.navwork {
float:right;
background-image:url(images/work_btn.png);
height:28px;
width:70px;
}

ul#nav li a.navwork:hover {
background-position:-70px;
}

ul#nav li a.navhome {
float:right;
background-image:url(images/home_btn.png);
height:28px;
width:70px;
}

ul#nav li a.navhome:hover {
background-position:-70px;
}


/*-----BODY-----*/

#welcome {
float:left;
margin-top:-190px;
width:790px;
}


#welcome p {
width:510px;
}

#sidebar {
margin-top:-200px;
float:right;
width: 210px;
text-align:right;
}

#sidebar img.icons {
float:left;
margin-left:70px;
outline:none;
border:none;
}

#sidebar img.divider {
float:left;
width:5px;
height:160px;
}

.sidetext {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.45em;
color:#271c0d;
}

#contactform {
width: 500px;
}

/*----WORK----*/

#workgallery {
float:left;
margin-top:-170px;
width:780px;
}

#workgallery img {
	float: left;
	clear: left;
	margin: 0 30px 60px 0;
	border: none;
	
}

.workinfo {
float:left;
width: 250px; 
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#271c0d;

}

/*----LATEST----*/

#latest {
position:relative;
background-image:url(images/latest_box.jpg);
width:792px;
height:239px;
margin-bottom:30px;
}

#latest h3 {
float:right;
margin-right:74px;
margin-bottom:0;
margin-top:20px;
font-family: Georgia, serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -1px;
color:#ffffba;
}

.latestwork {
display:block;
width:442;
height:189;
}

.latestwork img {
margin:23px;
}

#latest p {
float:right;
clear:right;
width:275px;
margin-right:24px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
color:#191207;
}

.viewmorebtn a {
position:absolute;
right:24px;
bottom:24px;
background-image:url(images/viewmore_btn.jpg);
width:100px;
height:19px;
font-family:Arial, Helvetica, sans-serif;
color:#b7a764;
font-size:10px;
text-decoration:none;
padding:5px 5px 0 15px;
}

/*----FOOTER----*/

#footer {
clear:both;
min-height:70px;
background-color:#271c0d;
background-image:url(images/footer_back.jpg);
background-repeat:repeat-x;
margin:0px 0 0 0;
padding-top:0px;
}

.cleardiv {
clear:both;
height:1px;

}

#footer.container {
padding: 0px 0 0 0;
}

#footerinfo {
background-image:url(images/footer.jpg);
width:792px;
height:68px;
padding:5px 0 0 0;
}

span#footernav {
font-family:Arial, Helvetica, sans-serif;
color:#5a4629;
font-size:10px;
text-decoration:none;
}

span#footernav a {
font-family:Arial, Helvetica, sans-serif;
color:#b7a764;
font-size:10px;
text-decoration:none;
}

span#footernav a:hover {
color:#ffffba;
}

span#copyright {
float:right;
font-family:Arial, Helvetica, sans-serif;
color:#5a4629;
font-size:9px;
text-decoration:none;
margin: 10px 0 0 0;
}

span#copyright a {
font-family:Arial, Helvetica, sans-serif;
color:#b7a764;
font-size:9px;
text-decoration:none;
}

span#copyright a:hover {
color:#ffffba;
}