/* ----- main rules ----- */

body {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #37585d;
        margin-top: 35px;
        padding: 0; 
        background-color: #8ab8b5;
        }
a, a:visited {
	color: #a60505;
	text-decoration: none;
	}
a:hover {
	color: #0b5b76;
	text-decoration: underline;
	}
#container {
        width: 788px; 
        margin: 1em auto; 
        background: url(../includes/images/container.gif) repeat-y; 
        }

/* ----- header rules ----- */

#header {
	width: 788px;
	margin: 0;
	padding: 0;
	background: url(../includes/images/header_bg.jpg) no-repeat bottom;
	height: 135px;
	}
#header h1 { 
        width: 384px; 
        height: 145px; 
        float: left;
	margin: -16px 0px 0px 0px;
        padding-top: 0px; 
        padding-left: 6px;
        cursor: pointer; 
        }
#header h1 a, a:link, a:visited { 
        cursor: pointer; 
        }
#header h1 a:hover { 
        cursor: pointer; 
        }

/* ----- main content rules ----- */

#maincontent {
        margin: 13px 0 -27px 0;
	padding: 0px 10px 20px 0px;
        float: left;
	width: 480px;
	}
.main-content {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 460px;
	}
.main-content p {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 15px;
	width: 450px;
	}

.newest {
        position: absolute;
	margin: -6px 0px 0px 11px;
	padding: 0px 0px 0px 0px;
        z-index: 2;
        }

.maintop {
	background: url(../includes/images/main-title.gif) no-repeat left top;
        margin: 0px 0px 0px 0px;
	height: 28px;
	}
.mainmiddle {
	background: url(../includes/images/mainmid_bg.gif) left top;
	padding: 0px;
	margin: 0px;
	width: 479px;
	}
.mainbottom {
	background: url(../includes/images/mainbot_bg.gif) no-repeat left top;
	padding: 0px 0px 17px 0px;
	height: 7px;
	}

/* ----- sidebar rules ----- */

#sidecontent {
        margin: 13px 0 7px 0;
	padding: 0px 15px 0px 28px;
	width: 238px;
	float: left;
	}
.side-content {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 220px;
	}
.side-content p {
	padding: 5px 10px 5px 10px;
	margin: 0px;
	width: 220px;
	}
.sidetop {
	background: url(../includes/images/sidetop_bg.gif) no-repeat left top;
        margin: 0px 0px 0px 0px;
	height: 7px;
	}
.sidemiddle {
	background: url(../includes/images/sidemid_bg.gif) left top;
	padding: 0px;
	margin: 0px;
	width: 238px;
	}
.sidebottom {
	background: url(../includes/images/sidebot_bg.gif) no-repeat left top;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	height: 7px;
	}

/* ----- newest thumbnails ----- */

div.thumbimg {
	position: relative;
	padding: 0px 0px 0px 0px;
        width: 97%;
	margin: 0px 0px 0px 33px;
        }
div.thumbimg a img {
	padding: 0px 5px 0px 0px;
	margin: 1px 6px 1px 3px;
	width: 72px;
	height: 72px;
        }
html>body div.thumbimg a img {
	padding: 0px 5px 0px 0px;
	margin: 1px 6px 0px 3px;
	width: 72px;
	height: 72px;
        }

/* ----- generic rules ----- */

img { border: 0px; }

.nodisp { display: none; }

.icn {  
        width: 14px;
        margin: 0px 0px -3px 0px;
        padding: 0px 4px 0px 0px;
        }
h4 { font-size: 12px; color: #5e3a16; }
.main-title { padding: 8px 0px 0px 12px; }
.main-title h4 { font-size: 12px; margin: 0px 0; }
.side-title { padding: 8px 0px 0px 12px; }
.side-title h4 { font-size: 12px; margin: 0px 0; }
.sidemid-title { padding: 0px 0px 0px 12px; }
.sidemid-title h4 { font-size: 12px; margin: 0px 0; }

#buttons {
        margin: 3px 0px 0px 0px;
        border: 0px;
        height: 40px; clear:both;
        }
#sendJoin {
        margin: 3px 0px 0px 28px;
        border: 0px;
        float: left;
        width: 74px;
        }
input.btnjoin {
        background: url(../includes/images/btn-join.png) no-repeat;
        margin: 0px 0px 0px 0px;
        display: block;
        width: 74px;
        height: 42px;
        text-indent: -9000px;
        border: 0px;
        cursor:pointer;
        }
