@charset "utf-8";
/* CSS Document */

a img {border: 0;}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color:  #666666;
	background-color: #4b4a4a;
	margin: 0;
	padding: 0
}

#maincontainer {
width: 796px;
margin: 1em auto 1em auto;
background-color:#333333;
	}
	
#header {padding: 1em}

#nav {background-color: #4b4a4a;
padding: 0.5em 0 0.5em 0.5em;
}

#nav ul {padding: 0;
margin: 0 0 0 -1em;
text-align:center;
}

#nav ul li {display: inline;
margin: 0;
padding: 0.8em ; /*CHANGED FROM 1EM */

}

#nav li a {
color: #FFFFFF;
text-decoration: none;
}

#nav li a:hover {color: #cc66ff}

#nav li a.on {color: #cc66ff}

#flashcontent {margin: 0;
padding: 0;}

#text {
margin: 0.5em 0 0 0;
padding:0;
}

#textleft {width: 535px;

padding: 1em;
margin: 0 0 0.5em 0.5em;
float: left;
background-color:#cccccc;
border: 8px solid #FFFFFF;

}

#textprocess {
padding: 1em;
margin: 0 0.5em 1em 0.5em;
background-color:#cccccc;
border: 8px solid #FFFFFF;
}

#textcontact {
padding: 1em;
margin: 0 0.5em 1em 0.5em;
background-color:#cccccc;
border: 8px solid #FFFFFF;
text-align:center;
}

#textfaqs {
padding: 1em;
margin: 0 1em 1em 0.5em;
background-color:#cccccc;
border: 8px solid #FFFFFF;
}



#textright1 {
background-color:#cccccc;
margin: 0 0.5em 1em 0;

float: right;
border: 8px solid #FFFFFF;
display:inline}

#textright2 {width: 150px;
background-color:#cccccc;
padding: 1em;
float: right;
margin: 0 0.5em 1em 0;
border: 8px solid #FFFFFF;
display:inline}

#textright3 {width: 150px;
background-color:#cccccc;
padding: 1em;
float: right;
margin: 0 0.5em 1em 0;
border: 8px solid #FFFFFF;
display:inline}

 #textclear {clear:both}
 
 #text a {color: #993399 ;
 text-decoration:none}
 
 #text a:hover {color: #333333}
 
#footer {
font-size:smaller;
color: #999999;
text-align:center;
padding: 0.5em;
letter-spacing: 1px;
background-color: #4b4a4a}

#footer a {color: #999999;
text-decoration: none;}

#footer a:hover {color: #CC66FF  ;}

h1 {font-weight: bold;
font-size: small;}


#textcontactleft {float: left;
margin: 0 0.5em 1em 0.5em;
padding: 1.5em 1em 2em 1em ;
width: 530px;
background-color:#cccccc;
border: 8px solid #FFFFFF;
}
#textcontactright {float: right;
width: 180px;
background-color:#cccccc;
border: 8px solid #FFFFFF;
margin: 0 0.5em 1em 0.5em}

#portfolio {width: 125px;
float: left; padding: 1em;
background-color:#cccccc;
border: 8px solid #FFFFFF;
margin: 0 0.5em 1em 0.5em}

#portfolioright {
width: 580px;
background-color:#cccccc;
float: right;
border: 8px solid #FFFFFF;
margin-bottom:10px;
margin-right:100px;
display:inline; }


#portfolio2 {
width: 596px;
float: right;
/*background-color:#cccccc;*/
margin-right:100px;
margin-bottom:15px;}

#rowforthumbs {
width: 596px;
height: 125px;
/*background-color:#999;*/
margin-bottom:5px;}

#block1, #block2, #block3, #block4{
	float:left;
	width:144px;
	/*background-color:red;*/
	text-align:left;
}

#block1 a, #block2 a, #block3 a, #block4 a{
	color:white;
}

#block1 a:hover, #block2 a:hover, #block3 a:hover, #block4 a:hover {
	color:#cc66ff;
	text-decoration:none;
}

#block2{
	margin: 0 3px 0 7px;
}

#block3{
	margin: 0 7px 0 3px;
}


#thumb1, #thumb2, #thumb3, #thumb4 {
	width:140px;
	/*float:left;*/
	height:80px;
	/*background-color:red;*/
	border: 2px solid #FFFFFF;
}


#descripto {
	width:586px;
	/*height:40px;*/
	background-color:#444;
	float:left;
	margin-left:100px;
	margin-bottom:10px;
	padding-left:10px;
	padding-top: 5px;
	padding-bottom:5px;
	color:#cc66ff;
}

#thetext {
	margin: 5px 0 0 0;
	padding:0px;
}








#portfolio  ul li  {margin: 0 0 1em -2em;
padding: 0;
text-decoration:none;
}





/*---------------holding page---------------*/

 #textholding {width: 742px;
padding: 1em;
margin: 0 0 0.5em 0.5em;
font-weight: bold;
background-color:#cccccc;
border: 8px solid #FFFFFF;
text-align:center;
}

#textholding a {color: #663366;
text-decoration:none; font-weight: bold}
#textholding a:hover {color: #000;}

#andfor {width: 200px; float:right;
margin: 1em 4em 1em 1em}