/*
Theme Name:		Home Page
Theme URI:		
Author:			The House Media
Author URI:		http://www.thehousemedia.com
Version:		1.0
*/

/*-----------------------------------------------------------------------------------
	= Table of Contents

	1. = Body, Typography and some main Elements
	2. = Home Page styling
	

/*-----------------------------------------------------------------------------------*/
/* 1. = Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

html * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body { font-size:13px; color:#FFF; font-family:Arial, Helvetica, sans-serif;overflow-x:hidden; background:#000; }
input[type=text], textarea { -webkit-appearance:none; border-radius:0; }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 25px 0; line-height:1.2; }
h1 { font-size:48px; }
h2 { font-size:48px; }
h3 { font-size:32px; }
h4 { font-size:24px; }
h5 { font-size:18px; }
h6 { font-size:12px; }
img { display:block; max-width:100%; }
ul,ol { margin:0; padding:0; list-style:none; }
a, a:visited, a:active { text-decoration:none; -webkit-transition:color .3s ease-out; -moz-transition:color .3s ease-out; -o-transition:color .3s ease-out; -ms-transition:color .3s ease-out; transition:color .3s ease-out; }
a:focus, a:hover { text-decoration:none; }
p { margin:0 0 15px 0; line-height:1.1;}


/*-----------------------------------------------------------------------------------*/
/* 3. = Home Page styling
/*-----------------------------------------------------------------------------------*/

.wrapper { padding:8% 0 0 0; width:941px; margin:0 auto; }
.box-container { display:inline-block; font-size:0; float:left; }
.box-content { height:628px; border-bottom:1px dotted #FFF; position:relative; }
.gas { width:471px; padding-right:66px; border-right:1px dotted #FFF; }
.clarex { width:470px; padding-left:65px; }
.pic { margin:0 0 26px 0; }
.weatherall-logo { margin:0 0 26px 0; }
.button { font-weight:bold; font-size:36px; padding:0 18px; line-height:58px; color:#000; background:#FFF; display:block; margin:0 0 28px 0; }
.button:hover { background:#0081cc;  }
.button span { float:right; width:17px; height:28px; display:block; margin:14px 0 0 0; }
p { font-size:22px; font-weight:bold; }

.gas .bottom-logo { left:0; bottom:25px; position:absolute; }
.gas .bottom-logo li:first-child { margin-right:58px; }
.gas .bottom-logo li { display:inline-block; vertical-align:middle; }

.clarex .bottom-logo { left:0; bottom:37px; position:absolute; }