/* CSS Document */

body {
	height: 100%;
	margin: 0 0 0 0;
	/*background:url(../images/darksquares.gif);
	background:url(../images/bk_02.jpg);
	
	background-color:#009900;
	background:url(../images/bk_test.jpg);*/
	background-color:#202020;
	text-align:left;



}



html { height: 100%; margin-bottom: 1px; } /* solves slight page position jumping */



html>#container {height:100%} 

#main {
width:661px;
height:auto;
margin:0 auto 0 auto;
padding:0 0 0 0;
/*border: 1px solid #ffffff;*/
}


    DIV.outer
      {
      position:absolute;
      left:0%;
      top:50%;
      width:100%;
      height:520px;
      margin-left:0;
	  margin-top:-260px;
      background-color: #000000;
	  text-align:center;
	  
      }
/* half of cell width and height for negative margins */  
      
   
#bottom {
background-color:#FF00FF;
position:absolute;
left:0;
bottom:0;
width:100%;
height:300px;
}
/*body {*/


	
/*#container {
	width: 100%;
	height: 100%;
/*	position: relative;
	margin:50px 0 auto 0;
	text-align : left;
	background:url(../images/darksquares.gif);
	
	
	
}*/	

/*------------------------------- about skdesign -------------------------------------*/

#about-sk {
margin:30px auto 0 auto;
width:655px;
height:432px;
background:url(../images/about_bk.jpg) no-repeat center ;

}

#about-content {
width:655px;
height:432px;
padding:85px 0 0 0;
}

#about-content p {
margin:5px 10px 0 16px;
text-align:left;

}

#about-content h1 {
margin:2px 15px 0 26px;
text-align:left;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;

}



/*------------------------------- about skdesign -------------------------------------*/

/*----------------------------cv -----------------------------------*/

#cv-content {
width:655px;
height:360px;
padding:85px 0 0 0;

}

#cv-content p {
margin:5px 10px 0 16px;
text-align:left;

}

#cv-content h1 {
margin:2px 15px 0 26px;
text-align:left;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;

}

#cv-scroll {
width:635px;
height:260px;
padding:0 0 0 0;
overflow:auto;
text-align:left;
}

#cv-scroll h1 {
margin:5px 10px 5px 30px;
text-align:left;

}

#cv-scroll .left {
margin:0 10px 5px 20px;
padding:0 0 0 0;
float:left;
width:150px;
height:auto;
/*background-color:#006600;*/
}

#cv-scroll .mid {
margin:0 10px 5px 20px;
padding:0 0 0 0;
float:left;
width:550px;
height:auto;
/*background-color:#006600;*/
}

#cv-scroll .left p {
margin:0 5px 5px 0;
text-align:left;

}

#cv-scroll .left h1 {
margin:0 5px 5px 10px;
text-align:left;

}

#cv-scroll .right {
margin:0 10px 5px 0;
float:left;
width:410px;
height:auto;
/*background-color:#009900;*/
}

#cv-scroll .right p {
margin:0 5px 5px 0;
text-align:left;

}

/*----------------------------downloads-----------------------------------*/

#download-container {
margin:0 auto 0 auto;
padding:100px 0 100px 0;
width:670px;
height:447px;

}

/*----------------------------contact form -----------------------------------*/

#contact-container {
margin: 0 0 0 0;
text-align:left;
}

#contact-container p {
text-align:left;
margin: 0 0 0 15px;

}

.contact-left {
float:left;
margin: 0 10px 10px 20px;
padding:0 0 0 0;
width:80px;
height:25px;

}

#contact-container .contact-left p {
text-align:left;
margin: 0 0 0 0;

}

.contact-right {
float:left;
margin: 0 10px 10px 20px;
width:350px;
height:25px;

}

.contact-right-body {
float:left;
margin: 0 10px 10px 20px;
width:350px;
height:85px;

}


/*-------------------------------------------------------------------*/


p {
padding:0 0 0 11px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;

	
}

strong {
color:#ffffff;
font-size:12px;
margin:0 2px 0 0;

}

.red {
color:#FF0000;

}

.yellow {
color:#ffe001;
}

.green {
color:#00CC00;
font-weight:bold;


}



.smallfont {
color:#000000;
font-size:11px;
text-align:left;
line-height:12px;
}

.smallfont_center {
color:#000000;
font-size:11px;
text-align:center;
line-height:14px;
}




a:link {
color:#FFFFFF;
text-decoration:underline;

}

a:visited {
color:#FFFFFF;
text-decoration:underline;
}

a:hover {
color:#333333;
text-decoration:underline;
}

a:active {
color:#FFFFFF;
text-decoration:underline;
}

/*All site Love Hate*/

/*a.replace { display: block; }*/



#footer {
	position:absolute;
	bottom:0;
	margin:0 0 0 0;
	left:0;
	width: 100%;
	height: 28px;
	line-height:28px;
	display: block;
	text-align:center;
	background:url(../images/footer_tab2.jpg) center no-repeat;

	
}


#footer a:link { 
padding: 0 5px 0 5px;
color:#cccccc;
width: 661px; 
margin: 0 auto 0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:28px;
text-decoration:none;
 }


#footer a:visited {
padding: 0 5px 0 5px;
color:#cccccc;
width: 661px; 
margin: 0 auto 0 auto; 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:28px;
text-decoration:none;
 }

#footer a:hover { 
padding: 0 5px 0 5px;
width: 661px;
color:#CC3300;
margin: 0 auto 0 auto; 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:28px;
text-decoration:none;
}

#footer a:active {
padding: 0 5px 0 5px;
color:#cccccc;
width: 661px; 
margin: 0 auto 0 auto; 
font-family :  Arial, tahoma, georgia, verdana, Helvetica, sans-serif; 
font-size:11px;
line-height:28px;
text-decoration:none;
 }

/*Footer Love Hate

#footer {font-family :  Arial, tahoma, georgia, verdana,  Helvetica, sans-serif;}
#footer a:link {font-size:0.94em; color:#ffffff; text-decoration: underline; border: 1px solid #ffe001; padding-left: 2px; padding-right: 2px;}
#footer a:visited {font-size:0.94em; color:#ffffff; text-decoration: underline; border: 1px solid #ffe001; padding-left: 2px; padding-right: 2px;}
#footer a:hover {font-size:0.94em; color:#000000; text-decoration: none; border: 1px solid #FF0000; padding-left: 2px; padding-right: 2px; background-color: #FFFFFF;}
#footer a:active {font-size:0.94em; color:#ffffff; text-decoration: none; border: 1px solid #FF0000; }*/