/* CSS Document */
html, body {border: 0; margin: 0; padding: 0;}

body{
background-color:#040204;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
background-image: url(images/bgm.jpg);
background-position: top;
background-repeat: repeat-x;
}
#main{
width:1025px;
float:left;

}
img{
border:none;
}
td{
color:#000000;
}
#header{
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: left 20px;
	height:115px;
	display:block;
	width:100%;
	background-color:#222126;

}
#links{
	background-image: url(images/linkbg.jpg);
	background-repeat: repeat-x;
	

}

#links ul{
margin:auto;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#links li {
	display:inline;
	margin:0px;
	padding:0px;
	}


#links a  {
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
	padding-left:8px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;


}
.flash{
float:right;
}

#maindiv{
background-color:#040204;
padding:15px;

color:#000000;
}

#maindiv p{
text-align:justify;
color:#000000;
font-size:13px;
}
#maindiv a{
color:#000000;
text-decoration:underline;
}
#maindiv h1{
font-size:20px;
}
#header h1{
font-size:17px;
float:left;
padding-top:58px;
padding-left:100px;
color:#ffffff;
font-weight:normal;

}
#chat{
position:absolute;
top:125px;
left:377px;

}
#homemain{
width:600px;;
float:left;
}
,/*
#homemain h2{
font-size:16px;
font-weight:bold;
}*/
#h2home{
color:#000000 important!;  
font-size:13px important!;
}
.commentbox{
background-color: #ececec;
width: 280px;
padding: 10px;
color:#000000;
}

.commentfooter{
background: url(images/arrow.jpg) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 75%;
color: #FF970A;
}
.testimonials{
float:right;
padding-top:0px;

}
.floatright{
float:right;
padding-top:30px;
background-color:#040204;

}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	float:right;
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	padding-top:0px;
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(images/images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	 /*text-shadow: rgba(0,0,0,.4) 0px 2px 5px; Safari-only, but cool */
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	color:#676E78;
}

.boxbody p{
color:#676E78;
}




.ads {
    padding: 12px 0 12px 0; font-family: "Arial","Verdana","Helvetica",sans-serif; text-align: center;
}
.skip {
	position: absolute; left: -5000px;
}
.photos {
    text-align: center; padding: 24px 0 0 0;
}
#wrapper {
    width: 750px; margin: 0 auto; text-align: center;
}

p.description {
    font-size: 1.2em; padding: 12px 0 12px 0; border-top: #ccc 1px dashed;
}
p.version {
    font-size: .8em; background: #f5f5f5; padding: 4px 0;
}
p.contents {
    font-size: .8em; padding: 12px 0;
}
p.release {
    font-size: .8em; padding: 0 0 12px 0;
}
p.download {
    font-size: .8em; padding: 0 0 12px 0; text-align: left;
}


.fl{
color:#000000;
}
.fl a{
color:#000000;
}
.plink{
color:#000000;
}
.portfoliobottom{
text-align:center;
width:800px;
margin:auto;
color:#ffffff;
font-size:14px;
}

#footer
{ 
text-align: center;
border: 1px solid #000000;
background-color: #cfcfcf; 
width:100%;
} 

#footermenu{

margin: 0;

padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top:10px;
float: left;

font-size: 90%;
width:600px;

}



#footermenu ul{

margin: 0;

padding-left: 0;


float: left;

font-weight: bold;

border: 1px solid #DFDFDF;

border-width: 1px 0;

}



#footermenu ul li{

display: inline;

}





#footermenu ul li a{

float: left;

color: gray;

font-weight: bold;

padding: 2px 6px 4px 6px;

text-decoration: none;

background: #f3f5fb url(menudivide.gif) top right repeat-y;

}



#footermenu ul li a:hover{

color: #565656;

background-color: #F3F3F3;

border-bottom: 4px solid gray;

padding-bottom: 0;


}





.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#portfolio .pitem img {
float:left;
}
#portfolio .pitem{
border:solid black;
background-color:#6B727C;
width:800px;
min-height:200px;
}
.pitemleft{

float:left;
padding-right:20px;
}
.pitemright{
padding-right:20px;
float:right;

}

.fr{
width:500px;
padding-left:10px;
padding-right:20px;
font-size:12px;

}
.fll{
width:500px;
padding-left:10px;
padding-right:20px;


}
.lwork{

padding:15px;
float:left;
}
 #xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0;}
#xsnazzy h1 {font-size:2.5em; color:#000000;}
/*#xsnazzy h2 {font-size:1.5em;color:#F99B00; border:0;}*/
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:5px 1em 100px; color:#000000;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ECECEC; border-left:1px solid #F99B00; border-right:1px solid #F99B00;}
.xb1 {margin:0 5px; background:#F99B00;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ECECEC; border:0 solid #F99B00; border-width:0 1px; padding:5px;}
.xboxcontent p{
color:#000000;

}

.pitem{
border-bottom 1px dashed #000000;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
	height:200px;
	width:800px;
	margin-top:15px;
}
.hbullet {
text-align:left;
padding-left:210px;

}

blockquote p { margin-bottom: 10px; font-style: italic; }
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }

/*
 |	Setting the width for the blockquotes is required
 |	to accurately adjust it's contianer
*/

blockquote {
	font-family: Georgia, Times, serif;
	width: 600px; /* required */
	height:100px;
	padding-left:60px;
	}
	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap { 
	background: #ECECEC url(
	http://www.awebforyou.com/images/quote-mark.png
	) no-repeat 20px 20px;
	margin: 40px 0; padding: 20px; border: 1px solid #FF970A;
	}
	
	.a{
	text-align:left;
	
	}
	.big{
	font-size:120%;
	}
	#signupbutton{
padding: 10px 22px; line-height: 1; background: #254a86; border: 1px solid #163362; font-size: 15px; font-weight: bold; color: #fff;
width:800px;
                                             /* CSS3 */
                                             border-radius:         4px;
                                             -webkit-border-radius: 4px;
                                             -moz-border-radius:    4px;
                                             -o-border-radius:      4px;
                                             -khtml-border-radius:  4px;
                                             box-shadow: 1px 1px 0 #fff;
                                             -webkit-box-shadow: 1px 1px 0 #fff;
                                             -moz-box-shadow: 1px 1px 0 #fff;
                                             text-shadow: -1px -1px 0 rgba(0,0,0,.25);
											 }
											#signupbutton a{
											 color:#ffffff;
											 text-decoration:none;
											 }
											 
											 .blinkleft{
											 text-decoration:blink;
											 font-size:40px;
											 color:#FFFF00;
											 float:left;
											 
											 }
											 
											 .blinkright{
											 text-decoration:blink;
											 font-size:40px;
											 color:#FFFF00;
											 float:right;
											 
											 }
											 
											 .call{
											 float:right;
											 color:#FFFFFF;
											 padding-top:20px;
											 
											 }