input.btnjoin:hover {
        margin: 0px 0px 0px 0px;
        display: block;
        width: 74px;
        height: 42px;
        text-indent: -9000px;
        border: 0px;
        cursor:pointer;
        }
#sendRemove {
        margin: 3px 0px 0px 6px;
        border: 0px;
        float: left;
        width: 100px;
        }
input.btnremove {
        background: url(../includes/images/btn-remove.png) no-repeat;
        margin: 0px 0px 0px 0px;
        display: block;
        width: 100px;
        height: 42px;
        text-indent: -9000px;
        border: 0px;
        cursor:pointer;
        }
input.btnremove:hover {
        margin: 0px 0px 0px 0px;
        display: block;
        width: 100px;
        height: 42px;
        text-indent: -9000px;
        border: 0px;
        cursor:pointer;
        }
#inputBox {
        background: transparent url(../includes/images/inputbg.png) no-repeat;
        width: 171px;
        height: 34px;
        margin-top: 0px;
        margin-left: 33px;
        text-decoration: none;
        border: 0;
        float: left;
        }
.txt {
        background: transparent;
        border: 0;
        width: 155px;
        height: 29px;
        font: 12px Arial, Helvetica, sans-serif;
        color: #57340f;
        margin-top: 3px;
        margin-left: 0px;
        }

/* ----- footer rules ----- */

#footer { 
	background: url(../includes/images/footer_bg.jpg) no-repeat; 
        clear: both;
	width: 788px; 
	height: 63px; 
        margin: 0 0 -5px 0px;
	}

#foot_link { 
        width: 227px; 
        height: 52px; 
        float: right; 
        padding-top: 6px; 
        padding-right: 25px;
        cursor: pointer; 
        }
#foot_link a, a:link, a:visited { 
        cursor: pointer; 
        }
#foot_link a:hover { 
        cursor: pointer; 
        }

#copyright { 
        width: 350px; 
        height: 20px; 
        float: left; 
        color: #fff;
        padding-top: 30px;
	padding-left: 27px;
        }

/* ----- navigation rules ----- */

div#navigation {
        margin: -54px 16px 0px 0px;
        float: right;
	position: relative;
	height: 37px;
	z-index: 2;
	}

/* Main Navigation */

#navigation ul .nav_info,
#navigation ul .nav_custom,
#navigation ul .nav_designer,
#navigation ul .nav_contact {
	cursor: pointer;
	float: left;
	list-style: none;
	}

#navigation ul a.main {
	background: url(../includes/images/menu.png) no-repeat top left;
	display: block;
	outline: none;
	position: relative;
	height: 37px;
	text-decoration: none;
	width: auto;
	}

#navigation ul a.main span { display:none; }

/* Menu Standard */

#navigation ul .nav_info a.main {
	background-position: 0 0;
	width: 73px;
	z-index: 1;
	}
#navigation ul .nav_custom a.main {
	background-position: -73px 0;
	width: 113px;
	z-index: 2;
	}
#navigation ul .nav_designer a.main {
	background-position: -186px 0;
	width: 123px;
	z-index: 3;
	}
#navigation ul .nav_contact a.main {
	background-position: -309px 0;
	width: 73px;
	z-index: 4;
	}

/* Menu Hovers */

#navigation a.main span.hover {
	background: url(../includes/images/menu.png) no-repeat top left;
	cursor: pointer !important;
	display: block !important; /* Overriding previous span hide */
	padding: 0 0px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 37px;
	width: 100%;
	z-index: 100;
	}

#navigation .nav_info a.main .hover {
	background-position: 0 -37px;
	padding: 0;
	}
#navigation .nav_custom a.main .hover {
	background-position: -73px -37px;
	}
#navigation .nav_designer a.main .hover {
	background-position: -186px -37px;
	}
#navigation .nav_contact a.main .hover {
	background-position: -309px -37px;
	}

/* Active State Hovers */

.nav_info #navigation .nav_info a.main {
	background-position: 0 -74px;
	z-index: 6;
	}
.nav_custom #navigation .nav_custom a.main {
	background-position: -73px -74px;
	z-index: 6;
	}
.nav_designer #navigation .nav_designer a.main {
	background-position: -186px -74px;
	z-index: 6;
	}
.nav_contact #navigation .nav_contact a.main {
	background-position: -309px -74px;
	z-index: 6;
	}