ÿþ

/********************

STYLES FOR THE GLOBAL RESETS

********************/



* { outline:none; margin:0; padding:0; }





/********************

GENERAL GLOBAL STYLES

********************/



body, html {

	background-color: #13161B;

	background-position: center top;

	background-repeat: no-repeat;

	

	width:100%;

	height:100%;

	

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

	font-size:12px;

	color:#808181;

}



p {

	margin-bottom:15px;

	color:#808181;

	font-size:12px;

	line-height:18px;

	font-weight:normal;

}



h1 {

	margin-bottom:20px;

	

	color:#ffffff;

	font-size:28px;

	line-height:38px;

	font-weight:normal;

}



h2 {

	margin-bottom:20px;

	/*color:#4777A0;*/

	color:#35bba0;

	font-size:18px;

	font-weight:bold;

	line-height:20px;

}



h3 {

	margin-bottom:10px;

	color:#557cb0;

	font-size:14px;

	line-height:20px;

}



a:link, a:active, a:visited {

	text-decoration:none;

	color:#ffffff;

}



a:hover {

	text-decoration:underline;

	color:#4777A0;

}



strong { font-weight:normal; color:#FFFFFF; }











/********************

CONTENT WRAPPERS

********************/

#header_wrap {

	width: 975px;

	height: 250px;

	margin-left: auto;

	margin-right: auto;

	text-align:left;

}



#products_wrap {

	width: 975px;

	height: 350px;

	text-align:left;



	margin-left: auto;

	margin-right: auto;	

	

	clear:both;

}



#services_wrap {

	width: 975px;

	height: 350px;

	text-align:left;



	margin-left: auto;

	margin-right: auto;	

	margin-top:225px;

	clear:both;

}



#contact_wrap {

	width: 975px;

	height: 225px;

	text-align:left;



	margin-left: auto;

	margin-right: auto;	

	margin-bottom:0px;



	padding-top:0px;

	

	clear:both;

}



#footer_wrap_outer {

	width: 825px;

	height: 225px;

	text-align:left;

	padding-top: 10px;



	clear:both;	

	

	background-image: url(../content/bgndrpt_lines.png);

	background-position: left top;

	background-repeat: repeat-x;

}



#footer_wrap_inner {

	width: 975px;

	height: 150px;



	margin-left: auto;

	margin-right: auto;

	margin-bottom:50px;

	padding-top:30px;

	

}











/********************

HEADER STYLES

********************/



h1.logo {

	width: 420px;

	height: auto;

	text-indent:-9999px;

	overflow:hidden;

	background-image: url(../content/logo.gif);

	background-position: left top;

	background-repeat: no-repeat;

	margin-bottom:43px;

}



h1.intro {

	width: 420px;

	height: 40px;

	text-indent:-9999px;

	overflow:hidden;

	background-image: url(../content/intro.gif);

	background-position: left top;

	background-repeat: no-repeat;

}



.header_left {

	width: 800px;

	height: 375px;

	float:left;	

	margin-top:80px;

}





.header_right {

	width: 920px;

	height: 70px;

	margin: 0px 0px 0px 0px;

	padding:5px 0px 5px 0px;

	float:right;	

	/*background-image: url(../content/bgndrpt_lines.png);

	background-position: left top;

	background-repeat: repeat-x;

*/

	

}



#slideshow {

	width: 800px;

	height: 357px;

	margin-top:0px;/*88px;*/

	margin-left:0px;

	overflow:hidden;

}



.button_contact {

	width:120px;

	padding-top: 20px;

	margin-top:20px;

	margin-right:20px;

	margin-left:20px;

	display:inline;

}



.button_services {

	width:120px;

	margin-top:20px;

	margin-right:20px;

	margin-left:20px;

	display:inline;

	

	font-size:20px;

	letter-spacing: 5px;

	

}





.button_products {

	width:120px;

	margin-top:20px;

	margin-right:20px;

	margin-left:20px;

	display:inline;

}





#header_wrap a img {

	border:none;

}











/********************

SERVICES STYLES

********************/



h1.service_title {

	width: 960px;

	height: 40px;

	/*text-indent:-9999px;*/

	overflow:hidden;

	/*background-image: url(../content/title_services.gif);*/

	background-position: left top;

	background-repeat: no-repeat;

	clear:both;

}



#services_wrap h2 {

	width: 205px;

	height: 20px;

	/*text-indent:-9999px;*/

	overflow:hidden;

	background-position: left top;

	background-repeat: no-repeat;

	margin-bottom:12px;

	font-size:18px;

	letter-spacing: 3px;

}



h2.design { font-weight: bold; }







.services_list, .services_list_first, .services_list_last {

	float:left;

	margin-left: 20px;

	margin-bottom:10px;

	padding-top:10px;

	

	height: auto;

	

}



