@charset "utf-8";
/* = TOOLS

	1. = RESET
	2. = CLEARING
   

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

/* = RESET
---------------------------------------------------------
*/

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, strong, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END RESET
---------------------------------------------------------
*/



/* = CLEARING
---------------------------------------------------------
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/* END CLEARING
---------------------------------------------------------
*/



/*Layout
1.Page and body
2. Header
3.Content
4. Footer


*/






/* = BODY & PAGE
---------------------------------------------------------
*/
html, body { height:100%; }

html.gal, body.body { height:auto;}



body {
	background: #fff ;
	
}

#page {
position:relative;
width:1000px;
margin:0 auto;
min-height:100%;
height: auto !important;
height:100%;




	
	

	
}



/* = END BODY AND PAGE	
---------------------------------------------------------
*/

/* = HEADER
---------------------------------------------------------
*/



#flash { position:relative; height:300px;}




/* END HEADER
---------------------------------------------------------
*/

.nav {
	position:absolute;
	top:73px;
	z-index:999;
	right:0;
}
.nav li {  float:left; padding-right:15px; 

}

  






/* = CONTENT
---------------------------------------------------------
*/

#content { position:relative;   padding-bottom:60px; padding-left:48px; padding-right:47px;
}
.left { position:relative; float:left; width:540px; padding-left:49px; padding-right:14px; border-top:46px solid #eaeaea;
border-bottom:48px solid #f4f4f4; min-height:300px; padding-bottom:20px; _height:300px;  }
#products { position:relative; overflow: auto; height:150px;}
#products img {  float:left; margin-right:10px; }
#products p { clear:both; padding-top:10px;}
#products a { float:left;}


.right { width:251px; padding-left:50px; border-top:46px solid #eaeaea; min-height:300px; _height:300px; position:relative; float:right; padding-top:25px; line-height:14px;}

.contact { position:absolute; bottom:-65px; font:bold 14px/14px Arial, Helvetica, sans-serif; color:#2bb5f1;}
.contact a { font:bold 14px/14px Arial, Helvetica, sans-serif; color:#2bb5f1; text-decoration:underline;}
.contact a:hover {text-decoration:none;}

.tbl { margin-bottom:20px;}

/* END CONTENT
---------------------------------------------------------
*/


/* =FOOTER
---------------------------------------------------------
*/
#footer { position:relative; width:1000px; height:40px; background:#00c2f4;
margin:0 auto; margin-top:-40px;
 }


#footer p { text-align:left; margin:0; padding:0; padding-left:20px; font:11px/12px Arial, Helvetica, sans-serif; color:#fff; padding-top:15px;  }











/* = TYPOGRAPHY: 

	1. = BODY
    2. = LINKS
    3. = HEADINGS
    4. = TEXT
    5. = LISTS
    6. = TABLES
    7. = HORIZONTAL RULES

	

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

/* = BODY
---------------------------------------------------------
*/


	

	
body {
	font:12px/16px Arial, Helvetica, sans-serif;
}
*html div {
	height:1%;
}
/* = LINKS
---------------------------------------------------------
*/



a {
	text-decoration: underline;
	color:#656565;
	font:12px/16px Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration: none;
}

/* END LINKS
---------------------------------------------------------
*/
	
/* = HEADINGS
---------------------------------------------------------
*/

h2 {
	font: bold 16px/18px Arial, Helvetica, sans-serif;
	color:#00c2f4;
	margin-top:-30px;
	text-transform:uppercase;
	margin-bottom:40px;
	
	position:relative;
	

	

}

h3 { color:#00c2f4; font: bold 14px/18px Arial, Helvetica, sans-serif; margin-bottom:12px;}

/* END HEADINGS
---------------------------------------------------------
*/

/* = TEXT
---------------------------------------------------------
*/



p, ul, dl {
	color:#656565;
	font:12px/14px Arial, Helvetica, sans-serif;
	margin-bottom:18px;
	
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/* END TEXT
---------------------------------------------------------
*/
	
/* = LISTS
---------------------------------------------------------
*/


ul li {
	margin: 0;
	padding: 0;
	margin-bottom:0px;
	line-height:12px;
}





/* END LISTS
---------------------------------------------------------
*/




.href1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#524890; text-decoration:none;}
.href1:hover {text-decoration:underline;}