/*--- Common ---*/
* { padding:0px; margin:0px; }
body { background:#2d0736 url(../images/background.jpg) center top no-repeat; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#917e96; }
.floatLeft, .fL { float:left; }
.floatRight, .fR { float:right; }
.clear { clear:both; display:block; overflow:hidden; height:1px; }

/*--- Wrapper ---*/
#Wrapper { width:881px; margin:auto; padding-top:27px; }

/*--- Main ---*/
#Main { }
#Main .floatLeft { width:638px; }
#Main .floatLeft .top { overflow:hidden; height:54px; background:url(../images/top-background.gif) left top repeat-x #150319; }
#Main .floatLeft .top .fL { height:54px; background:url(../images/works.gif) left top no-repeat; width:95px; }
#Main .floatLeft .top .fR { height:54px; background:url(../images/right-bg.gif) right top repeat-x; width:432px; }
#Main .floatLeft .top .fR .lft { padding-left:87px; height:54px; background:url(../images/bg-left.gif) left top no-repeat; }
#Main .floatLeft .top .fR .lft .rht { background:url(../images/right-top.gif) right top no-repeat; height:54px; overflow:hidden; }
#Main .floatLeft .top .fR .lft .rht li { display:inline; }
#Main .floatLeft .top .fR .lft .rht li a { height:54px; display:block; float:left; overflow:hidden; text-indent:-9999px; }
#Main .floatLeft .top .fR .lft .rht li a.websites { background:url(../images/websites.gif) left top no-repeat; width:108px; }
#Main .floatLeft .top .fR .lft .rht li a.logos { background:url(../images/logos.gif) left top no-repeat; width:91px; }
#Main .floatLeft .top .fR .lft .rht li a.illustrations { background:url(../images/illustrations.gif) left top no-repeat; width:129px; }
#Main .floatLeft .top .fR .lft .rht li a.websites:hover, #Main .floatLeft .top .fR .lft .rht li a.websitesSel { background:url(../images/websites.gif) left bottom no-repeat; width:108px; }
#Main .floatLeft .top .fR .lft .rht li a.logos:hover, #Main .floatLeft .top .fR .lft .rht li a.logosSel { background:url(../images/logos.gif) left bottom no-repeat; width:91px; }
#Main .floatLeft .top .fR .lft .rht li a.illustrations:hover, #Main .floatLeft .top .fR .lft .rht li a.illustrationsSel { background:url(../images/illustrations.gif) left bottom no-repeat; width:129px; }
#Main .floatLeft .mid { border-left:1px solid #3d0c48; border-right:1px solid #3d0c48; background:#150319; padding:0px 19px; }
#Main .floatLeft .bottom { height:14px; background:url(../images/bottom-bg.gif) left top repeat-x; overflow:hidden; } 
#Main .floatLeft .bottom .fL { background:url(../images/bottom-left.gif) left top no-repeat; width:16px; height:14px; }
#Main .floatLeft .bottom .fR { background:url(../images/bottom-right.gif) right top no-repeat; width:15px; height:14px; }
#Main .floatRight { width:243px; margin-top:55px; }
#Main h1.logo { width:243px; height:200px; display:block; background:url(../images/logo.gif) left top no-repeat; overflow:hidden; text-indent:-9999px; }
#Main .chatIds { padding-top:25px; }
#Main .chatIds a { text-decoration:none; color:#fff; }
#Main .chatIds a:hover { color:#ccbbd0; }
#Main .chatIds h2 { font:normal 22px/38px Georgia, "Times New Roman", Times, serif; color:#fff; display:block; padding-left:85px; margin-bottom:20px; }
#Main .chatIds h2.skype { background:url(../images/skype.gif) 24px top no-repeat; }
#Main .chatIds h2.yahoo { background:url(../images/yahoo.gif) 20px top no-repeat; }
#Main .chatIds h2.gtalk { background:url(../images/gtalk.gif) 25px top no-repeat; }
#Main .chatIds h2.aim { background:url(../images/aim.gif) 29px top no-repeat; margin-bottom:0px; }

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
		
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:598px;
		height:431px;
		overflow:hidden;
		position:relative; 
		}
	#slider li{ 
		background:#000;
		}		
				
	span#prevBtn { /*background:url(../images/previous.gif) left top no-repeat;*/  margin-top:9px; float:left; display:block; width:58px; height:19px;  }
	span#nextBtn { /*background:url(../images/next.gif) left top no-repeat;*/  margin-top:9px; float:right; display:block; width:33px; height:19px; }
	span#prevBtn a { width:58px; }
	span#nextBtn a { width:33px; }
	span#prevBtn a, span#nextBtn a { text-decoration:none; display:block; height:19px; }
			
	
	#slider .botArea { background:url(../images/bottom-background.png) left top repeat; width:598px; height:60px; position:absolute; top:371px; padding:10px 15px; z-index:10; color:#8a818c; }
	#slider .botArea h3 { font:normal 20px/24px Georgia, "Times New Roman", Times, serif; color:#ffd200; }	
	#slider .botArea h3 a { color:#ffd200; text-decoration:none; }
	#slider .botArea h3 a:hover { color:#fff; }
	#slider .botArea p span { background:#000; }

/* // Easy Slider */



/*--- Footer ---*/
#Footer { padding-left:28px; font:normal 12px/50px Arial, Helvetica, sans-serif; }
#Footer a { font-weight:bold; color:#ccbbd0; text-decoration:none; border-bottom:1px solid #47294e; padding-bottom:3px; }
#Footer a:hover { border-bottom:1px solid #ccbbd0; }