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

html{
padding:0;
margin:0;

}

body{
padding:0;
margin:0;
background-color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

a, img {
outline:0;
border:none;

}

#gallery {
width:543px;
height:197px;
padding:0 0 15px 0;
}

#centre{
padding:0;
margin:0 auto;
width:741px;
}

#header{
padding:0;
margin:0;
width:741px;
}
#middle{
padding:0;
margin:0;
width:741px;
}

#footer{
width:518px;
margin-bottom:15px;
padding-left:10px;
padding-top:15px;
padding-bottom:10px;
background-image:url(construct/contentbg.jpg);
background-repeat:no-repeat;
float:left;
}

#footer p{
padding:0;
margin:10px;
color:#fff;
font-size:0.65em;
}

#footer a{
color:#fff;
font-weight:bold;
}

#side{
padding:0;
margin:0;
width:187px;
float:left;
}
#specialbutton a{
padding:0;
margin:0;
width:187px;
height:84px;
background-image:url(construct/special.gif);
text-indent: -9999px;
float:left;
outline:none;
background-position:0 -84px;
}

#specialbutton a:hover{
background-position:0 0;
}

#navigation{
	padding:0;
	margin:0;
	width:187px;
	background-image:url(construct/sidebg.jpg);
	background-repeat:no-repeat;
	float:left;
}

#navigation ul{
	padding-top:15px;
	padding-left:0;
	margin-left:0px;
	margin-top:0;
}

#navigation li{
	padding:0;
	color:#d09751;
	font-size:0.75em;
	list-style-type: none;
	margin-bottom:10px;
	margin-left:5px;
}
#navigation a{
	color:#d09751;
	font-weight: bold;
	padding-left:30px;
	padding-bottom:26px;
	padding-top:5px;
}

#navigation h2{
	color:#fff;
}

/*special buttons*/

#homepage #home, #home:hover{
	background-image:url(buttons/home.gif);
	background-repeat:no-repeat;
	color:#fff;
}
#blogpage #blog, #blog:hover{
	background-image:url(buttons/blog.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	color:#fff;
}
#designpage #design, #design:hover{
	background-image:url(buttons/design.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	color:#fff;
}
#webpage #web, #web:hover{
	background-image:url(buttons/web.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	color:#fff;
}

#onlinepage #internet, #internet:hover{
	background-image:url(buttons/web.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	color:#fff;
}
#photopage #photo, #photo:hover{
	background-image:url(buttons/photo.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	color:#fff;
}
#illustpage #illust, #illust:hover{
	background-image:url(buttons/illustration.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	color:#fff;
}
#videopage #video, #video:hover{
	background-image:url(buttons/video.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	color:#fff;
}
#articlespage #articles, #articles:hover{
	background-image:url(buttons/articles.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	color:#fff;
}
#testimonialspage #testimonial, #testimonial:hover{
	background-image:url(buttons/testimonial.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	color:#fff;
}
#detailspage #details, #details:hover{
	background-image:url(buttons/contact.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	color:#fff;
}

#emailpage #email, #email:hover{
	background-image:url(buttons/contact.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	color:#fff;
}



#content{
width:543px;
margin-left:11px;
padding:0;
float:left;

}

#homesample{
width:543px;
height:163px;
margin:0;
padding:0;
background-image:url(images/home_image.jpg);
float:left;
}
#homesample1{
width:543px;
height:163px;
margin:0;
padding:0;
background-image:url(construct/home_pic1.jpg);
float:left;
}
#homesample2{
width:543px;
height:163px;
margin:0;
padding:0;
background-image:url(construct/home_pic2.jpg);
float:left;
}
#homesample3{
width:543px;
height:163px;
margin:0;
padding:0;
background-image:url(construct/home_pic3.jpg);
float:left;
}
#homesample4{
width:543px;
height:163px;
margin:0;
padding:0;
background-image:url(construct/home_pic4.jpg);
float:left;
}
#homesample5{
width:543px;
height:163px;
margin:0;
padding:0;
background-image:url(construct/home_pic5.jpg);
float:left;
}
#homesample a, #homesample1 a, #homesample2 a, #homesample3 a, #homesample4 a, #homesample5 a{
color:#2b120e;
font-weight:bold;

}
#homesample a:hover, #homesample1 a:hover, #homesample2 a:hover, #homesample3 a:hover, #homesample4 a:hover, #homesample5 a:hover{
color:#fff;

}

#homesample h3, #homesample1 h3, #homesample2 h3, #homesample3 h3, #homesample4 h3, #homesample5 h3{
color:000;
font-size:0.80em;
font-weight:bold;
margin-bottom:10px;
margin-top:22px;
margin-left:30px;
margin-right:318px;
padding:0;
}

#homesample p, #homesample1 p, #homesample2 p, #homesample3 p, #homesample4 p, #homesample5 p{
color:000;
font-size:12px;
margin-left:30px;
margin-top:0;
margin-bottom:5px;
margin-right:321px;
padding:0;
}






.bodypara{
width:543px;
margin-bottom:20px;
padding-left:0;
padding-top:0;
padding-bottom:10px;
background-image:url(construct/contentbg.jpg);
background-repeat:no-repeat;
float:left;

}

.bodypara p{
	color:#fff;
	font-size:0.75em;
	padding-left:20px;
	line-height: 17px;
	margin-top:0px;
	margin-bottom:10px;
}

.bodypara li{
	color:#fff;
	font-size:0.75em;
	padding-left:0px;
	line-height: 17px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:0;
}

.bodypara a{
	color:#d09751
}

.bodypara h2{
color:#d09751;
font-size:0.80em;
margin-top:20px;
background-image:url(construct/header_bullet.gif);
background-repeat:no-repeat;
padding-left:20px;
padding-bottom:5px;
	margin-bottom:10px;

}
.bodypara h3{
color:#d09751;
font-size:0.80em;
margin-top:20px;
padding-left:20px;
padding-bottom:5px;
	margin-bottom:10px;

}

