/*
Theme Name: Comer Cabinets
Author: True Blue Websites
Author URI: http://truebluewebsites.com.au
Date: 11/07/13
*/


/* ================ CUSTOM STYLE ================ */


/* #### GLOBAL #### */

html, body { background: #104079 url(assets/img/bg-body.png); }
@import url(http://fonts.googleapis.com/css?family=Michroma);

a { color:#F06A00; }
a:hover { color: #F69300; }

#wrap {
	background: transparent url(assets/img/bg-header.png) no-repeat 9% 0px;
}

#wrap2 {
	background: transparent url(assets/img/bg-footer.png) repeat-x 0 100%;
}


/* #### HEADER #### */

#header {
	height: 135px;
}

/* Logo */

#logo {
	position: absolute;
top: 20px;
}

/* Phone */

#quickContact {
	position: absolute;
	top:60px;
	right: 0;
	color: #fff;
	font-size: 12px;
	font-family: 'Michroma', sans-serif;
}

#callToAction {
	
}

#phone {
	font-size: 20px;
}

#phone a {
	
}

/* Navigation */

/* -- Second Layer and Global --*/

#primaryNav 			{ position: absolute; right: -20px; top: 105px; font-family: 'Michroma', sans-serif; font-size: 12px;}
#primaryNav ul 			{ list-style:none; }
#primaryNav li 			{ float:left; position:relative; height: 30px; background: #061321; }
#primaryNav a 			{ color:#FFFFFF; display:block; text-decoration:none; padding: 0 20px; height: 30px; line-height: 30px; text-shadow:0px 1px 1px rgba(0,0,0,0.3);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#4d000000,Positive=true); }

#primaryNav .current-menu-item a { 
color: #fff;
background: #fa9200; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhOTIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNDY0MGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fa9200 0%, #f4640b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa9200), color-stop(100%,#f4640b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fa9200 0%,#f4640b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fa9200 0%,#f4640b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fa9200 0%,#f4640b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fa9200 0%,#f4640b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9200', endColorstr='#f4640b',GradientType=0 ); /* IE6-8 */



 }


#primaryNav .current-menu-item a,
.current-menu-item a,
#primaryNav li:hover >a,
#primaryNav ul ul:hover >a,
#primaryNav a:focus{}
#primaryNav li:hover >a,
#primaryNav a:focus{ 
color: #fff;
background: #fa9200; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhOTIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNDY0MGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fa9200 0%, #f4640b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa9200), color-stop(100%,#f4640b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fa9200 0%,#f4640b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fa9200 0%,#f4640b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fa9200 0%,#f4640b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fa9200 0%,#f4640b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9200', endColorstr='#f4640b',GradientType=0 ); /* IE6-8 */



 }


/* -- Second Layer --*/

#primaryNav ul ul{
display:none;
float:left;
margin:0;
position:absolute;
top:30px;
left:0;
width:208px;

z-index:99999;
-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);
box-shadow:0 3px 3px rgba(0,0,0,0.2);
}
#primaryNav ul ul li 	{ border-left: none; padding: 0 0; height: 31px; }
#primaryNav ul ul a		{ background: #f4f4f4; border-bottom: 1px solid #ccc; font-size:12px; line-height: 30px; height:auto; padding:0 10px; width:188px; color: #152959; height: 30px; text-shadow:none; -ms-filter:none; filter:none;}

/* -- What makes it work --*/

#primaryNav ul li:hover >ul { display:block; }


/* #### CONTENT #### */

#content .container20 {
	padding: 20px;
	border-top: 3px #F86700 solid;
	border-bottom: 1px #F86700 solid;
	background: #fff url(assets/img/bg-content.png) repeat-x;
	-moz-box-shadow:-1px 4px 6px rgba(0,0,0,0.65);
-webkit-box-shadow:-1px 4px 6px rgba(0,0,0,0.65);
box-shadow:-1px 4px 6px rgba(0,0,0,0.65);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=-1,OffY=4,Color=#a5000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=-1,OffY=4,Color=#a5000000,Positive=true);
}

/* Banner */

#banner {
	margin-bottom: 20px;
}

/* Showcase */

#showcase {
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.2em;
	color: #FFFFFF;
}

#showcase .widget {
background: #282f3b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4MmYzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTY5ODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #282f3b 0%, #5a6980 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282f3b), color-stop(100%,#5a6980)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #282f3b 0%,#5a6980 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #282f3b 0%,#5a6980 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #282f3b 0%,#5a6980 100%); /* IE10+ */
background: linear-gradient(to bottom,  #282f3b 0%,#5a6980 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282f3b', endColorstr='#5a6980',GradientType=0 ); /* IE6-8 */

}



#showcase .widget h3 {
display: block;
padding: 15px 20px 10px;
background: transparent url(assets/img/showcase-btop.png) no-repeat 0px 0px;
font-size:20px;
font-weight:bold;
font-style:italic;
color:#F96600;

text-shadow:1px 1px 1px rgba(0,0,0,0.4);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#66000000,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#66000000,Positive=true);

}

#showcase .widget .wInner {
position: relative;
background: transparent url(assets/img/bottom-shadow.png) no-repeat 0px 100%;
padding: 0 20px;
height: 110px;
}

