/*****************************************************************************************************************
******************************************************************************************************************
*****
*****
*****		MAIN PAGE ELEMENTS	
*****
*****
******************************************************************************************************************
******************************************************************************************************************/
  
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0px;
padding: 0px;
width: auto;

	scrollbar-base-color: #FFFFFF;
	scrollbar-face-color:#d8261c;
	scrollbar-track-color:#FFFFFF; 
	scrollbar-arrow-color:#FFFFFF; 
scrollbar-shadow-color:#d8261c;
scrollbar-highlight-color:#d8261c;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;

} 

#main {
background-image:url(/template/images/background2.gif);
background-position: center 0px;

background-repeat: no-repeat;
background-color: #000000;
margin: 0px;
padding: 0px;
}



div.all {

position: static;
margin: 0px;

display: block;
padding: 0px;
/*padding-bottom: 0px;
padding-right: 0px;*/
} 







/*****		TOP */	

.top {
	position: static;
	display: block;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 750px;
	clear: both;
	float: none;

	text-align:center;
	padding: 0px;
	padding-top: 8px;
	height: 250px;
	overflow: hidden;
}





.top h1 {
	display: none;	
	overflow: hidden;
	padding: 0px;
	height: 0px;
	display: block;
	overflow: hidden;
	width:0px;

}




	




/*****		CONTENT */	
.content {
	width: 700px;
	display: block; 
	padding: 0px;
	background: none;
	

	background-position: 0px 0px;
	background-repeat: repeat-x;
	
	padding: 0px;
	
	padding-top: 0px;
	margin: auto;
	margin-bottom: 0px;
	_padding-left: 70px;
	}	
	
	p.crumbs a{ 
	color: #d8261c;  
	}
	
p.crumbs { 

	left: 0px;
	position: relative;
	top: -65px;
	*top: -45px;
	z-index: 50;
	clear: none;


	display: block;
	background: none;	
	line-height: 15px;
	margin: 0px;
	text-indent: 0px;
	color: #999999;
	height: 20px;
	width: 500px;
	overflow: hidden;
	margin-left: 52px;
	text-transform: lowercase;
	text-align: left;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;


}	

.htmlarea  {	
	
	padding: 0px;
	padding-bottom: 110px;
	display: block;
	border: none;
	margin-right: 22px;
	margin-left: 30px;
	
	/*_margin-left: 80px;
		_margin-right: 0px;*/
	margin-top: -20px;
	*margin-top: -70px;
	_margin-top: -10px;
	min-height: 540px;
	width: auto;
}


h1.header {
margin-top: 20px;
margin-bottom: 2px;
	
	margin-left: 50px;
	display: block;
	clear: both;

	
	position: static;
}

.footer {
	

	width: 770px;
margin: auto;

height: 60px;
margin-left: 9px;
}
.footer .links {
padding-left: 20px;
display: block;

}