.bodypara h1{
color:#d09751;
font-size:0.80em;
margin-top:20px;
background-image:url(construct/header_bullet.gif);
background-repeat:no-repeat;
padding-left:20px;
padding-bottom:5px;
	margin-bottom:10px;

}



#logo{
padding:0;
margin:0;
width:157px;
height:205px;
background-image:url(construct/logo.jpg);
float:left;
outline:none;
}

#logo a{
padding:0;
margin:0;
width:157px;
height:205px;
background-image:url(construct/logo.jpg);
float:left;
text-indent: -9999px;
outline:none;
}

#logo a:hover{
padding:0;
margin:0;
width:157px;
height:205px;
background-image:url(construct/logo_on.jpg);
float:left;
text-indent: -9999px;
outline:none;
}

#titlearea{
padding:0;
margin:0;
width:372px;
height:205px;
float:left;
}

#hometitle{
padding:0;
margin:0;
width:372px;
height:104px;
background-image:url(construct/title.jpg);
float:left;
text-indent: -9999px;
}

#navone{
padding:0;
margin:0;
width:372px;
height:99px;
float:left;
}
#navone ul{
padding:0;
margin:0;
float:left;
}
#navone li{
	padding:0;
	margin:0;
	float:left;
	list-style-type: none;
}

h2{
font-size:10px;
}

h1{
font-size:10px;
}


/*buttons*/

#designbutton{
width:65px;
height:99px;
background-image:url(buttons/design_off.jpg);
float:left;
text-indent: -9999px;
outline:none;
}
#designbutton:hover {
width:65px;
height:99px;
background-image:url(buttons/design_on.jpg);
float:left;
text-indent: -9999px;
outline:none;
}


#webbutton{
width:62px;
height:99px;
background-image:url(buttons/web_off.jpg);
float:left;
text-indent: -9999px;
outline:none;
}
#webbutton:hover {
width:62px;
height:99px;
background-image:url(buttons/web_on.jpg);
float:left;
text-indent: -9999px;
outline:none;
}

#photographybutton{
width:63px;
height:99px;
background-image:url(buttons/photography_off.jpg);
float:left;
text-indent: -9999px;
outline:none;
}
#photographybutton:hover {
width:63px;
height:99px;
background-image:url(buttons/photography_on.jpg);
float:left;
text-indent: -9999px;
outline:none;
}


#illustrationbutton{
width:61px;
height:99px;
background-image:url(buttons/illustration_off.jpg);
float:left;
text-indent: -9999px;
outline:none;
}
#illustrationbutton:hover {
width:61px;
height:99px;
background-image:url(buttons/illustration_on.jpg);
float:left;
text-indent: -9999px;
outline:none;
}


#videobutton{
width:62px;
height:99px;
background-image:url(buttons/video_off.jpg);
float:left;
text-indent: -9999px;
outline:none;
}
#videobutton:hover {
width:62px;
height:99px;
background-image:url(buttons/video_on.jpg);
float:left;
text-indent: -9999px;
outline:none;
}


#contactbutton{
width:59px;
height:99px;
background-image:url(buttons/contact_off.jpg);
float:left;
text-indent: -9999px;
outline:none;
}
#contactbutton:hover {
width:59px;
height:99px;
background-image:url(buttons/contact_on.jpg);
float:left;
text-indent: -9999px;
outline:none;
}


#bigcontact a{
width:212px;
height:205px;
background-image:url(construct/contactbutton.jpg);
float:left;
text-indent: -9999px;
outline:none;
}

#bigcontact a:hover{
width:212px;
height:205px;
background-image:url(construct/contactbutton_on.jpg);
float:left;
text-indent: -9999px;
outline:none;
}


.box{
width:543px;
margin-top:5px;
margin-bottom:5px;
padding:0;
float:left;

}

.box p{
	color:#fff;
	font-size:0.75em;
	padding-left:15px;
	line-height: 17px;
	margin-top:0px;
	margin-bottom:10px;
}

.box h3{
	color:#d09751;
font-size:0.80em;
padding-left:15px;
padding-bottom:5px;
margin:0;

}


.box a{
	color:#d09751
}

.boxtop{
padding:0;
margin:0;
height:17px;
width:543px;
background-image:url(construct/bordertop.gif);
background-repeat:no-repeat;
float:left;
}
.boxmiddle{
padding:0 10px 0 10px;
margin:0;
border-left: 2px solid #b28246;
border-right: 2px solid #b28246;
width:519px;
float:left;
}
.boxbottom{
padding:0;
margin:0;
height:17px;
width:543px;
background-image:url(construct/borderbottom.gif);
background-repeat:no-repeat;
float:left;
}

.tablestyle{
	color:#fff;
	font-size:0.75em;
	margin-left:20px;
}
.tablestyle p{
	padding:5px;
	font-size:1em;
}



.sub{
width:543px;
height:62px;
margin-bottom:0px;
padding-left:0;
padding-top:0;
padding-bottom:10px;
background-image:url(construct/subheaderbg.gif);
background-repeat:no-repeat;
float:left;

}
.sub h2{
color:#d09751;
font-size:0.80em;
margin-top:20px;
padding-left:20px;
padding-bottom:5px;
	margin-bottom:10px;

}
.sub p{
color:#fff;
font-size:0.80em;
margin-top:20px;
padding-left:20px;
padding-bottom:5px;
	margin-bottom:10px;
	font-weight:bold;

}


.preload{
visibility: hidden;
display:none;

}

#stockpage #stock, #stock:hover {
	background-image:url(buttons/photo.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	color:#fff;
}