﻿
*
{
	margin:0px;
	padding:0px;	
}

td
{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:3px;
	padding-top:3px;
}

a, a:link, a:visited
{
	color:Black;
}

a:hover
{
	color:Red;
}

a.keyword, a.keyword:link, a.keyword:visited
{
	color:#0094b9;
	font-style:italic;
}

a.keyword:hover
{
	color:Red;
}

body 
{
	background-image:url(/images/bg2.png);
	background-repeat:repeat-y;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:13px;
}

#wrapper
{
	background-image:url(/images/bg.png);
	background-repeat:repeat-y;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	font-family:Verdana, Arial, Sans-Serif;
}
	

#banner
{
	height:160px;
	background-image:url(/images/banner.png);
	background-repeat:no-repeat;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#footer
{
	height:50px;
	background-image:url(/images/footer.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	position:relative;
	width:1040px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#content
{
	width:980px;
	margin-right:auto;
	margin-left:auto;
	padding-right:30px;
	padding-top:10px;
	position:relative;
}

#leftbar
{
	width:233px;
	float:left;
}

#logo
{
	width:237px;
	height:41px;
	position:relative;
	left:-2px;
	top:-13px;
}

#nav
{
	position:relative;
	left:30px;
}

#nav ul
{
	list-style-type:none;
}

#nav li
{
	text-indent:-9999px;
}

#nav li#home a
{
	background-image:url(/images/home.png);
	background-repeat:no-repeat;
	display:block;
	height:28px;
	background-position: 0px -28px;
}

#nav li#home a:hover
{
	background-position: 0px 0px;
}

#homenav + #nav #home a
{
	background-position: 0px 0px;
}

#nav li#tutorials a
{
	background-image:url(/images/tutorials.png);
	background-repeat:no-repeat;
	display:block;
	height:28px;
	background-position: 0px -28px;
}

#nav li#tutorials a:hover
{
	background-position: 0px 0px;
}

#tutorialsnav + #nav #tutorials a
{
	background-position: 0px 0px;
}

#nav li#galleries a
{
	background-image:url(/images/galleries.png);
	background-repeat:no-repeat;
	display:block;
	height:28px;
	background-position: 0px -28px;
}

#nav li#galleries a:hover
{
	background-position: 0px 0px;
}

#galleriesnav + #nav #galleries a
{
	background-position: 0px 0px;
}


#nav li#news a
{
	background-image:url(/images/news.png);
	background-repeat:no-repeat;
	display:block;
	height:28px;
	background-position: 0px -28px;
}

#nav li#news a:hover
{
	background-position: 0px 0px;
}

#newsnav + #nav #news a
{
	background-position: 0px 0px;
}


#nav li#contact a
{
	background-image:url(/images/contact.png);
	background-repeat:no-repeat;
	display:block;
	height:28px;
	background-position: 0px -28px;
}

#nav li#about a:hover
{
	background-position: 0px 0px;
}

#aboutnav + #nav #about a
{
	background-position: 0px 0px;
}


#nav li#about a
{
	background-image:url(/images/about.png);
	background-repeat:no-repeat;
	display:block;
	height:28px;
	background-position: 0px -28px;
}

#nav li#contact a:hover
{
	background-position: 0px 0px;
}

#contactnav + #nav #contact a
{
	background-position: 0px 0px;
}





#nav li#member a
{
	background-image:url(/images/memberarea.png);
	background-repeat:no-repeat;
	display:block;
	height:28px;
	background-position: 0px -28px;
}

#nav li#member a:hover
{
	background-position: 0px 0px;
}

#membernav + #nav #member a
{
	background-position: 0px 0px;
}



#rightbar
{
	width:725px;
	/*border:solid 1px green;*/
	float:right;
	margin-right:0px;
}

#rightbar ol, #rightbar ul
{
    margin-left:20px;
}

#search
{
	position:relative;
	width:300px;
	left:450px;
	font-size:9px;
}

#copyright
{
	position:relative;
	width:440px;
	color:White;
	float:left;
	margin-left:260px;
	top:25px;
	font-size:11px;
}

#siteby a, #siteby a:link, #siteby a:visited
{
	color:White!important;
}

#siteby a:hover
{
	color:Yellow!important;
}

#siteby
{
	position:relative;
	float:right;
	color:White;
	font-size:11px;
	text-align:right;
	top:25px;
	margin-right:40px;
}

#rightbar h1
{
	font-size:18px;
	margin-top:0.5em;
	font-family:Arial, Sans-Serif;
}

#rightbar h2
{
	font-size:16px;
	margin-top:0.5em;
	font-family:Arial, Sans-Serif;
}

#rightbar h3
{
	font-size:14px;
	margin-top:0.5em;
	font-family:Arial, Sans-Serif;
}

#rightbar p
{
	margin-bottom:1em;
	font-size:13px;
	line-height:20px;
}


#footerblock
{
	width:980px;
	margin-left:auto;
	margin-right:auto;	
	clear:both;
	position:relative;
}

#lfooter
{
	float:left;
	width:400px;
	margin-left:235px;
	margin-top:15px;
	font-size:12px;
	color:White;
	font-family:Arial, Sans-Serif;
}

.group
{
	width:130px;
	float:left;
	margin-right:10px;
}

#lfooter h3
{
	color:White;
	font-size:14px;
	margin-bottom:0.5em;
}

#lfooter ul
{
	display:block;
	color:#0094b9;
	list-style-type:none;
	font-size:12px;
	margin-bottom:1.5em;
}

#lfooter li
{
	margin-bottom:0.3em;
}

#lfooter a, #lfooter a:visited, #lfooter a:link
{
	color:#0094b9;
}

#lfooter a:hover
{
	color:#00beed;
}

#rfooter
{
	width:300px;
	float:right;
}


/* Tutorial Display */

.tutedate
{
	color:#0094b9;
	font-size:11px;
}

.tutebody
{
	line-height:150%;
}

.tutebody ul

{
	margin-left:30px;
	margin-bottom:1em;
}

.tutebody p
{
	margin-bottom:1em;
}

.tutebody br
{
	margin-bottom:1em;
}

.ltutedate
{
	color:#0094b9;
	font-weight:bold;
}

.ltutetitle
{
	font-weight:bold;
}

.ltutedesc
{
	margin-left:30px;
	font-style:italic;
}

/* End of Tutorial Display */

/* Tutorial Comments */
.comment1
{
	padding:5px;
	background-color:#e0e0e0;
}

.comment2
{
	padding:5px;
	background-color:#d0d0d0;
}

.commentdate
{
	color:#0094b9;
	font-weight:normal;
	font-size:10px;
}

.captcha
{
	color:Red!important;
	font-size:12px;
	
}

.desc
{
	text-align:right;
	font-weight:bold;
	vertical-align:top;
}

.snapshot
{
	border:solid 10px #f0f0f0;
	text-align:center;
}


a.beforeafter
{
	background-repeat:no-repeat;
	display:block;
	height:225px;
	background-position: 0px 0px;
	text-align:center;
}

a.beforeafter:hover
{
	background-position: 0px -225px;
}

div.beforeafter
{
    width:300px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0.5em;
    margin-bottom:0px;
    text-align:center;
    font-size:11px;
    font-style:italic;
    line-height:13px;
}

.caption
{
    font-size:10px!important;
    font-style:italic;
    text-align:center;   
}

a.beforeafter2
{
	background-repeat:no-repeat;
	display:block;
	height:200px;
	background-position: 0px 0px;
	text-align:center;
}

a.beforeafter2:hover
{
	background-position: 0px -200px;
}

div.beforeafter2
{
    width:300px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0.5em;
    margin-bottom:0px;
    text-align:center;
    font-size:11px;
    font-style:italic;
    line-height:13px;
}