.footer a img,
.top a img  {
	display: none;
}
.footer p a,
.footer p a strong
{
	color: #FFFFFF;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}

/*****		LINKS /*/

.top ul.links {
	display: block;
	left: 50%;
	top: 10px;
	margin-left: -55px;
}

ul.links {

	position: absolute;
	z-index: 101;
	clear: both;
	left: 50%;
	width: 350px;
	padding: 0px;
	margin-left: -375px;
		text-align: right;
	clear: both;
	float: none;

	display: block;

}


ul.links li{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 5px;
	text-align: right;
	float: right;
	clear: none;
	line-height: 30px;
	border: none;
	text-transform: lowercase;
	font-weight: normal;
	
text-align: left;
	float: left;
	margin-top: -10px;
	line-height: 20px;
	padding-left: 15px;	
	font-size: 9px;	
}

ul.links li a{
	color: #c8cbce;
			font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;

}

ul.links li a:hover{
	color: #d8261c;
}



.footer p{
	float: right; 
	clear: none;
	padding: 0px;
	margin: 0px;
	margin-top: -20px;
	padding-right: 10px;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 47px;

	}
.footer p a {
	position: absolute;
	margin-top: 30px;
	margin-left: -140px;
	
	*margin-left: -150px;
	color: #333333;
}






.tools{
position: absolute;

display: block;

height: 30px;
clear: none;
z-index: 250;

top: 30px;
left: 50%;
width: 350px;
margin-left: -320px;	 
text-align: right;

}
.tools a{ 
	color: #d8261c;
	font-size: 10px;
	font-weight: normal;
	letter-spacing:2px;
	text-transform: lowercase;
}
.tools a img {
	margin-right: 5px;

	border: none;
	vertical-align: middle;
	margin-left: 10px;
}

/*****************************************************************************************************************
******************************************************************************************************************
*****
*****
*****		Navigation
*****
*****
******************************************************************************************************************
******************************************************************************************************************/

.navigation { 
	padding: 0px;
	position: absolute;
	top: 90px;
	left: 50%;
	margin-left: -350px;
	margin-top: 0px;
	width: 700px;
	display: block;
	clear: both; 
	z-index: 6000;

	
}

.navigation .level0{
	display: block;
	position: static;
	text-align: right;
	padding: 2px;
	margin: 0px;
	margin-top: 80px;

}
/*
.level0 li {
border-top: 1px dotted #333333;
margin-top: 20px;
margin-left: 0px;
padding-left: 15px;
}*/
.level1 li{
margin-top: 15px;
color: #FFFFFF;
border-top: 1px dotted #999999;
}
.level2 li {
font-size: 10px;
margin-top: 0px;
border: none;
}

.navigation .level0 li {

	text-align: right;
	
	display: block;
	border: none;
	position: static;
	padding: 0px;
	padding-left: 0px;
	margin: 0px;
	float:left;
	clear: none;
	list-style: none;
		
}

.navigation a:hover,
.navigation .level0 li.on .level1 a:hover {
	color: #333333;
}

.navigation a {
	padding: 10px;
	
	padding-top: 25px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 10px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	text-align: left;
	color: #FFFFFF;
	margin: 0px;
	margin-top: 0px;
	cursor: pointer;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 1px;
	display: block;	
	background-image:url(/template/images/navigation_a.gif);
	background-repeat: no-repeat;
	background-position: right -10px;
	}

.navigation .level0 {
margin-left: 10px;
}

.navigation li {
	background: none;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.navigation .level0 li {
	margin-top: 2px;
	margin-bottom:0px;
		padding-left: 0px;
border: none;
}

.navigation .level0 li a{	
	font-weight: bold;

	color: #FFFFFF;
}

.navigation .level0 li.off a{	
	color: #ffffff;
	font-weight: bold;
}





.navigation .level0 li.off .level1,
.navigation .level0 li.on  .level1
{
	display: none;
	
}
.navigation .level0 li.over .level1{
	display: none;
	position: absolute;
	top: 129px;

	z-index: 9260;
	padding: 0px;
	margin: 0px;
	width: 200px;
	
	background-color: #af1e2d;
	/*margin-left: 135px;
background-image:url(/template/images/secondaryNav.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-bottom: 2px solid #d8261c;	
	
	*/

}

.navigation .level0 li.over .level1 li {
	border: none;
		padding-left: 0px;
			margin-left: 0px;
			margin-right: auto;

}

.navigation .level0 li.over .level1 a{
	color: #FFFFFF;
	clear: both;
	border: none;
	padding: 4px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-left: 0px;
	border-top: 1px dotted #999999;
	padding-right: 5px;
	display: block;
	overflow: visible;
	width: 190px;
	clear: both;
	background: none;
}
/*
.navigation .level0 li.on .level1 li.on a{	
	border-left: 5px solid #d8261c;
	border-top: 1px dotted #999999;

	width: 217px;

}
*/

.navigation .level1 li .level2{
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	margin-left: 00px;
	margin-right: auto;
	padding-left: 10px;	
	width: 200px;	
	}

.navigation .level0 li.on  .level1 li.on .level2 li ,
.navigation .level0 li.on  .level1 li .level2 li {
	border: none;
	width: 200px;
	margin-left: 00px;
	margin-right: auto;
	float: left;
	clear: both;
	padding: 0px;


}

.navigation .level0 li.on  .level1 li.off .level2 {
display: none;
}
.navigation .level0 li.on  .level1 li.on .level2 {
display: block;
}


.navigation .level0 li.on  .level1 li.on .level2 li a{
	text-transform: lowercase;
	letter-spacing: 0px;
	font-weight: normal;
	width: 200px;
	border: none;
		padding: 3px;
}


.navigation  #selected {
	text-decoration: underline;
	list-style:circle;
}


/*****************************************************************************************************************
******************************************************************************************************************
*****
*****
*****		html
*****
*****
******************************************************************************************************************
******************************************************************************************************************/

  
.hero {
	clear: both;
	display: block;
	overflow: hidden;	
	position: static;
	float: none;
	max-width: 508px;
	max-height: 150px;
	padding: 0px;
	margin: 0px;
	margin-left: 90px;

	z-index: 90;
	position: absolute;
	top: 170px;
	left: 50%;
	border: 1px solid #d8261c;
	
}


 
form.contact {
	width: 218px;
	max-width: 218px;
	display: block;
	overflow: hidden;
	margin: 0px;
	clear: left;
	float: left;
	position: static;
	text-align: right;
	padding: 0px;
	margin-top: -56px;

}

form.contact h3{
	font-size: 14px;
	text-align: center;
	
	
}

fieldset {
	border: none;
}

input{
	border: 1px solid #313b48;
	border-bottom-color: #dddddd;
	padding: 2px;
	font-size: 10px;
	width: 100px;

}


input[type="text"]{
	border: 1px solid #313b48;
	border-bottom-color: #dddddd;
	padding: 2px;
	margin-right: 0px;
	margin-left: auto;
}

textarea {
	border: 1px solid #313b48;
	border-bottom-color: #dddddd;
	padding: 2px;
	height: 120px;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 4px;
	
}

input[type="submit"]{
	font-weight: bold;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	background-color: #4d5661;
	background-image: url(/template/images/submit.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	color: #c8cace;
	font-size: 10px;

	cursor: pointer;
	border: 1px solid #313b48;
	margin-right: 0px;
	margin-left: auto;
	padding-left: 5px;
	padding-right: 5px;
	width: auto;
}

label{
	margin-bottom: 4px;
	margin-right: 15px;
	margin-left: 15px;
	clear: none;
	float: left;
	position: static;
	display: block;
	color: #686868;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	
}

a img.heroSmall {
	border: none;
	float: left;
	clear: none;
	margin: 10px;
}


#search {
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: 194px;
	*margin-left: 99px;
	z-index: 200;
}

.reseller {
	background-image:url(/template/images/reseller.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 101px;
	width: 230px;
	position: absolute;

	left: 50%;
	margin-top: -120px;
	margin-left: -385px;
padding-top: 20px;
padding-right: 20px;
z-index: 260;
clear: both;
}

.reseller label {
	font-size: 10px;
	color: #FFFFFF;
	display: block;
	height: 22px;
		line-height: 22px;
	width: 200px;
	overflow: hidden;
	text-align: right;
	clear: both;
	float: none;
}
.reseller input {
	width: 110px;

}

.reseller .button{
	width: 60px;
}

.reseller p a{
	color: #FFFFFF;
	text-decoration: underline;
}

.reseller p {
	font-size: 10px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 33px;
}

.flagged {
	background-color:#f8f8f8;
	border: 1px dotted #999999;
	padding: 4px;
	margin-top: 10px;
	min-height: 150px;
}

.flagged p {
margin-bottom: 10px;

}

.flagged h2 {

	display: block;
	clear: none;
	
}

.flagged img.heroSmall {
padding: 5px;
background-color: #FFFFFF;
	border: 1px dotted #999999;
	float: left;
	clear: none;
	
}

.portfolio{
	position: absolute;
	left: 50%;
	margin-left: -375px;
	clear: both;
	display: block;
	
	margin-top: -100px;
}

.sample {
	display: block;
	height: 300px;
	width: 300px;
	clear: both;
	margin-left: 30px;
	padding: 10px;
	border: 1px solid #666666;
	background-color: #333333;
}

.sample p {
	margin-left: 0px;
}