.services_list {

	width: 225px;

	

	padding-right:20px;

	

	margin-left: 20px;

	margin-right: 20px;

	

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #2a2d31;

}



.services_list_first {

	width: 225px;

	

	padding-right:20px;

	margin-right: 20px;

	

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #2a2d31;

	

	clear:both;

}



.services_list_last {

	width: 225px;

}





/********************

products STYLES

********************/



h1.service_title {

	width: 960px;

	height: 40px;

	/*text-indent:-9999px;*/

	overflow:hidden;

	/*background-image: url(../content/title_products.gif);*/

	background-position: left top;

	background-repeat: no-repeat;

	clear:both;

}



#products_wrap h2 {

	width: 205px;

	height: 20px;

	/*text-indent:-9999px;*/

	overflow:hidden;

	background-position: left top;

	background-repeat: no-repeat;

	margin-bottom:12px;

	font-size:18px;

	letter-spacing: 3px;

}



h2.design { font-weight: bold; }







.products_list, .products_list_first, .products_list_last {

	float:left;

	margin-left: 20px;

	margin-bottom:10px;

	padding-top:10px;

	

	height: auto;

	

}



.products_list {

	width: 225px;

	

	

	padding-right:20px;

	

	margin-left: 20px;

	margin-right: 20px;

	

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #2a2d31;

}



.products_list_first {

	width: 225px;

	

	padding-right:20px;

	margin-right: 20px;

	

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #2a2d31;

	

	clear:both;

}



.products_list_last {

	width: 225px;

}











































/********************

CONTACT STYLES

********************/



h1.contact_title {

	width: 960px;

	height: 40px;

	/*text-indent:-9999px;*/

	overflow:hidden;

	/*background-image: url(../content/title_contact.gif);*/

	background-position: left top;

	background-repeat: no-repeat;

	clear:both;

}



.leftcol {

	width: 225px;

	height: auto;

	padding-right:20px;

	padding-left: 20px;

	float:left;



	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #2a2d31;

}



.middlecol {

	width: 225px;

	height: auto;

	padding-right:20px;

	padding-left: 20px;

	float:left;







	

	margin-left: 20px;

	margin-right: 20px;

	

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #2a2d31;







}



.rightcol 

{

	padding-left: 20px;

	width: 225px;

	height: auto;

	float:left;

}



#contact_wrap p {

	margin-bottom:25px;

}



.names 

{

	

	letter-spacing: 3px;

	width: 225px;

	height: auto;

	margin-bottom:3px;

}



.titles 

{

	color  :#35bba0;

	font-weight: bold;

	width: 225px;

	height: auto;

	letter-spacing: 3px;

}



.emails {

	width: 225px;

	height: auto;

	letter-spacing: 3px;

	margin-bottom:25px;

}



label {

	font-size:12px;

	color:#808181;

	width: 200px;

	height: auto;

	font-weight:normal;

}





/********************

FOOTER STYLES

********************/



#footer_wrap_outer h2 {

	width: 205px;

	height: 20px;

	/*text-indent:-9999px;*/

	overflow:hidden;

	background-position: left top;

	background-repeat: no-repeat;

	margin-bottom:12px;

}



h2.labs { letter-spacing: 3px;

	font-size: 14px; }



h2.copyright {  letter-spacing: 3px; font-size: 14px;}



h2.registered {  letter-spacing: 3px; font-size: 14px;}



h2.company_no {  color: #ffffff; font-size:12px; font-weight:normal;}



h2.standards {  letter-spacing: 3px; font-size: 14px;}





.footer_list, .footer_list_first, .footer_list_last {

	float:left;

	

	margin-bottom:10px;

	padding-left:20px;

	padding-top:10px;

	height: 140px;

	background-image: url(../content/icon_doc.png);

	background-position: 185px 10px;

	background-repeat: no-repeat;

}



.footer_list {

	width: 198px;

	

	padding-right:20px;

	padding-left: 20px;

	margin-right: 20px;

	

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #2a2d31;

}



.footer_list_first {

	width: 198px;

	

	padding-right:20px;

	margin-right: 20px;

	padding-left: 20px;

	

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #2a2d31;

	

	clear:both;

}



.footer_list_last {

	width: 225px;

}





#menu a

{

	width:198px; 

	height:auto;

	margin: 20px 10px 20px 10px; 

	padding:20px 40px 20px 40px; 

	color  :#35bba0; 

	background:#13161B ; 

	font-size:28px; 

	font-weight:bold; text-decoration:none; letter-spacing:3px;

	font-size: 20px;	



	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #2a2d31;

}

	

#menu a:hover 

{	color:#ffffff; background:#13161B; 



	background-image: url(../content/bgndrpt_lines.png);

	background-position: left top;

	background-repeat: repeat-x;



	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #2a2d31;



}