/* CSS Document
	Resetting browser default styles
	All 
	Container
	Footer 
	Media Queries
*/ 


/* Resetting browser default styles */
body {height:100%;font:14px Arial, Tahoma, Geneva, sans-serif;color:#333;background:#fff url(../images/client_name.jpg) center 65px no-repeat;}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dt, dd, dl {margin:0;padding:0;} 
header, section, footer, aside, nav, article, figure, figcaption {display: block;}
table {border-collapse:collapse;}
img {border:none;max-width:100%;height:auto;}
iframe, object, embed {max-width:100%;}
ul, li {list-style:none;}
input {vertical-align:middle;}
input:focus, textarea:focus {outline:none;}
button, input[type="submit"] {cursor:pointer;-webkit-appearance:none;}
a, a:active, a:visited {text-decoration:none;color:#333;}
a:hover {text-decoration:none;color:#333;}

/* All */
.wraper {width:960px;margin:0 auto;}
.clear:after, .wraper:after {content:'';display:block;height:0;clear:both;}

/* Container */
.container {padding:120px 0 55px 0;}
.container h1 {color:#194a7e;font-size:67px;background:#9cdaeb;text-align:center;font-weight:normal;letter-spacing:10px;padding:7px 0;margin-bottom:20px;}
.container ul {font-size:0;text-align:center;}
.container ul li {font-size:10px;display:inline-block;vertical-align:top;zoom:1;*display:inline;width:32%;text-align:center;padding-bottom:20px;}
.container ul li:nth-child(2) {padding-left:2%;padding-right:2%;}
.container ul li img {margin-bottom:10px;}

/* Footer */
.footer {text-transform:uppercase;font:10px Tahoma;text-align:center;position:relative;}
.footer p {letter-spacing:3px;padding-bottom:10px;}
.footer p span {padding-bottom:15px;color:#194a7e;font-size:19px;display:block;text-transform:none;}
.footer .logo {font-size:8px;position:absolute;top:0;right:0;}
.footer .logo img {margin-bottom:5px;}

/* Media Queries */
@media only screen and (min-width: 1070px) and (max-width: 1520px) {
.wraper {width:1050px;}
}	
@media only screen and (min-width: 959px) and (max-width: 1220px) {
body {background-image:url(../images/client_name3.jpg);}
}	
@media only screen and (min-width: 768px) and (max-width: 959px) {
body {background:#fff url(../images/client_name2.jpg) center 5px no-repeat;}
.wraper {width:770px;}
.container {padding:55px 0 10px 0;}
.container h1 {font-size:47px;}
.footer .logo {position:static;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
body {background:#fff url(../images/client_name2.jpg) center 5px no-repeat;}
.wraper {width:480px;}
.container {padding:55px 0 10px 0;}
.container h1 {font-size:27px;}
.footer .logo {position:static;}
}

@media only screen and (max-width: 479px) {
body {background:#fff url(../images/client_name2.jpg) center 5px no-repeat;}
.wraper {width:300px;}
.container {padding:10px 0 10px 0;clear:both;}
.container h1 {font-size:11px;}
.container ul li {width:100%;}
.container ul li:nth-child(2) {padding-left:0;padding-right:0;}
.footer .logo {position:static;}
}