* {
	margin: 0;
	padding: 0;
	border: 0;
}


  body{
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  background-color:#000;
}

img
{  border-style: none;
}  

/* main elements */


#maincontainer {
 width:820px;
  height:auto;
  border-style: solid;
  border-color: #C8A62A;
  border-width: 1px;
  margin : 0 auto;
  margin-top:30px;
  position : absolute;
  min-width: 600px;
  max-width: 1000px;
  text-align:center;
  background-color: #26310C;margin-left:20%;margin-right:20%;
}

#contentwrapper{
float: left;
width: 820px;
height:auto;
margin-bottom:30px;
background-color: #26310C;
} 
  
div.leftarrow, div.rightarrow {
position:relative; 
width:75px;
float:left;
border-top: #C8A62A 1px solid;
border-bottom: #C8A62A 1px solid;
border-right: #C8A62A 1px solid;
}
div.leftarrow a {
    background-image: url(../images/leftarrow.gif);
	display: block;width:75px;height:46px;background-position: 0px 0px;
}
div.leftarrow a:hover {
	background-image: url(../images/leftarrow.gif);
	background-position:75px 0px;
}

div.rightarrow a {
    background-image: url(../images/rightarrow.gif);
	display: block;width: 75px;height:46px;background-position: -75px 0px;
}
div.rightarrow a:hover {
	background-image: url(../images/rightarrow.gif);
	background-position:0px 0px;
}

#footer{
display:block;
width:800px;
height:15px;
float:left;
border: solid 1px #C8A62A;
background-color: #C8A62A;
margin: 20px 10px 5px 10px;
}
 
#footer p{
text-align:center;
margin: 0;
padding: 0;
padding-top:2px;
font-size:9px;
color:#000;
} 

#topbar{
height:48px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
}
.topbar_left{
background-image: url(../images/_topbar_left.gif);
height:48px;
width:246px;
float:left;
}
.topbar_right{
background-image: url(../images/_topbar_right.gif);
height:48px;
width:402px;
float:left;
}

#titlebar{
margin-top:25px;
}

/* video page */

.clipcontainersmall{
width:410px;
float:left;
margin-top:50px;
}

.clipcontainersmall p{
width:300px;
float:left;
padding-left:40px;
}

.clipcontainerlarge{
width:820px;
float:left;
margin-top:50px;
text-align:left;
padding-left:35px;
}

.clipcontainerlarge p{
width:300px;
float:left;
padding-left:5px;
}






/* digital art */

#thumbnailgallery{
display:block;
width:800px;
background-color: #26310C;
height:auto;
margin-left:10px;
margin-right:10px;
margin-top:50px;
}

.thumbnail{
display:block;
width:110px;
height:110px;
float:left;
}



/* web design */

#webdesigngallery{
display:block;
width:800px;
background-color: #26310C;
height:auto;
margin-left:10px;
margin-right:10px;
margin-top:50px;
}

div.designentry{
width:330px; 
height:280px;
display:block;
margin-top:40px;
border: solid #C8A62A 1px;
float:left;
padding-bottom:10px;
padding-left:30px;
margin-left:25px;
}

div.designentry img{
display:block;
float:left;
width:300px;
}
.designentry p{
width:280px;
font-size:12px;
margin:0;
padding:0;
padding-top:10px;
padding-bottom:10px;

}


/* main page */

#sidemenu{
width:400px; 
height:260px;
display:block;
float:left;
margin-top:40px;
margin-left:30px;
}

div.webdesign a {
    background-image: url(../images/menu_webdesign.gif);
	display: block;width: 400px;height:80px;background-position: 0px 0px;
}
div.webdesign a:hover {
	background-image: url(../images/menu_webdesign.gif);
	background-position:400px 0px;
}
div.digitalart a {
    background-image: url(../images/menu_digitalart.gif);
	display: block;width: 400px;height:80px;background-position: 0px 0px;
}
div.digitalart a:hover {
	background-image: url(../images/menu_digitalart.gif);
	background-position:400px 0px;
}
div.video a {
    background-image: url(../images/menu_video.gif);
	display: block;width: 400px;height:80px;background-position: 0px 0px;
}
div.video a:hover {
	background-image: url(../images/menu_video.gif);
	background-position:400px 0px;
}

div.poochie{
display:block;
width:350px;
height:350px;
margin-left:30px;
float:left;
margin-top:20px;
}
p{
font-family:arial;
color:#FFF;
font-size:12px;
text-align:justify;
width:auto;
padding:10px;
}
div.textcontainer{
width:400px;
height:80px;
margin-top:20px;
float:left;
margin-left:30px;
}



a:link {color: #C8A62A;text-decoration: none;}
a:visited {color: #C8A62A;text-decoration: none;}
a:hover {color: #C8A62A;text-decoration: none;}
a:active {color: #C8A62A;text-decoration: none;}