/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ul { list-style:none; }
html{background:#000;}
body{background:#000;font-family:Arial;margin-top:2px;font-size:0.95em;}
h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#pagewrap{width:995px;background:#222;margin-left:auto;margin-right:auto;z-index:-1;}

#header{height:20px;width:995px;display:block;background:#222;padding-bottom:10px;}
#navigation{height:20px; width:100%; border-bottom:2px solid #FFCE01;background:#000;position:relative;}
#logo {background:#ffCE01;width:225px; float:left;text-indent:-4000px;padding:2px 0;}
#logo a{width:223px;height:16px;background:url(../dimg/logobackG.gif) no-repeat left top;display:block;}

#rightNav{width:340px; height:17px;float:right;z-index:800;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;position:relative;}


#rightNav ul {width:289px;height:18px;display:block;z-index:5;float:left;position:relative;}
#rightNav ul li {display:inline;}
#rightNav ul li a{width:77px;display:block;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;padding:2px 8px; text-decoration:none;color:#FFCE01;font-size:0.85em;letter-spacing:0.10em;font-weight:bold;float:left;text-align:center;}
#rightNav ul li a:hover{padding:2px 8px;background:#FFCE01;color:#000;}


/*#rightNav ul li a.websites{text-indent:-4000px;width:100px;height:17px;display:block;background:url(../dimg/navi.png) left bottom;}
#rightNav ul li a.websites:hover{background-position:0px top;}

#rightNav ul li a.flow{text-indent:-4000px;width:110px;height:17px;display:block;background:url(../dimg/navi.png) -100px bottom;}
#rightNav ul li a.flow:hover{background-position:-100px top;}
*/


#content{clear:both;color:#FFFF99;background:#000;}
h2{color:#FFCE01;font-weight:bold;letter-spacing:0.10em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h2.home{width:177px;height:18px;background:url(../dimg/h2/homeh2.jpg) left top no-repeat; text-indent:-4000px;}

#homeBody{background:url(../dimg/home_body.jpg) no-repeat left top;width:995px;height:572px;z-index:1;}
#PortBody{background:url(../dimg/porto_body.jpg) no-repeat left top;width:995px;height:572px;}
#payBody{background:url(../dimg/pay_body.jpg) no-repeat left top;width:995px;height:572px;}
#aboutBody{background:url(../dimg/about_body.jpg) no-repeat left top;width:995px;height:572px;}
#artBody{background:url(../dimg/artists_body.jpg) no-repeat left top;width:995px;height:572px;}
#maincontent{width:767px;background:url(../dimg/body_trans36.png);padding:15px 0 45px 33px;float:right;}


#PortBody #maincontent{width:767px;background:url(../dimg/body_trans36.png);padding:25px 0 25px 33px;float:right;}
#payBody #maincontent {margin-bottom:275px;}
#innerContent{width:390px;padding:8px 21px 8px 8px;background:#161616;}
#innerContent a{color:#fffe01;}


#content p {font-size:12px; line-height:140%;padding:8px 0;letter-spacing:0.10em;}

#flowwrap{float:right;width:800px;margin-top:10px;}

#flowwrap div.skills{padding:4px 10px 25px 35px;background:url(../dimg/body_trans45.png);width:240px;float:left;}

div.skills h2{width:144px;height:19px;background:url(../dimg/h2/madskills.jpg) no-repeat left top;display:block;text-indent:-4000px;border-bottom:2px solid #000;}

div.skills ul {background:#161616;padding:10px 0 10px 8px;font-size:0.75em;letter-spacing:0.10em;text-transform:capitalize;}
div.skills ul li {width:100px;padding:0 5px 3px 0; display:inline-block;}



#flowwrap div.recent{float:right;width:490px;padding:5px 5px 15px 5px;background:url(../dimg/body_trans45.png);}

div.recent h2{width:144px;height:19px;background:url(../dimg/h2/recent.jpg) no-repeat left top;display:block;text-indent:-4000px;border-bottom:2px solid #000;}

#flowwrap div.recent ul {background:#161616;padding:10px 2px 10px 2px;float:left;}
#flowwrap div.recent ul li {padding:0;float:left;padding:0 7px;display:block;}
#flowwrap div.recent ul li a {width:95px; height:73px;display:block;background:#333; padding:3px;background:#000;}
#flowwrap div.recent ul li a img{display:block;width:95px; height:70px;}
#flowwrap div.recent ul li a.nextp{width:30px; height:25px;}

div.clearer{clear:both;}
#footer{width:900px;margin-left:auto;margin-right:auto;text-align:center;padding-top:43px;background:transparent;}
#footer p{font-size:75%;letter-spacing:normal;}
#footer p a {float:right;color:#999999;text-decoration:none;}
#footer p a:hover{color:#FFFFCC;}
#skip{display:none;}



  a.go { height:20px;width:20px;
background:url(../images/gogo.gif) no-repeat left top;
text-indent:-9999px;display:block;float:left;margin-top:32px;margin-left:4px;}
a.go:hover{cursor:pointer;}



#contactWrap{z-index:1000;float:right;height:1%;width:auto;}



/*what do you think of that>?*/
#sideBar{text-align:left;

}

#sideBar h2{
	color:#000;
	font-size:90%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-weight:bold !important;
}

#sideBar h2 span{
	font-size:125%;
	font-weight:normal !important;
}
#sideBar{z-index:800;
	position: relative;
	width: auto;
	height: auto;
	top: 5px;
	right:0px;
float:right;position:absolute;
}

#sideBarTab{z-index:800;
	float:left;
	height:159px;
	width:31px;position:relative;
}

#sideBarTab img{z-index:900;
	border:0px solid #FFFFFF;position:relative;width:31px; height:159px;
}

