@charset "UTF-8";
/* CSS Document */
/*-------------------------------------------
    Sites
-------------------------------------------*/

#contact-info { background: url("../images/bg-contact-info.png") bottom repeat-x #f1f1f2; position: relative; width: 100%; list-style: none; overflow: hidden; font-size: 12px !important; 	line-height:17px; left: 0px; padding-bottom: 10px;

 }
	#contact-info ul { margin-left: -35px; }
	#contact-info li { display: inline-block; padding: 7px 0; margin: 0; text-align: left; color: #000; }
	#contact-info li a { color:#1470a6; text-decoration: none; }
	#contact-info li a:hover { color: #004961; }
	#contact-info li a, #contact-info li em { }
			
			
#contact-info .wrap {
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 0 18px;
    position: relative;
    width: 943px;
}


#contact-info .close {
    right: 5px !important;
}
html #contact-info ul {
}
#contact-info li a, #contact-info li em {
}
#contact-info li a {

}

#contact-info .close {
    background-image: url("../images/close.gif");
    cursor: pointer;
    display: block;
    height: 9px;
    position: absolute;
    right: 0px;
    text-align: left;
    top: 20px;
    width: 9px;
}


a.contact-toggle {
    display: block;
    overflow: hidden;
	position:relative;
    z-index: 700;
	font:16px/18px "Oswald", Arial, serif;
	float:right;
	text-transform:uppercase;
	background:url(../images/bg-contacts.gif) repeat-x;
	padding:5px 14px 8px 14px;
	color:#000;
}

a:hover.contact-toggle {
	text-decoration:none;
	color:#696969;
}


.contact-boxes ul{margin-left:40px;}

.contact-boxes h3 {
	font:16px/18px "Oswald", Arial, serif;
	text-transform: uppercase;
}

#contact1 {
	width: 320px;
	float:left;
}

#contact2 {
	width: 170px;
	float:right;
	margin-left: 10px;
	
}

#contact3 {
	width: 190px;
	float:right;
	
}

#contact4 {
	width: 210px;
	float:right;
	
}