/*
Theme Name: Princes Laundry Services
Theme URI:
Description: 
Version: 1.0
Author: Bastion Digital
Author URI: http://bastion.com.au
*/

/*--- RESET ---*/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}

body {line-height: 1;}

ol, ul {list-style:none;}

/*blockquote, q {quotes: none;}*/

/*blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}*/

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/*--- MAIN ---*/
* {
	margin: 0;
}

html {
	height: 100%
}

body {
	margin: 0 auto;
	height: 100%;
	background: url(images/background.png) repeat-x; 
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
  	font-size: 0.95em;
	line-height:1.45em;
}

a {
	color:#ED1F24;
	text-decoration:none;
	font-style:italic;
}

a:hover {
	color:#333;
}

hr {
	color:#999999;
	background-color:#999999;
	margin:10px 0 20px;
	width:100%;
	height:1px;
	border:none;
}

p {
	margin-bottom:1.15em;
}

h2 {
	font-size: 24px;
	font-weight:bold;
	font-style:italic;
	margin-bottom:5px;
	color:#333333;
	line-height:32px;
}

#subArticleContent h3 {
	font-size: 18px;
	font-weight:bold;
	font-style:italic;
	color:#333;
	line-height:32px;
	margin-bottom:6px;
}

h3 {
	font-size: 21px;
	font-weight:bold;
	font-style:italic;
	color:#fff;
}

.bulls {
	font-family:sans-serif;
	font-size: 21px;
	font-weight:bold;
	font-style:italic;
	color:#333;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* STICKY FOOTER WRAP */
#fwrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -240px;
}

/*--- LAYOUT ---*/
header, nav, #pageWrap, #topInnerFooter, #bottomInnerFooter {
	margin: 0 auto;
	max-width: 940px;
	padding: 0 5px;	
}

/*--- PAGEWRAP ---*/
#pageWrap {
	position:relative;
	padding:30px 0;
}

#mainBg{
	background: url(images/content-bg.jpg);
	background-repeat:repeat-y;
	background-position:43px -150px;
	width:940px;
	margin:-10px auto 0;
	padding:30px;
}

#homeWrap {
	overflow:hidden;
	position:relative;
}

/*========================= */
/* ===== TOP SECTION ====== */
/*========================= */

/*--- HEADER ---*/
#header-inner {
	background:url(images/Princes-Laundry-Truck.png) no-repeat top right;
	height:185px;
}

#header-inner h1 { margin-bottom: 0;}

#header-inner h1 a {
	background:transparent url(images/Princes-Laundry-Services.png) no-repeat scroll left top;
	display:block;
	height:99px;
	text-indent:-9999px;
	width:278px;
	margin-top: 35px;
	float: left;
}

#header-inner blockquote{
	width: 300px;
	color: #ffffff;
	float:left;
	margin: 48px 0 0 125px;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	line-height: 34px;
}

/*--- NAV ---*/
#mainNav {
	height: 59px;
	background: url(images/nav-bg-left.png) no-repeat top left, url(images/nav-bg-right.png) no-repeat top right;
}

#nav-inner {
	clear: both;
	width: 800px;
	height: 50px;
	margin: 0 auto;
	background: url(images/nav-bg.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size: 25px;
	z-index: 1000;
	position: relative;
}

#nav-inner ul li:last-child a{
	background: none;
}

#nav-inner ul {
	float: right;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	position: relative;
	right: 50%;
}

#nav-inner ul li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;			
}

#nav-inner ul li a {  
    display: block;
	margin: 0;
	padding: 10px 20px;  
    text-decoration: none;  
    color: #fff;
	line-height: 1.3em;
	background: url(images/nav-menu-border.png) no-repeat right;
}

