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

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

body { background-image: url(../images/bg.jpg);
background-repeat:repeat-x;
background-color: #0a0a0a;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4c4c4c;
}

.header {
background-image: url(../images/upperheaderbg.png);
background-position:bottom;
background-repeat:no-repeat;
width:785px;
height:97px;
margin:0px auto;
}

#flashbanner {
width: 785px;
height: 206px;
background-image:url(../images/bgbanner.jpg);
margin:0px auto;
}

#content {
width: 785px;
background-image:url(../images/bg_content.png);
background-repeat: repeat-y;
margin:0px auto;
}


.horizontalspacer {
width: 785px;
height: 5px;
margin:0px auto;
}
ul#spritemenu{
	width: 202px;
	height: 302px;
	background: url(../images/button.png); top left no-repeat;
}

ul#spritemenu li{
display: inline;
}
ul#spritemenu li a{
	display: block;
	width: 202px;
	height: 38px;
	text-indent: -9999px;
}
ul#spritemenu li a:hover, a:active{
	background-image: url(../images/button.png);
}
li#sprite1 a{
	background-position: -202px 0px;
}
li#sprite2 a{
	background-position: -202px -38px;
}
li#sprite3 a{
	background-position: -202px -76px;
}
li#sprite4 a{
	background-position: -202px -114px;
}
li#sprite5 a{
	background-position: -202px -152px;
}
li#sprite6 a{
	background-position: -202px -190px;
}
li#sprite7 a{
	background-position: -202px -228px;
}
li#sprite8 a{
	background-position: -202px -266px;
}



#footer { 
width: 785px;
height: 44px;
background-image:url(../images/footerbg.png);
margin: 0px auto;
}


.title_content {
margin: 10px 0px 0px 5px;
width: 100%;
height: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#4c4c4c;
}


.text_content {
margin: 10px 0 0px 10px;
width: 505px;
height: 100%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#737171;
padding-bottom: 20px;
}

#categories_thumb {
widows: 506px;
height: 129px;
padding: 5px 10px 20px 10px;
}

.copyright {
float: left;
margin: 5px 0px 0px 30px;
width: 300px;
height: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#171717;
}

.footerlinks {
float: right;
margin: 5px 0px 0px 30px;
width: 320px;
height: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#171717;
}

.footerlinks a {
text-decoration:none;
color:#171717;
}

.footerlinks a:hover {
text-decoration: underline;
color:#171717;
}

.uppericons {
margin-left: 10px;
float: right;
padding-top: 70px;
width: 100px;
height: 20px;
}

.thumbnailimagescont {
width: 500px;
margin: 5px 5px 0 5px;
padding-right: 10px;
}


.thumbborder {
margin-right: 20px;
margin-bottom: 20px;
border-width: 2px;
border-color: #a0a0a0;
}

.thumbborder:hover {
border-width: 2px;
border-color: #EC008C;
}

.thumbnailimage {
float: left;
margin: 10px;
}


.titleline {
width: 100px;
height: 10px;
background-image:url(../images/titleline.png);
background-repeat: no-repeat;
background-position:left;
padding-left: 20px;
}


.eventmonthtitle {
width: 100px;
height: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#d2d2d2;
padding-top: 15px
}

.eventcontent {
width: 300px;
padding: 0 0 10px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#737171;
}

.pricetitle {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#d2d2d2;
}


.pricegray {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#868384;
}


.aboutthedesigner {
width: 150px;
height: 223px;
float: left;
background-image:url(../images/aboutthedesigner.png);
background-repeat:no-repeat;
}