@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:100);


/*overall styles*/

body {background: url(../images/shl.png); font-family: }
.container {margin-left: auto; margin-right: auto; width: 960px;}
p {font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 23px; margin-bottom: 10px;}
a {font-family: 'Open Sans', sans-serif; font-size: 15px;}
h1 {font-family: 'Roboto Slab', serif; font-size: 40px; line-height: 56px; margin-bottom: 30px;}

/*header styles*/

header {background: #edebe6; border-bottom: 3px solid #d5102f;}
.navigation a {background: #959595; padding: 5px 14px 8px 14px; border-radius: 12px; margin-right: 10px; float: right; margin-top: 35px; color: #fff; text-decoration: none;}


#mail:hover, #phone:hover {background-color: #d5102f;}


/*Content styles*/

#content-1 {background: #d5102f; padding: 30px 60px; color: #fff;}
#content-2 {background: #fff; padding: 30px 60px; color: #d5102f}
#content-2 img {margin-top: 25px;}
li {font-size: 20px; line-height: 23px; margin-bottom: 30px; list-style: none;}
#ducted {background: url(../images/duct.png) no-repeat; height: 41px; padding-left: 56px; line-height: 40px;}
#evaporative {background: url(../images/evaporative.png) no-repeat; height: 47px; padding-left: 56px; line-height: 47px;}
#aircon {background: url(../images/aircon.png) no-repeat top 10px left; height: 53px; padding-left: 56px; line-height: 43px;}
.italics {font-style: italic; margin-top: -10px;}
#column {width: 560px;}
ul {float: right;}