/* don't make fun of my lame code. */


body {
width:100%;
background-image:url(images/bg_img.jpg);
background-repeat:repeat-x;
background-color:#cbc777;
text-align:center;
margin:0px;
padding:0px;
border:0px;
font-family:'Trebuchet MS', Verdana, sans-serif;
font-size:12px;
color:#504f25;
}

img {border:0px;}

#container { 
width:950px; 
margin:0 auto;
}

#header {
width:950px;
height:184px;
position:relative;
background-image:url(images/header_img.jpg);
background-repeat:no-repeat;
}

#logo {
width:200px;
height:140px;
padding-left:370px;
padding-top:43px;
}

#menu {
width:924px;
height:73px;
position:relative;
padding-top:14px;
float:right;
}


#wrapper {
width:950px;
background-image:url(images/body_bg.gif);
background-repeat:repeat-y;
clear:both;
}


#leftwrap {
width:380px;
float:left;
padding-top:33px;
text-align:right;
}

#rightwrap {
width:540px;
float:right;
padding-top:30px;
padding-bottom:30px;
text-align:left;
}

#contactform {
width:420px;
text-align:left;
}

#graphictop {
width:380px;
padding-top:45px;
text-align:right;
}

#graphicleft {
width:380px;
padding-top:10px;
text-align:right;
}

#graphicbottom {
width:380px;
padding-top:10px;
padding-bottom:40px;
text-align:right;
}

#clear {
clear:both;
}

#footer {
width:950px;
height:66px;
background-image:url(images/footer_bg.jpg);
background-repeat:repeat-x;
}

#footerleft {
width:13px;
height:66px;
float:left;
background-image:url(images/footer_left.jpg);
}

#footertext {
width:300px;
float:left;
padding-top:15px;
text-align:left;
}

#footerright {
width:323px;
height:66px;
float:right;
}




/* TEXT */

h1 {
font-size:13px;
}

h2 {
font-size:12px;
color:#698b0e;
}

p.heading {
font-size:22px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#698b0e;
line-height:30px;
padding-right:65px;
}

p.bodytext {
font-size:12px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#504f25;
line-height:20px;
text-align:justify;
padding-right:65px;
}

p.copyright {
font-size:10px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#504f25;
text-transform:uppercase;
}




/* LINKS */

a {outline: none;}
a:active {outline: none;}

a.bodylinks {
font-size:12px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#698b0e;
text-decoration:underline;
}

a.bodylinks:hover {
font-size:12px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#405703;
text-decoration:underline;
}

a.footerlinks {
font-size:14px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#504f25;
text-decoration:none;
}

a.footerlinks:hover {
font-size:14px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#698b0e;
text-decoration:none;
}

a.logo {
display:block;
width:200px;
height:140px;
}



/* MENU LINKS */

a.nav {
display:block;
width:231px;
height:73px;
float:left;
background-image:url(images/menulinks.jpg);
}

a.about {background-position:0px 0px;}
a.about:hover {background-position:0px -73px;}
#index a.about {background-position:0px -73px;}

a.web {background-position:-231px 0px;}
a.web:hover {background-position:-231px -73px;}
#webdesign a.web {background-position:-231px -73px;}

a.graphic {background-position:-462px 0px;}
a.graphic:hover {background-position:-462px -73px;}
#graphicdesign a.graphic {background-position:-462px -73px;}

a.contact {background-position:-693px 0px;}
a.contact:hover {background-position:-693px -73px;}
#contact a.contact {background-position:-693px -73px;}



/* FOOTER-ICON LINKS */

a.icons {
display:block;
width:323px;
height:66px;
float:left;
background-image:url(images/footer_icons.jpg);
}

a.twitter {background-position:0px 0px; width:60px;}
a.twitter:hover {background-position:0px -66px;}

a.behance {background-position:-60px 0px; width:65px;}
a.behance:hover {background-position:-60px -66px;}

a.stumbleupon {background-position:-125px 0px; width:60px;}
a.stumbleupon:hover {background-position:-125px -66px;}

a.linkedin {background-position:-185px 0px; width:56px;}
a.linkedin:hover {background-position:-185px -66px;}

a.lb {background-position:-241px 0px; width:82px;}
a.lb:hover {background-position:-241px -66px;}