@charset "utf-8";
/* CSS Document */

html{
background:url(../images/bg.jpg) repeat-x #f6f5f4; 
padding:0;
margin:0;
font-family: “Trebuchet MS”, Trebuchet MS, sans-serif;
}

body{
margin:0;
padding:0;}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 70px;}  /* must be same height as the footer */

.wrapper{
width:900px;
margin:0 auto;}

.header{
height:168px;
width:100%;
}

.header img{
float:right;}

.header a img{
float:left;
border:none;}

.content{
color:#333333;}

.content ul{
list-style-image:url(../images/bullet.gif);
margin:0;
padding-left:15px;}

.content li{
margin:0;
padding:0;}

.content p{
margin:.4em 0 .6em 0;}

.intro{
font-size:1.3em;
font-style:italic;
}

.purp{
color:#1c9dc7;}

.right{
float:right;}

.left{
float:left;}

.nav{
height:73px;
}

.nav ul{
margin:0;
padding:0;
list-style-type:none;
}

.nav li{
float:left;
margin-right:10px;}

.nav li a:link, .nav li a:visited{
width:138px;
height:73px;
line-height:40px;
display:block;
text-align:center;
text-decoration:none;
color:#FFFFFF;
background:url(../images/menu.jpg);}

.nav li a:hover, .nav li a.active{
background-position:bottom;}

form input, form textarea, form select{
	-x-system-font:none;
	border:1px solid #CDCDCD;
	color:#282828;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:.75em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:5px 0 0;
	width:70%;
	background-color:#FFFFFF;
}

form input{
width:280px;}

form textarea{
width:500px;}

#name{	
background:#ffffff url(../images/ico_user.gif) no-repeat scroll 2% 50%;
padding:6px 0 6px 25px;}

#company{	
background:#ffffff url(../images/ico_home.gif) no-repeat scroll 2% 50%;
padding:6px 0 6px 25px;}

#email{	
background:#ffffff url(../images/ico_mail.gif) no-repeat scroll 2% 50%;
padding:6px 0 6px 25px;}

#phone{	
background:#ffffff url(../images/speechcloud.gif) no-repeat scroll 2% 50%;
padding:6px 0 6px 25px;}

#trademark{	
background:#ffffff url(../images/pencil.gif) no-repeat scroll 2% 50%;
padding:6px 0 6px 25px;}

input#btncontact:hover {
	background-color:#1b9dc7;
	border-top:#45bbd9;
	color:#FFFFFF;
	cursor:pointer;
	padding:6px 6px 8px 6px;
	width:100px;
}

input#btncontact{
	background-color:#19105f;
	border:0 none;
	border-top:#01003a;
	color:#FFFFFF;
	cursor:pointer;
	padding:6px 6px 8px 6px;
	width:100px;
}

#footer {
background:#d3cfcc;
position: relative;
margin-top: -70px; /* negative value of footer height */
height: 70px;
clear:both;} 

/* CLEAR FIX*/
.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 */


#footer table{
width:99%;
color:#666666;
font-size:.75em;
}

#footer table td{
width:33%;
padding:10px 8px 0 8px;}

#footer a:link, #footer a:visited{
color:#666666;
text-decoration:none;}

#footer a:hover{
color:#19105f;}

#footer a.email:link, #footer a.email:visited{
margin-top:2px;
float:left;
border-top:1px solid #ffffff;
padding:4px 6px 6px 6px;
background-color:#ebeae8;}

#footer a.email:hover{
border-top:1px solid #01003a;
color:#FFFFFF;
background-color:#19105f;}