/********************
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;

}