/*
   screen.css
   u-move-australia
   
   Created by Cale Woodley on 2008-04-28.
   Copyright 2008 Webfirm. All rights reserved.
*/

@import url("reset.css");


body {
	background: #eaecee;
	font: 0.75em Arial, Verdana, sans-serif;
}

#page {
	width: 100%;
	background: url('../images/core/page-background.jpg') top center no-repeat;
	margin: 0 auto;
}

#container {
	width: 790px;
	margin: 0 auto;
	background: #fff;
	color: #00165c;
}

/* ========== */
/* = HEADER = */
/* ========== */
#header {
	width: 790px;
	height: 125px;
}

#header img {
	float: left;
	display: inline;
	margin: 0 0 0 14px;
}

#header p.cta {
	text-indent: -999em;
	margin: 53px 23px 0 0;
	height: 62px;
	display: inline;
}

#header p#auswide {width: 224px;background: url('../images/core/cta-auswide.gif'); float: left; margin-left: 50px;}
#header p#phone {width: 240px;background: url('../images/core/cta-phone.gif'); float: right;}
.cta-phone {width: 240px; height: 62px; display: inline-block; background: url('../images/core/cta-phone.gif'); text-indent: -9999px; margin: 53px 23px 0 0; }


/* ============== */
/* = NAVIGATION = */
/* ============== */
#navigation {
	width: 790px;
	height: 40px;
	background: #e00000 url('../images/nav/nav-background.png') no-repeat;
}

#navigation ul {
	margin-left: 7px;
}

#navigation li {
	float: left;
	display: inline;
	text-align: center;
	font-size: 1.17em;
	line-height:40px;
	margin: 0 0 0 15px;
	font-size: 12px;
}

li#nav-home {width: 44px; margin: 0 0 0 10px;}
li#nav-hire { width: 85px;}
li#nav-diy {width: 110px;}
li#nav-storage {width: 135px;}
li#nav-mods {width: 88px;}
li#nav-quote {width: 128px;}
li#nav-contact {width: 76px;}


body#index li#nav-home {background: url('../images/nav/nav-home.png') top center no-repeat;}
body#index li#nav-home a:hover {text-decoration: none;}
body#hire li#nav-hire {background: url('../images/nav/nav-hire.png') top center no-repeat;}
body#hire li#nav-hire a:hover {text-decoration: none;}
body#diy li#nav-diy {background: url('../images/nav/nav-diy.png') top center no-repeat; }
body#diy li#nav-diy a:hover {text-decoration: none;}
body#storage li#nav-storage {background: url('../images/nav/nav-storage.png') top center no-repeat; }
body#storage li#nav-storage a:hover {text-decoration: none;}
body#mods li#nav-mods {background: url('../images/nav/nav-mods.png') top center no-repeat; }
body#mods li#nav-mods a:hover {text-decoration: none;}
body#quote li#nav-quote {background: url('../images/nav/nav-quote.png') top center no-repeat; }
body#quote li#nav-quote a:hover {text-decoration: none;}
body#contact li#nav-contact {background: url('../images/nav/nav-contact.png') top center no-repeat; width: 76px;}
body#contact li#nav-contact a:hover {text-decoration: none;}

#navigation ul a {color: #fff; text-decoration: none;}
#navigation a:hover {text-decoration: underline;}


/* ========== */
/* = BANNER = */
/* ========== */
#banner {
	width: 790px;
	height: 190px;
	overflow: hidden;
}

/* =================== */
/* = CALLS TO ACTION = */
/* =================== */
#calls_to_action {
	width: 790px;
	height: 155px;
	background: #22447d url('../images/core/ctas-background.png') repeat-x;
}

#calls_to_action div.cta {
	width: 175px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	float: left;
	display: inline;
	margin: 25px 11px 0 11px;
}

#calls_to_action p {margin-top: 6px;}

#calls_to_action a {color: #fff; text-decoration: none;}
#calls_to_action a:hover {text-decoration: underline;}


/* =========== */
/* = CONTENT = */
/* =========== */
#content {
	width: 730px;
	margin: 20px auto;
}

#content h1 {
	font-size: 1.67em;
	color: #00165c;
	border-bottom: 1px solid #d3d5d2;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

#content h2,
#content h3,
#content h4,
#content h5 {
	font-size: 1.4em;
	margin-bottom: 15px;
}

#content p {
	line-height: 1.50em;
	margin: 0 0 16px 0;
}

#content ul {
	line-height: 22px;
	list-style: square;
	margin: 0 0 15px 20px;
}

#content span.underline { text-decoration: underline; }

#content a {color: #506DCB; text-decoration: underline;}
#content a:hover {text-decoration: none;}

#content hr {
	height: 0;
	border: none;
	border-top: 1px solid #ccc;
	clear: both;
	margin: 0 0 20px 0;
}

#content a.thickbox img {border: 2px solid #d3d5d2;}

#content img.float-left {float: left; clear: left; margin: 5px 10px 5px 0; border: 2px solid #d3d5d2;}
#content img.float-right {float: right; clear: right; margin: 5px 0 5px 10px; border: 2px solid #d3d5d2;}


/* ========== */
/* = FOOTER = */
/* ========== */
#footer {
	width: 790px;
	height: 90px;
	font-size: 9px;
}

#footer a {color: #00165c; text-decoration: none; margin: 0 1px;}
#footer a:hover {text-decoration: underline;}

#footer p {float: left; display: inline; margin: 20px 0 0 30px;}
#footer img {float: right; display: inline; margin: 14px 30px 0 0;}

#footer div.contactinfo {
	height: 35px;
	width: 790px;
	background: #bb0c0c;
	color: #fff;
}

#footer div.contactinfo p {
	text-align: center;
	line-height: 35px;
	font-size: 1.09em;
	float: none;
	display: block;
	margin: 0;
}

#footer div.contactinfo strong {margin-left: 20px;}

#footer div.contactinfo a {color: #fff; text-decoration: underline;}
#footer div.contactinfo a:hover {text-decoration: none;}



/********************************************
        GOOGLE MAP STYLES
********************************************/



.googlemap{
  height:300px;
  width:300px;
  float: right;
  margin: 0 0 20px 0;
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}