#showcase .widget a {
display: block;
position: absolute;
bottom: 23px;
right: 20px;
font-size:14px;
color:#F96600;

text-shadow:1px 1px 1px rgba(0,0,0,0.65);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#a5000000,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#a5000000,Positive=true);

}

/* #### MAINCONTENT #### */

.mainContent {
	
}

/* ================ ELEMENTS - MAIN ================ */

.main { font-size:14px; }
h1, h2, h3, h4, h5, h6{margin: 0;font-family: 'Michroma', sans-serif;font-weight:bold;line-height:1.2em;color:inherit;text-rendering:optimizelegibility;}
h1, h2, h3{line-height:1.2em;}
h1 {font-size:34px; padding-bottom:10px;}
h2 {font-size:28px;}
h3 {font-size:22px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

.main p {margin:0 0 20px;}

.main .lead {display:block;margin-bottom:15px;font-size:30px;line-height:1.2em; font-family: 'Michroma', sans-serif;
font-weight:bold;
color:#004889;
}

.main ul, .main ol{padding:0;margin:0 0 20px 25px;}
.main ul ul, .main ul ol, .main ol ol, .main ol ul{margin-bottom:0;}
.main ul.unstyled, .main ol.unstyled{margin-left:0;list-style:none;}
.main ul.nomargin, .main ol.nomargin { margin-bottom: 0;}

hr{margin:20px 0;border:0;border-top:1px solid #eeeeee;border-bottom:1px solid #ffffff;}

.main abbr[title], .main abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999999;}
.main abbr.initialism{font-size:90%;text-transform:uppercase;}

.main blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eeeeee;}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:25px;}
.main blockquote small{display:block;line-height:20px;color:#999999;}blockquote small:before{content:'\2014 \00A0';}
.main blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #eeeeee;border-left:0;}blockquote.pull-right p, .main blockquote.pull-right small{text-align:right;}
.main blockquote.pull-right small:before{content:'';}
.main blockquote.pull-right small:after{content:'\00A0 \2014';}

.main q:before, .main q:after, .main blockquote:before, .main blockquote:after{content:"";}
.main address{display:block;margin-bottom:20px;font-style:normal;line-height:20px;}

.main .breakout { padding: 20px 20px 20px 20px; margin-bottom: 20px; background: #eee; }

.main .quote { padding: 20px 20px 20px 80px; margin-bottom: 20px; background: #eee url(../img/icon-quote.png) no-repeat 20px 20px; font-style: italic; }
.main .quote p {margin:0 0 10px;}
.main .quote span { font-style: normal; font-weight: bold; }

/* ================ ELEMENTS - ASIDE ================ */

.aside {font-size:12px;line-height:1.2em;}
.aside p {margin:0 0 10px; }
.aside ul {margin-left:0;list-style:none;}


/* Main - Activites - Archive */

/* Main - Activites - Single */

/* Main - Courses - Archive */

/* Main - Courses - Single */

/* Main - Events - Archive */

/* Main - Events - Single */

/* Main - Room Hire - Archive */

/* Main - Room Hire - Single */

/* Main - Contact */



/* #### ASIDE #### */

.aside .widget {
	padding: 20px 20px 30px;
	padding-bottom: 20px;
	background: #F18E00 url(assets/img/bottom-shadow.png) no-repeat 0px 100%;
}

.aside .widget h3 {
	display: block;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 1em;
	font-family: 'Michroma', sans-serif;
	color: #fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.65);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#a5000000,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#a5000000,Positive=true);
}

.aside .widget p {
	margin-bottom: 10px;
}


.aside .widget .wInner {

}


/* Sidebar - Quick Contact */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
	width: 100%;
border: none;
padding: 3px 3px;
font-size: 12px;
line-height: 18px;
font-family: arial, sans-serif;
color: #333;
background: #fff;
box-sizing: border-box;
border-bottom: 1px #888 solid;
}

.wpcf7 textarea {
	height: 60px;
}

.wpcf7 input[type="submit"] {
	border: none;
margin: 0;
padding: 2px 15px;
font-size: 12px;
line-height: 24px;
font-family: 'Michroma', sans-serif;
color: #fff;
text-shadow:0px 1px 0px rgba(0,0,0,0.25);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40000000,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#40000000,Positive=true);

background: #0071eb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzFlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ3OWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #0071eb 0%, #00479b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0071eb), color-stop(100%,#00479b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0071eb 0%,#00479b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0071eb 0%,#00479b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0071eb 0%,#00479b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0071eb 0%,#00479b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071eb', endColorstr='#00479b',GradientType=0 ); /* IE6-8 */
cursor: pointer;
}

.widget form input[type="submit"]:hover{
 -moz-box-shadow:inset 0px 0px 4px rgba(0,0,0,0.52);
-webkit-box-shadow:inset 0px 0px 4px rgba(0,0,0,0.52);
box-shadow:inset 0px 0px 4px rgba(0,0,0,0.52);

}

.wpcf7 .watermark {
 color: #333;
}


/* #### FOOTER ####  */

#footer { color:#fff; font-size: 10px; }

#footer a { color:#fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#copy, #maker { padding: 20px 0;}

#copy {}
#maker { text-align: right; }