#sideBarContents{z-index:800;
	float:left;
	overflow:hidden !important;
	width:300px;
	height:auto;;padding-top:10px;
	background:#ffCE01;text-align:left;
	padding-bottom:10px;position:relative;
}

#sideBarContentsInner{
	padding-left:10px;padding-bottom:10px;
}

/*forms tyles*/
#formarea{background:#000;width:250px;padding-left:10px;float:left;}

#send{clear:both;}
#formarea label{}
#formarea dl{padding-top:3px;}
#formarea dt{padding-top:2px;color:#fff;font-size:12px;}
#formarea dd{padding-top:4px;}
#formarea dt span {font-weight:normal;}
#formarea input {padding:0;margin:0;width:200px;}
#formarea input,textarea,select {}
#formarea .sendit{border:#333 solid 1px;background-color:#F0F0F0;}
#formarea dd.submitB{padding-bottom:10px;}
#formarea textarea,select {width:200px;}

span.closed{width:49px;display:block;border:4px solid black;clear:left;cursor:pointer;}






dl#breakdown{width:500px; padding-left:5px;padding-top:15px;}
dl#breakdown dt{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.90em;letter-spacing:0.10em;margin-bottom:5px;border-bottom:1px inset #333;font-weight:bold;clear:both;}
dl#breakdown dd{background:url(../dimg/dl_serv/ddback_1.gif) left top no-repeat;height:87px;margin-bottom:5px;}
dl#breakdown dd.busi{background:url(../dimg/dl_serv/ddback_3.jpg) no-repeat left top;}
dl#breakdown dd.micro{background:url(../dimg/dl_serv/ddback_5.jpg) no-repeat left top;}
dl#breakdown dd.cms{background:url(../dimg/dl_serv/ddback_4.jpg) no-repeat left top;}
dl#breakdown dd.convert{background:url(../dimg/dl_serv/ddback_6.jpg) no-repeat left top;}
dl#breakdown dd.actors{background:url(../dimg/dl_serv/ddback_7.jpg) no-repeat left top;}
dl#breakdown dd p {margin-left:130px;padding-right:8px;font-size:75%;border-top-color:#CECECE;width:350px;}
dl#breakdown dd p a{font-weight:bold;letter-spacing:0.10em;text-transform:capitalize;color:#FFCE01;}
dl#breakdown dd p a:hover{color:#fff;cursor:pointer;}


ul#list{font-size:12px; line-height:140%;padding:8px 0;letter-spacing:0.10em;padding-left:20px;}
ul#list li a{color:#FFCE01;}

#innerContent h3 {color:#FFCE01;font-weight:bold;letter-spacing:0.10em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:90%;} 

#slist{font-size:12px; line-height:140%;padding:8px 0;letter-spacing:0.10em;padding-left:10px;list-style-type:disc;}
#slist li{margin-left:10px;}
div.stretcher a{color:#FFCE01;}
div.stretcher a:hover{color:#fff;}

img.imgb{float:right;padding-left:4px; padding-bottom:8px;}