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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
body{margin: 0;background-image:url(img/e.jpg);
padding: 20px 0px 0px 0px;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

td {
font:9pt Arial, Helvetica; color: #555555;

}


/* Home Page -------------- */
#homepage #content {padding-top: 0px; position:relative; height:325px; width:940px;}
#homepage h1 {color: #F89638; font-size: 1.8em; line-height: 1.5em;}
#homepage h1 span {font-size: 1.33em; font-weight: bold; color: #000;} /* 24px/18px=1.33em */

#homepage #cols {margin-top: 30px; border-top: 1px solid #939598;}
#homepage #content li {margin: 10px 0; padding: 0 20px;}
#homepage #content li a {color: #000;}
#homepage #content li img {float: none; padding-right: 0px;}
#homepage #content #cols .last {border-right: none; margin-bottom: 10px;}
#homepage #content #cols .last img {float: none; padding-right: 52px; }

#homepage #content #cols2 {margin-top: 300px; padding-bottom: 10px; border-top: 1px solid #939598;}
#homepage #content #cols2 li {width: 204px; height: 100px; float: left; margin: 10px 0; padding: 0 10px; border-right: 1px solid #939598;}
#homepage #content #cols2 li a {color: #000;}
#homepage #content #cols2 li img {float: none; padding-right: 10px;}
#homepage #content #cols2 .last {border-right: none; margin-bottom: 10px;}
#homepage #content #cols2 .last img {float: none; padding-right: 5px; }
#homepage #content #cols2 li .col {float: left;}
#homepage #content #cols2 li #col2 {padding-left: 0px;}
#homepage #content #cols2 li .col a {color: #939598;}
#homepage #content #cols2 li .col strong {color: #000;}
#homepage #content #cols2 li.popular img {padding-bottom: 0px;}


			

#homepage #content #splash {margin-top: 0px;height:325px; width:940px; position:relative;}
#homepage #content #splashcontainer {width:150px; position:absolute; font:9pt Arial, Helvetica; color: #555555;}
#homepage #content #splash li {position:absolute; top: 0; left: 0; width: 877px; float: none; padding: 0; margin: 0; font:8pt Arial, Helvetica; color: #555555;}
#homepage #content #splash li img {float: none; padding: 0; border: 10px solid #000;}
#homepage #content #splash .issue-detail {position:absolute; right: 26px; bottom: 14px; width: 204px; padding: 5px 10px 5px 10px; background: #ffffff;}
#homepage #content #splash .issue-detail h2 { font: 10pt Arial, Helvetica; color: #555555; font-weight: bold; }
#homepage #content #splash .issue-detail .intro {display: none;  font:8pt Arial, Helvetica; color: #989898;}
#homepage #content #splash .issue-detail .intro a {color: #F89638;  font:8pt Arial, Halevetica; }
#homepage #content #splash .issue-detail p {font-size: 1.0em; margin: 0;}


/* LIGHTBOX */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 11pt Arial, Helvetica, sans-serif; color:#212121;
	background-color: #ffffff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #212121; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

.text8{  
font-family: Tahoma, Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 8pt; 
font-style: normal; 
color: #555555;}

.text9{  
font-family: Tahoma, Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 9pt; 
font-style: normal; 
color: #787878;}

.text10{  
font-family: Tahoma, Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 10pt; 
font-style: normal; 
color: #444444;}

.text11{  
font-family: Tahoma, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 11pt; 
font-style: normal; 
color: #353535;}


.text12{  
font-family: Tahoma, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 12pt; 
font-style: normal; 
color: #555555;}


.text13{  
font-family: Tahoma, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 13pt; 
font-style: normal; 
color: #FFFFFF;}


.text14{  
font-family: Tahoma, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 14pt;  line-height:26px;
font-style: normal; 
color: #FFFFFF;}


.text15{  
font-family: Tahoma, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 15pt; 
font-style: normal; 
color: #FFFFFF;}


.text16{  
font-family: Tahoma, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 16px; 
font-style: normal; 
color: #5b5b5b; }


.text18{  
font-family: Tahoma, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 18px; 
font-style: normal; 
color: #5b5b5b; }



.trail{  
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
font-size: 12px; 
color: #020202;
padding-top: 2px;
padding-bottom: 0px;
padding-left: 6px;
padding-right: 6px;}


.intro{  
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
color: #989898; 
background-color:#;
padding: 5px;}


.idTxt{  
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 9px; 
font-style: normal; 
color: #999999; 
background-color:#FFFFFF;
padding: 5px;}


.mainTxt{  
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
color: #555555; 
background-color:#FFFFFF;
padding: 5px;}


.rghtNav{  
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
color: #555555; 
background-color:#FFFFFF;
padding: 5px;}


.brds1{
border-top-color: #555555;
border-right-color: #353535;
border-bottom-color: #353535;
border-left-color: #555555; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; }


.sub-nav{  
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 11px; 
font-style: normal; 
font-weight: bold; 
color: #F1F1F1; 
padding-left: 6px; 
padding-top: 1px;
padding-bottom: 1px;
padding-right: 0px; 
background-image: url("http://www.diywebpros.com/images/wht-arrw.jpg");}


.sub-nav2{  
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 10px; 
font-style: normal; 
font-weight: normal; 
color: #555555; 
padding-left: 9px; 
padding-top: 5px; 
padding-bottom: 2px; 
padding-right: 0px; 
background-image: url("http://www.diywebpros.com/images/gry-x.jpg");}


.logo_tr{  
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 11px;  
font-weight: normal; 
color: #555555; 
text-aLign:right; 

padding-left: 6px; 
padding-top: 1px;
padding-bottom: 10px;
padding-right: 50px; 
background-image: url("http://www.evasivdesign.com/images/logo_tr.gif");
background-position: right top;
}



.main_lnks
{  

font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 11px;  
font-weight: normal; 
color: #555555; 
text-aLign:right; 

padding-left: 6px; 
padding-top: 1px;
padding-bottom: 10px;
padding-right: 50px; 
background-image: url("");
background-position: right top;
}




.footer
{  

font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 11px;  
font-weight: normal; 
color: #555555; 
text-aLign:right; 
line-height:22px;
padding-left: 6px; 
padding-top: 1px;
padding-bottom: 10px;
padding-right: 50px; 

}



.logo
{background-repeat:no-repeat; background-position: right center;

}



.div_home_lv1

{text-aLign: center; counter-increment:inherit; visibility: visible;

}

.div_body_lv2

{position: absolute; width:700px; 
z-index:1; left: 10px; top: 264px; 
visibility: visible;

font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 9px; 
font-style: normal; 
font-weight: normal;
color: #989898; 



border-top-color: #000000;
border-right-color: #353535;
border-bottom-color: #bc0a06;
border-left-color: #555555; 
border-style: solid; 
border-top-width: 2px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px; 



}

.div_body_lv3

{position:absolute; 
width:700px;  height:369px;
z-index:1; left: 10px; top: 800px; 
visibility: visible;

font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 9px; 
font-style: normal; 
font-weight: normal;
color: #989898; 



border-top-color: #555555;
border-right-color: #353535;
border-bottom-color: #bc0a06;
border-left-color: #555555; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px; 



}


.div_proj_lv2

{width:700px;  


font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 9px; 
font-style: normal; 
font-weight: normal;
color: #989898; 



border-top-color: #bc0a06;
border-right-color: #353535;
border-bottom-color: #ADADAC;
border-left-color: #555555; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px; 



}


.div_copy_lv2

{position:absolute; 
width:540px;  
z-index:1; left: 10px; top: 500px; 
visibility: visible;

font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 9px; 
font-style: normal; 
font-weight: normal;
color: #989898; 



border-top-color: #555555;
border-right-color: #353535;
border-bottom-color: #ADADAC;
border-left-color: #555555; 
border-style: solid; 
border-top-width: 2px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px; }


.div_fam_footer

{position:absolute; 
width:597px;  
z-index:1; left: 10px; top: 574px; 
visibility: visible;
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
font-size: 9px; 
font-style: normal; 
font-weight: normal;
color: #989898; 

border-top-color: #555555;
border-right-color: #353535;
border-bottom-color: #ADADAC;
border-left-color: #555555; 
border-style: solid; 
border-top-width: 2px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px; }


#wht_undrline{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:4px;}

#regNav img{
	margin-bottom: -4px;}

#regnl {
	position: absolute;
	top: 0px;
	left:0px;}

#regnr {
	position: absolute;
	top: 0px;
	right:0px;}




#wht_undrline{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:4px;}


a.wht_undrline, a.wht_undrline:active, a.wht_undrline:visited{
	color: #EFEFEF;
	text-decoration: underline;}

a.wht_undrline:hover{
	color:#fda66d;
	text-decoration: underline;}



#wht_noline{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:4px;}


a.wht_noline, a.wht_noline:active, a.wht_noline:visited{
	color: #EFEFEF;
	text-decoration: none;}

a.wht_noline:hover{
	color:#ffffff;
	text-decoration: underline;}
	
	
	


#regNav img{
	margin-bottom: -4px;}

#regnl {
	position: absolute;
	top: 0px;
	left:0px;}

#regnr {
	position: absolute;
	top: 0px;
	right:0px;}

#khki_undrline{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:4px;}


a.red_undrline, a.red_undrline:active, a.red_undrline:visited{
	color: #b71f25;
	text-decoration: underline;}

a.red_undrline:hover{
	color:#555555;
	text-decoration: none;}





#neongrn_undrline{}


a.neongrn_undrline, a.neongrn_undrline:active, a.neongrn_undrline:visited{
	color: #3dd722;
	text-decoration: underline;}

a.neongrn_undrline:hover{
	color:#000000;
	text-decoration: none;}







#blk_undrline{}


a.blk_undrline, a.blk_undrline:active, a.blk_undrline:visited{
	color: #353535;
	text-decoration: underline;}

a.blk_undrline:hover{
	color:#555555;
	text-decoration: none;}
	
	
	
	
	
#blu_undrline{}


a.blu_undrline, a.blu_undrline:active, a.blu_undrline:visited{
	color: #27a7e9;
	text-decoration: underline;}

a.blu_undrline:hover{
	color:#555555;
	text-decoration: none;}
	
	
	
#orng_undrline{}


a.orng_undrline, a.orng_undrline:active, a.orng_undrline:visited{
	color: #ff6500;
	text-decoration: underline;}

a.orng_undrline:hover{
	color:#555555;
	text-decoration: none;}
	
	
	
#grey_undrline{}


a.grey_undrline, a.grey_undrline:active, a.grey_undrline:visited{
	color: #797979;
	text-decoration: underline;}

a.grey_undrline:hover{
	color:#555555;
	text-decoration: none;}


#selected{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:4px; }



a.selected, a.selected:active, a.selected:visited{
	color: #212121;
	text-decoration: none;font-weight: bold;}

a.selected:hover{
	color:#BBBBBB;
	text-decoration: none;}





#side_link1{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:4px;}

a.side_link1, a.side_link1:active, a.side_link1:visited{
	color: #FFFFFF;
	text-decoration: none;}

a.side_link1:hover{
	color:#000000;
	text-decoration: underline;}



.HH{
margin: 0;
background:#000000;
background-image: url("http://www.evasivdesign.com/images/HH2006.gif");
background-position: center center;
background-repeat:no-repeat;}


.BODY2{
background-image: url("http://www.evasivdesign.com/images/diamond.png");
margin: 0;

text-align: LEFT;
scrollbar-3dlight-color:#EFEFEF;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#989999;
scrollbar-track-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#DFDFDF;
scrollbar-highlight-color:#DFDFDF;
scrollbar-shadow-color:#DFDFDF;}



.browser  {
scrollbar-3dlight-color:#EFEFEF;
scrollbar-arrow-color:#f94a05;
scrollbar-base-color:#989999;
scrollbar-track-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#DFDFDF;
scrollbar-highlight-color:#DFDFDF;
scrollbar-shadow-color:#DFDFDF;
color:#888888;
margin:0px;
background-image: url("http://www.evasivdesign.com/Family/intro/1.png");
background-repeat: no-repeat;
background-position: 0em 0em;
background-attachment: fixed;}



.browser-bg{
color:#F1F1F1;
font-family:Trebuchet MS,Arial,Verdana;
font-size:11px;
font-weight:normal;
padding-top:0px;
padding-left:19px;
border-width:0px;
border-color:#212121;
border-style:solid;}