/*========================= */
/* === clearfix for ie6 === */
/*========================= */
#nav-inner ul li:after a {
  	content: "."; 
  	display: block; 
  	height: 0; 
  	clear: both; 
  	visibility: hidden;
}
#nav-inner ul li a {
	display: inline-block;
}
/* Hides from IE-mac \*/
 html #nav-inner ul li a {
	height: 1%;
}

#nav-inner ul li a {
	display: block;
}

/* End hide from IE-mac */
/*========================= */
/*========================= */

#nav-inner ul li.current-menu-item a,
#nav-inner ul li.current_page_parent a,
#nav-inner ul li.current_page_ancestor a {
	background: #9a0e11;
	margin: 0px -3px;
	padding: 10px 23px 7px 23px;
	color: #fff;
	-moz-box-shadow: inset 0 0 4px 1px #640708;
	-webkit-box-shadow: inset 0 0 4px 1px #640708;
	box-shadow: inset 0 0 4px 1px #640708;
}

#nav-inner ul li:hover a{
	background: #9a0e11;
	margin: 0px -3px;
	padding: 10px 23px 7px 23px;
	color: #fff;
	-moz-box-shadow: inset 0 0 4px 1px #640708;
	-webkit-box-shadow: inset 0 0 4px 1px #640708;
	box-shadow: inset 0 0 4px 1px #640708;
}


#nav-inner ul li.hover a ,
#nav-inner ul li:hover a{ 
	background: #9a0e11;
	margin: 0px -3px;
	padding: 10px 23px 7px 23px;
	color: #fff;
}

/*--- SECOND LEVEL DROP DOWN ---*/
#nav-inner ul ul {
   	display:none; /* Sub menus are hiden by default */
   	position:absolute;
   	top:2em;
   	left:0;
   	right:auto; /*resets the right:50% on the parent ul */
   	width:10em; /* width of the drop-down menus */
}

#nav-inner ul ul li {
   	left:auto;  /*resets the left:50% on the parent li */
   	margin:0; /* Reset the 1px margin from the top menu */
   	clear:left;
   	width:100%;
}

#nav-inner ul ul li a,
#nav-inner ul li.current-menu-item li a,
#nav-inner ul li:hover ul li a,
#nav-inner ul li.hover ul li a { /* This line is required for IE 6 and below */
   	font-size:.8em;
   	font-weight:normal; /* resets the bold set for the top level menu items */
   	color:#fff;
   	line-height:1.425em; /* overwrite line-height value from top menu */
   	background:#9a0e11;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
   	box-shadow:none;
}

#nav-inner ul ul li a:hover,
#nav-inner ul li.current-menu-item ul li a:hover,
#nav-inner ul li:hover ul li a:hover,
#nav-inner ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   	background:#560607; /* Sub menu items background colour */
   	color:#fff;
}

/* Flip the last submenu so it stays within the page */
#nav-inner ul ul.last {
   	left:auto; /* reset left:0; value */
   	right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#nav-inner ul li:hover > ul,
#nav-inner ul li.hover > ul { /* This line is required for IE 6 and below */
   	display:block; /* Show the sub menus */
}

/*--- THIRD LEVEL DROP DOWN --*/
#nav-inner ul ul ul {
   	display:none; /* Sub menus are hiden by default */
   	position:absolute; 
   	top:0;
   	left:102%;
   	margin-left:1px;
   	width:10em; /* width of the drop-down menus */
}

#nav-inner ul li:hover ul ul li a,
#nav-inner ul li.hover ul ul li a {
	background:#710306;
}
#nav-inner ul ul ul li {
   	left:auto;  /*resets the left:50% on the parent li */
   	margin:0; /* Reset the 1px margin from the top menu */
   	clear:left;
   	width:100%;
}


/*========================= */
/* ===== MID SECTION ====== */
/*========================= */

/*--- LEFT SUB NAV ---*/
#subContent {
	overflow:hidden;
	background: url(images/subMenuBG.jpg) repeat-y top left;
	background-position:100px 0px;
	background-color:#FFF;
	width:100%;
}

