/*
Theme Name: Minespec
Theme URI: http://www.minespec.com.au
Author: Digitalspark Media
Author URI: http://www.digitalspark.com.au
Description: Custom theme for Minespec website.
Version: 1.1
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

html,body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#e1e1e1;
	background-image:url(img/bg.png);
	background-position:top center;
	background-repeat:repeat;
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	color:#333333;
}

@font-face {
    font-family: 'KlavikaBold';
    src: url('font/klavika-bold-webfont.eot');
    src: url('font/klavika-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/klavika-bold-webfont.woff') format('woff'),
         url('font/klavika-bold-webfont.ttf') format('truetype'),
         url('font/klavika-bold-webfont.svg#KlavikaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KlavikaMedium';
    src: url('font/klavika-medium-webfont.eot');
    src: url('font/klavika-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/klavika-medium-webfont.woff') format('woff'),
         url('font/klavika-medium-webfont.ttf') format('truetype'),
         url('font/klavika-medium-webfont.svg#KlavikaMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/** Hyperlink Styles - Sitewide **/
a {color:#000000; cursor:pointer;}
a:link {color:#000000; text-decoration:none;}
a:visited {color: #000000; text-decoration:none;}
a:hover {color:#333333; text-decoration:none;}
a:active {color: #000000;text-decoration: none;}
/**/


/** Page Element Styles - Sitewide **/
p {margin:0 0 10px 0;}
h1 {color:#000000; font-size:27px; font-weight:normal; margin:0 0 10px 0; font-family:KlavikaMedium,Arial,Verdana;}
h2 {color:#000000; font-size:24px; font-weight:normal; margin:20px 0 10px 0; font-family:KlavikaMedium,Arial,Verdana;}
h3 {color:#000000; font-size:22px; font-weight:normal; margin:20px 0 5px 0; font-family:KlavikaMedium,Arial,Verdana;}
h4 {color:#000000; font-size:18px; font-weight:normal; margin:0 0 5px 0;}
hr {height:1px; background-color:#000000; width:100%; margin:10px 0; border:0; border-top:1px solid #666666;}
td {vertical-align:top;}
img {border:0;}
/**/

/** Custom Element Styles - Sitewide **/
div.clear {position:relative; height:0px; clear:both;} /* Use to clear floats */
/**/

/** Header Styles - Sitewide **/
div#w_header {
	position:relative;
	width:100%;	
	height:144px !important; /* real browsers */
	background-image:url(img/shadow_top.png);
	background-position:bottom center;
	background-repeat:no-repeat;
}
div#header {
	position:relative;
	width:940px;
	margin:0 auto; /* center, not in IE5 */
	height:103px;
	padding:41px 0 0 0;
}
img.logo {
	float:left;
}
img.phone {
	float:right;	
}
div#menu {
	position:absolute;
	bottom:23px;
	right:0;
}
div#menu ul {
	margin:0;
	padding:0;
}
div#menu ul li {
	margin:0;
	padding:0 5px;
	list-style:none;
	float:left;
	border-right:1px solid #000000;
}
div#menu ul li.last {
	padding:0 0 0 10px;
	border:none;
}
div#menu ul li a {
	font-family:KlavikaBold,Arial,Verdana;
	font-size:16px;
	color:#000000;
	text-transform:uppercase;
	display:block;
	line-height:26px;
	background-color:#ffde16;
	padding:0 5px;
}
div#menu ul li a:hover {
	background-color:#000000;
	color:#ffde16;
}
div#menu ul li.current_page_item a {
	background-color:#000000;
	color:#ffde16;
}
/**/
div#w_hero {
	position:relative;
	width:100%;
	background-image:url(img/content_bg.png);
	background-position:top center;
	background-repeat:repeat-y;
	height:360px;
}
div#hero {
	position:relative;
	margin:0 auto; /* center, not in IE5 */
	width:940px;
	height:360px;
}
div#banner {
	width:710px;
	height:360px;
	overflow:hidden;
	float:left;
}

div#banner ul {
	margin:0;
	padding:0;
}
div#banner ul li {
	margin:0;
	padding:0;
	list-style:none;
}
div#banner ul.slides {
	width:710px;
}

