/* CSS Document */

/* Black #424242 */



/* PAGE Styles */

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



* {

    font-family: Verdana, Arial, Helvetica, sans-serif; 

	font-size: 12px;

	color: #333333;

	line-height: 150%;

}	



#page_area {

    width: 640px;

	margin: 0 auto;

	margin-top: 10px;

	text-align: left;

}



.page_push {

    width: 640px;

	height: 0px;

    clear: both;

	overflow: hidden;

}



#head_area {

    width: 640px;

	height: 68px;

	margin: 0 auto;

	text-align: left;

	background: #424242;

    overflow: hidden;

    padding: 2px 0px 0px 0px;

}



#pics_area {

    width: 640px;

	height: 75px;

	overflow: hidden;

}



#menu_area {

    position: absolute;

	top: 155px;

    width: 640px;

	height: 30px;

	background: url(images/menu-back.jpg);

	text-align: left;

	overflow: hidden;

}



#body_area {

    position: absolute;

	top: 185px;

    width: 640px;

	text-align: left;

	padding: 0;

	margin: 0;

}



#foot_area {

    width: 640px;

	text-align: left;

	background: #424242;

    overflow: hidden;

	margin: 0;

	padding: 0;

}



h1 {

    font-family: Verdana, Arial, Helvetica, sans-serif;    

    color: #676868;

	font-size: 12px;

	font-weight: bold;

	margin: 0px;

	padding: 0px 0px 5px 0px	

}



h2 {

    font-family: Verdana, Arial, Helvetica, sans-serif;    

    color: #767777;

	font-size: 12px;

	font-weight: bold;

	margin: 0px 0px 0px 0px;

	padding: 0px	

}



.high_text {

    color: #FF6633;

}



/* HEAD Styles */

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



#head_text {

    padding: 10px 12px 0px 0px;

    width: 340px;

	float: right;

	text-align: right;

}



#head_text p {

    color: #FFF;

	font-size: 11px;

    line-height: 140%;

	margin: 0px;

	padding: 0px;

}



#head_text strong {

    color: #FFF; 

	font-size: 11px;		

}





#head_text a {

    color: #FFF;

	font-size: 11px;	

	text-decoration: none;

}



#boslogo_img {

    float: left;

	width: 280px;

	height: 70px;

	border: 0px;

	padding: 0px;

	margin: 0px 0px 0px 0px;

}



.grey_text {

    font-size: 11px;

    color: #CCCCCC;

}



/* MENU Styles */

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



#menu_area p {

    margin: 0px;

	padding: 5px 0px 0px 0px;

}



#menu_area a {

    diplay: block;

	float: left;

    width: 89px;

	height: 30px;

	text-decoration: none;

	color: #FFFFFF;

	text-align: center;

	border-right: #CCCCCC 1px solid;

	padding-top: 5px;

}



#menu_area a:hover {

    diplay: block;

	float: left;

    width: 89px;

	height: 30px;

	text-decoration: underline;

	color: #FFFFFF;

	text-align: center;

	border-right: #CCCCCC 1px solid;

}



#menu_home {

    float: left;

    width: 80px;

	height: 30px;	

    background: url(images/menu-back-home.jpg);

	text-align: center;

	font-weight: normal;

}



/* BODY Styles */

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



#body_area p {

    margin: 0px;

	padding: 0px 0px 10px 0px;

}



#body_area strong {

    color: #767777; 

}



#body_area a {

    text-decoration: none;

    color: #0066CC;

}



#body_area a:hover {

    text-decoration: underline;

    color: #0066CC;

}



.body_push {

    width: 600px;

	height: 0px;

    clear: both;

	overflow: hidden;

}



#foot_menu {

    margin: 0;

	padding: 0;

}

#foot_link {
	padding: 10px 0px 15px 0px;	
}

#foot_link p {

    font-size: 11px;

	line-height: 150%;

}



#foot_link a {

    font-size: 11px;

    color: #666;

	text-decoration: underline;

}



#foot_link a:hover {

    color: #666;

	text-decoration: underline;

}



/* BODY Home */

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



#home_main {

    float: left;

    width: 290px;

	padding: 10px 0px 5px 0px;

}



#home_side {

    float: right;

	width: 290px;

	text-align: left;

}



#home_side p {

    font-size: 11px;

	margin: 0px;

	padding: 0px 0px 5px 0px;

	line-height: 110%;

}



#home_img {

	width: 290px;

	height: 230px;

	border: 0px;

	margin: 15px 0px 0px 0px;

}



#home_map {

	width: 290px; 

	height: 230px;

	margin: 10px 0px 2px 0px;		

}



#home_video {

	width: 290px; 

	height: 230px;

    margin: 10px 0px 3px 0px;	

}



/* BODY Skills */

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



.skills_text {

    width: 600px;

	padding: 5px 0px 5px 0px;

}



#linux_img {

    float: right;

	width: 100px;

	height: 120px;

	margin: 2px 15px 0px 30px;

	border: 0px;

}



#windows_img {

    float: right;

	width: 100px;

	height: 100px;

	margin: 2px 15px 0px 20px;

	border: 0px;

}



/* BODY Clients */

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



.client_row {

    width: 600px;

	padding: 0px 0px 10px 0px;

}



.client_text {

    width: 410px;

	padding: 0px;

    float: right;

}



.client_logo {

    width: 170px;

    float: left;

	margin: 5px 0px 10px 0px;

	border: 0px;

}



/* BODY Scripts */

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



#script_side {

    float: left;

	width: 290px;

	text-align: left;

	padding: 10px 0px 5px 20px;	

}



#image_form {

    margin: 0;

	padding: 0px 0px 5px 0px;

}



#image_form label {

    float: left;

	width: 55px;

	height: 30px;

    font-size: 12px;

	color: #666;

	font-weight: bold;

}



#image_file {

    height: 20px;

    padding: 0;

	margin: 0px 0px 5px 0px;

}



.backdrop_thumb {

    margin: 0;

	padding: 0;

	border: 0;

}



#download {

    margin: 0;

	padding: 0px 0px 10px 0px;	    

}



#download a {

    display: block;

    width: 200px;

	height: 28px;

	background: url(images/download.png);

    margin: 0;

	padding: 0px 0px 0px 35px;	

	line-height: 220%;

}



/* BODY Contact */

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



#contact_form {

    margin: 0px;

	padding: 0px;

}



#contact_form label {

    color: #767777;

	font-weight: bold;

}



.form_row {

    width: 600px;

	padding: 0px 0px 10px 0px;

}



.form_label {

    text-align: right;

    width: 210px;

	padding: 0px;

    float: left;

}



.form_field {

    text-align: left;

    width: 380px;

	padding: 0px;

    float: right;

}



#your_name {

    width: 170px;

	height: 18px;

}



#company_name {

    width: 170px;

	height: 18px;	

}



#telephone {

    width: 170px;

	height: 18px;	

}



#email {

    width: 170px;

	height: 18px;	

}



#required, #notice {

    text-align: left;

    width: 380px;

	padding: 0px;

    float: right;

	margin: 0px;   

}



#required p, #notice p {

    font-size: 11px;

	padding: 0px;

	margin: 0px;

	line-height: 110%;



}



.code_text {

    font-family:"Courier New", Courier, monospace;

    font-size: 12px;

	line-height: 150%;

}



/* FOOT Styles */

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



#foot_area p {

    color: #CCC;

    font-size: 10px;

	line-height: 150%;

	margin: 0;

	padding: 7px 0px 15px 10px;

}



#foot_push {

    width: 640px;

	height: 10px;

    clear: both;

	overflow: hidden;

}