#subNav-inner {
	float:left;
	width:30%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}

#subNav-inner ul {
	list-style: none;
	padding: 15px;
	position: relative;
}

#subNav-inner ul li ul {
	list-style: none;
	padding: 5px 0 10px;
	position: relative;
}


#subNav-inner ul li {
	padding:10px 0 ;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	width:90%;
}

#subNav-inner ul li ul li {
	padding:0 0 0 15px ;
	border:none;
}

#subNav-inner ul li:first-child {
	border-top:none;
	padding-bottom:0;
}

#subNav-inner ul li a {  
	margin: 0;
	padding:12px;  
	text-decoration: none;
	line-height: 1.3em;
}
#subNav-inner ul li ul li a:before {
	content:'- ';
	color:#000;
}

#subNav-inner ul li ul li a:hover:before {
	color:#ccc;
}	

#subNav-inner ul li ul li a,
#subNav-inner ul li.current-menu-item ul li a {
	font-size:18px;
	text-decoration: none;  
	color: #ED1F24;
	line-height: 1.3em;
	text-shadow:none;
}

#subNav-inner ul li a:hover,
#subNav-inner ul li.current-menu-item a {
	color: #000;
	text-shadow:none;
}

#subNav-inner ul li ul li a:hover,
#subNav-inner ul li ul li.current-menu-item a, #subNav-inner ul li ul li.current-menu-item a:before {
	color: #cccccc;
	text-shadow:none;
}

	
#subMainContent {
	clear:both;
	min-width: 100%;
}

#subArticle {
	display:block;
	float:left;
	padding-right:20px;
	width:65%;
}

#subHeaderContainer {
	float: left;
	position: relative;
	margin-left:-35px;
	width:85%;
	height: 51px;
	background: url(images/pageBanner.png) no-repeat top left, url(images/pageBanner_right.png) no-repeat top right;
}

#subHeaderContainer h1 {
	font-size:26px;
	font-style:italic;
	font-weight:bold;
}

#subHeaderTwo {
	background:#ee3135;
	width:90%;
	height:33px;
	margin: 0 15px 0 15px;
	color:#fff;
	padding: 8px 5px 0 15px; 
}

#subArticleContent {
	float:left;
	width:70%;
}

#subArticleContent ul {
	list-style:circle inside;
	margin-top:-10px;
}

/*--- MAIN CONTENT ---*/

#mainContent {
	clear:both;
	min-width: 100%;
	margin-left: 50px;
}

#content {
	overflow:hidden;
	width:90%;
}

#headerContainer {
	float: left;
	position: relative;
	width:85%;
	height: 51px;
	background: url(images/pageBanner.png) no-repeat top left, url(images/pageBanner_right.png) no-repeat top right;
}

#headerContainer h1 {
	font-size:22px;
	font-style:italic;
	font-weight:bold;
}

#headerTwo {
	background:#ee3135;
	width:92%;
	height:33px;
	margin: 0 15px 0 15px;
	color:#fff;
	padding: 8px 5px 0 15px; 
}

#pageContent {
	display: block;
	background: #fff;
	width: 750px;
	margin-left:15px;
	margin-top:15px;
	padding: 40px 40px 20px 20px;
}

/*========================= */
/* ==== BOTTOM SECTION ==== */
/*========================= */

/*--- FOOTER ---*/
footer, .push {
	height: 240px;
}

footer {
	width: 100%;
	background: url(images/footer-bg.png) repeat-x top left;

}
#topInnerFooter {
	height:93px;
	background:url(images/innerFooterBG.png) no-repeat right;
}
	
#leftTopFooter {
	float:left;
	width: 400px;
	padding-top:18px;
}

#leftTopFooter li {
	display:inline;
	padding-right:5px;
font-size:16px;
}

#leftTopFooter li a, #rightTopFooter a {
	color: #ed1f24;
	text-decoration:none;
}