/** Content Styles - Sitewide **/
div#w_content {
	position:relative;
	width:100%;
	background-image:url(img/content_bg.png);
	background-position:top center;
	background-repeat:repeat-y;
}
div#content {
	position:relative;
	margin:0 auto; /* center, not in IE5 */
	width:900px;
	padding:20px;
}
table td.c1 {
	width:670px;
	padding-right:20px;
	border-right:1px solid #e1e1e1;
}
table td.c2 {
	width:188px;
	padding:0 0 0 22px;
}
table td.c1 p {
	line-height:20px;
	font-size:14px;
}
table td.c1 ul {
	padding:0 0 0 30px;	
}
table td.c1 ul li {
	line-height:20px;
	font-size:14px;
}
/**/

/** Footer Styles - Sitewide **/
div#w_footer {
	position:relative;
	width:100%;
	background-image:url(img/content_bg.png);
	background-position:top center;
	background-repeat:repeat-y;
}
div#footer {
	position:relative;
	width:940px;
	margin:0 auto; /* center, not in IE5 */
	height:30px;
	padding:10px 0;
	background-image:url(img/footer_bg.gif);
	background-position:top center;
	background-repeat:repeat-x;
	text-align:center;
	color:#666666;
}
div#footer a {
	color:#555555;
}
/**/


/** Page Specific - PAGE NAME **/
img.hero {
	float:left;	
}
div#leadins {
	float:left;
	width:230px;
	height:360px;
}
div#leadins a {
	display:block;
	width:230px;
	height:120px;
	background-position:top left;
	background-repeat:no-repeat;
}
div#leadins a#solutions {
	background-image:url(img/leadins-1.jpg);
}
div#leadins a#solutions:hover,div#leadins a#solutions.active {
	background-image:url(img/leadins-1h.jpg);
}
div#leadins a#quote {
	background-image:url(img/leadins-2.jpg);
}
div#leadins a#quote:hover,div#leadins a#quote.active {
	background-image:url(img/leadins-2h.jpg);
}
div#leadins a#locations {
	background-image:url(img/leadins-3.jpg);
}
div#leadins a#locations:hover,div#leadins a#locations.active {
	background-image:url(img/leadins-3h.jpg);
}
/**/
.fright {
	float:right;
	margin:0 0 0 20px;
}
.fright img {
	margin:0 0 20px 0;
}
div#gallery img {
	float:left;
	padding:5px;
	background-color:#ccc;
	margin:0 10px 10px 0;
}
div#gallery img.last {
	margin:0;
}
.contactfield {
	width:200px;
	padding:5px;
	border:1px solid #cccccc;
	margin:3px 10px 0 0;
}
input.submit-button {
	background-color:#ffde16;
	border:1px solid #cccccc;
	color:#000000;
	padding:5px 10px;
	text-align:center;
	font-family:KlavikaMedium,Arial,Verdana;
	text-transform:uppercase;
	font-size:16px;
}
.txtbtn {
	color:#000000; 
	font-size:22px; 
	font-weight:normal;
	padding:7px;
	font-family:KlavikaMedium,Arial,Verdana;
	background-color:#ffde16;
	display:block;
}
div.specbox {
	float:left;
	width:329px;
	margin:0 10px 0 0;
}
div.specbox h2 {
	color:#ffde16;
	font-size:22px;
	margin:0;
	line-height:50px;
	background-image:url(img/spech2_bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	text-align:center;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
div.specbox p {
	padding:0!important;
	margin:0!important;
}
div.specbox ul {
	width:289px;
	padding:10px 20px !important;
	margin:0;
	background-image:url(img/specbox_bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#fdd600;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
div.specbox ul li {
	margin:0;
	padding:7px 0;
	border-bottom:1px solid #e8cd2e;
	border-top:1px solid #fceb89;
	list-style-position:inside;
	color:#000000;
	text-shadow:#fff 1px 1px 0;
	font-size:12px;
}
div.specbox ul span {
	display:block;
	margin:5px 0;
	text-align:center;
	font-size:26px;
	font-family:KlavikaMedium,Arial,Verdana;
	color:#000000;
	text-shadow:#ffffff 1px 1px 0;
}
div#testimonial {
	width:188px;
	overflow:hidden;
	float:left;
}

div#testimonial ul {
	margin:0;
	padding:0;
}
div#testimonial ul li {
	margin:0;
	padding:0;
	list-style:none;
}
div#testimonial ul.slides {
	width:188px;
}
input, select, textarea {
border: 1px solid #ccc;
border-radius: 3px;
font-family: inherit;
padding: 6px;
padding: 0.428571429rem;
}