#leftTopFooter li a:hover, #rightTopFooter a:hover {
	color: #fff;
}

#leftTopFooter li:after {
	content:'•';
	padding-left: 7px;
}

#leftTopFooter li:last-child:after {
	content:none;
}

#rightTopFooter {
	float:left;
	width:410px;
	padding-top:18px;
	padding-left:130px;
}

#leftBottomFooter {
	width:380px;
	float:left;
	margin-right:20px;
}

#leftBottomFooter ul li h3 {
	color:#333;
}

#leftBottomFooter ul li a {
	color: #ed1f24;
	text-decoration: none;
	font-style:italic;
}

#leftBottomFooter ul li a:hover {
	color:#333;
}

#leftBottomFooter ul li {
	line-height:8px;
}

#leftBottomFooter ul li:first-child {
	Margin-top:10px;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}

#leftBottomFooter ul li:last-child {
	margin-top:15px;
}

#leftBottomFooter li a:after {
	content:'•';
	color:#333;
	padding-left: 7px;
}

#leftBottomFooter li a:last-child:after {
	content:none;
}

#leftBottomFooter li a:hover {
	color:#333;
}

#testimonial {
	width:535px;
	height:90px;
	display:block;
	float:left;
	padding-top:9px;
	margin-left:5px;
}

/*--- NAV FOOTER ---*/
#navFooter {
	margin-top:1px;

}

#navFooter li {
	display:inline;
	font-size: 11px;
}

#navFooter li a {
	text-decoration:none;
	color: #ed1f24;
	padding-right:8px;
}

#navFooter li:last-child {
	font-style:italic;
	margin-left:48px;
}

#navFooter li a:hover {
	color:#333;
}

#nav-inner ul li.menu-item-home a {
    display: block;
	margin: 0;
	padding: 10px 20px;  
    text-decoration: none;  
    color: #fff;
	line-height: 1.3em;
	background: url(images/nav-menu-border.png) no-repeat right;
	box-shadow:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#nav-inner ul li.menu-item-home a:hover{
	background: #9a0e11;
	margin: 0px -3px;
	padding: 10px 23px 7px 23px;
	color: #fff;
	-moz-box-shadow: inset 0 0 4px 1px #640708;
	-webkit-box-shadow: inset 0 0 4px 1px #640708;
	box-shadow: inset 0 0 4px 1px #640708;
}

/*========================= */
/* ======= 404 PAGE ======= */
/*========================= */

#errorPage {
	width:760px;
	height:250px;
	margin:0 auto;
	text-align:center;
	background:#fff;
}

#errorPage h2 {
	color:#666;
}


/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* Modifications of princes laundry theme for video slider */
.princes-youtube-playlist {clear: both; background: #000;}
.princes-youtube-playlist li {float: left;}
.princes-youtube-playlist li a {display: block; padding-right: 9px;}
.princes-youtube-playlist li a, .princes-youtube-playlist li img  {width: 97px; font-size: 12px; font-weight: bold; font-style: normal;}
.princes-youtube-playlist li img {display: block;}
.princes-youtube-playlist li:last-child img {width: 97px;}

.quotescollection_randomquote q {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: italic;
color: #333;
font-size: 16px;
}

.quotescollection_author {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: italic !important;
color: #999;
}

.contact-info-con { clear:both; float:left; width:100%; font-size:14px;}
.contact-info-con .inn-con { clear:both; float:left; padding:10px; margin-bottom:20px; width:100%; border:solid 1px #f6f6f6;}
.contact-info-con .inn-con p { margin-bottom:0px;}
.contact-info-con .title1  { clear:both; float:left; margin:0px auto 10px; padding: 0 0 5px; width:100%; font-size:15px; line-height:normal; font-style:normal; border-bottom: 1px solid #f6f6f6;}
.contact-info-con .detail  { clear:both; float:left; margin:0px 0px 10px; width:100%; }