
/*
	Theme Name: Stubbs &amp; Schubart Specializing in Real Estate Law
	Theme URI: 
	Description: 
	Author: Ravi Kumar
	Version: 1.0
	License: 
	License URI: 
	Template: template 
	Tags: 
*/


@import url("../template/style-062012.css");

/* ----- START [4] Custom Styles ----- */




/* -- Body Styles -- */

body {
	font-family:Arial, Helvetica, sans-serif;
	background:#f6ede6 url("img/body-bg.gif") repeat-x left top;
	font-size:13px;
	color:#352116;
	}

/* -- Header -- */
	header {
		background: url("img/bg-header.jpg") no-repeat center 24px;
		}
	
	header .top-nav {
		margin:0px;
		padding:3px 0px 0px 74px;
		float:right;		
		}
		
	header .top-nav ul {
		margin:0px;
		padding:0px;
		}
		
	header .top-nav ul li {
		margin:0px;
		padding:0px 15px 0px 15px;
		list-style:none;
		display: inline;
		}
		
	header .top-nav ul li:first-child {
		border-left:none;
		}
		
	header .top-nav ul li a {
		margin:0px;
		padding:0px;
		text-decoration: none;
		color:#fff;
		font-style:normal;
		font-weight:normal;
		font-size:84.6%;
		}
	
	header .top-nav ul li a:hover {		
		color:#80a446;
		}
	
	header .grid-7 img {
		margin:0px;
		}
	
	header .grid-7 h1{
		margin:30px 0px 32px 22px;
		padding:0px;
		}
		
	header .grid-7 h1 a {
		width:456px;
		height:61px;
		background:url("img/logo-header.png") no-repeat left top;
		}		
			
		header i {
			color:#fff;
			margin:25px 15px 3px 0px;
			display:block;
			text-align:right;
			font-size:107.7%;
			font-style:normal;
			text-transform:uppercase;
			line-height:100%;
			font-weight:bold;
			font-family:"Times New Roman", Arial, Helvetica, sans-serif;
			-webkit-text-shadow: 1px 4px 3px #907c6f;
            text-shadow:1px 4px 3px #907c6f;
			}
			
		header b {
			color:#6b222b;
			margin:0px 15px 0px 0px;
			display:block;
			text-align:right;
			font-size:215.4%;
			line-height:100%;
			font-weight:bold;
			font-family:"Times New Roman", Arial, Helvetica, sans-serif;
			-webkit-text-shadow: 1px 4px 3px #907c6f;
            text-shadow: 1px 4px 3px #907c6f;
			}

/* -- Search Form -- */			
			
#search-form {
	overflow:hidden;
	margin:15px 15px 0px 0px;
	float:right;
	text-align:right;
	background:#dcd2c9;	
	}
	
	#search-form ol {
		list-style:none;
		margin:0px;
		padding:0px;
		}
	
	#search-form ol li {
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px;		
		}
	
	#search-form label {
		display:none;
		color:#fff;
		text-transform:uppercase;
		font-size:81%;
		}
	
	#search-form input {
		padding:5px 0px 5px 10px;
		height:9px;
		width:189px;
		color:#603c2e;
		border:none;
		font-size:84.6%;
		line-height:100%;
		text-align:left;
		background:none;
		}
	
	#search-form input.button-search-submit {
		margin:0px 0px 0px 0px;
		width:26px;
		height:28px;
		border:0px solid #000;
		color:#fff;
		border-left:none;
		display:none;
		}
				
				
/* -- Main Navigation -- */

	.nav-wrapper {
		width:100%;
		height:47px;
		background:url("img/bg-main-nav.png") repeat-x left top;
		}
		
	.nav-wrapper-bottom {
		width:100%;
		height:21px;
		background:transparent url("img/bg-nav-bottom.png") repeat-x left top;
		}

	nav.main ul {
	    margin:0px 0px 0px 20px;
	    padding:0px;
	    list-style:none;
		float:left;
		background:url("img/devider-main-nav.gif") no-repeat right 9px;
		}
	
	nav.main ul li {
	    float:left;
	    padding:0px 0px 0px 1px;
	    margin:0px;
		position:relative;
		list-style:none;
		background:url("img/devider-main-nav.gif") no-repeat left 9px;
		}
	
	nav.main ul li span {
		background:url("img/arrow-drop-down.png") no-repeat center bottom;
		display: block;
		}
	
	/* main level link */
	
	nav.main ul a, nav.main ul li a:visited {
		margin:0px;
		padding:5px 25px 0px 24px;	
		display:block;
		color:#fffffe;
		font-size:107.7%;
	    text-decoration: none;
	    line-height:260%;	    
		}
	
    nav.main ul li a:hover, nav.main ul li a:active, nav.main ul li a:focus, nav.main ul li.current_page_item a {
		background:url("img/hover-bg-main-nav.gif") repeat-x left 9px;
		}
		
	/* main level link hover */
	nav.main ul li:hover > a {
		background:url("img/hover-bg-main-nav.gif") repeat-x left 9px;
		color:#fff;
		}
	
	/* level 2 list */
	
	nav.main ul ul {
		display:none;
		margin:0px;
		padding:0px 0px 0px 0px;
		width:202px;
		position:absolute;
		top:42px;
		left:0px;
		border-top:0px;
		z-index:9999;
		}
		
	nav.main ul li:hover ul {
		display:block;
		margin:0px;
		padding:0px 0px 0px 0px;
		width:202px;
		background:#926a50;
		}
	
	nav.main ul ul li {
		float:none;
		margin:0px;
		padding:0px;
		text-align:left;
		width:202px;
		background:none;
		}
	
	nav.main ul ul a, nav.main ul ul a:visited  {
		display:block;
		margin:0px;
		padding:8px 26px 8px 26px;
		color:#fff;
		background:url("img/border-drop-down.gif") repeat-x left bottom;
		font-size:107.1%;
	    text-decoration:none;
	    text-transform: none;
	    line-height:normal !important;
		}
		
	 nav.main ul ul li a:hover, nav.main ul ul li a:active, nav.main ul ul li a:focus, nav.main ul ul li.current_page_item a {		
		color:#560021;
		background:none;		
		}
	


/* -- Marketing Area -- */

.mid-section-wrapper {
		background: url("img/bg-mid-section-wrapper.jpg") no-repeat center top;
		width:100%;
		display:block;
		margin-top:0px;
		}
	
	.marketing-area-home {
		display:block;
		background:#f3eeea;
		-webkit-box-shadow: 2px 1px 23px rgb(160, 141, 155);
         box-shadow: 2px 1px 23px rgb(160, 141, 155);		
		}
		
	.banner-section {
		width:920px;
		margin:10px ;
		}	
		
	.marketing-area-home .banner-home {
		padding:10px;
		margin:0px;
		width:603px;
		float:left;
		}
		
	.marketing-area-home .address-section {
		margin:10px 10px 10px 0px;
		padding:0px;
		background: url("img/bg-banner-right.jpg") no-repeat center top;
		height:340px;
		width:307px;
		float:left;
		}
		
	.marketing-area-home .address-section h2 {
		font-family:"Times New Roman", Arial, Helvetica, sans-serif;
		color:#ebdccd;
		font-size:138.5%;
		text-transform: uppercase;	
		padding:106px 0px 0px 71px;	
		}
		
	.marketing-area-home .address-section h2 span {
		color:#c2395c;
		}
		
	.marketing-area-home .address-section address {
		font-style:normal;
		text-transform: uppercase;
		font-size:107.7%;
		color:#ebdccd;	
		padding:25px 0px 0px 0px;	
		text-align:center;
		}
		
	.marketing-area-inner {
		display:block;
		background:#f3eeea;
		-webkit-box-shadow: 2px 1px 23px rgb(160, 141, 155);
         box-shadow: 2px 1px 23px rgb(160, 141, 155);			
		}
		
	.banner-section-inner {
		width:920px;
		margin:10px ;
		}	
		
	.marketing-area-inner .banner-inner {
		padding:10px;
		margin:0px;
		width:603px;
		float:left;
		}
		
	.marketing-area-inner .address-section-inner {
		margin:10px 10px 10px 0px;
		padding:0px;
		background: url("img/bg-inner-banner-right.jpg") no-repeat center top;
		height:202px;
		width:307px;
		float:left;
		}
		
	.marketing-area-inner .address-section-inner address {
		font-style:normal;
		text-transform: uppercase;
		font-size:107.7%;
		color:#ebdccd;	
		padding:80px 0px 0px 0px;	
		text-align:center;
		}
		
		
/* -- Aops -- */

	.aop-section {
		display:block;		
		}
		
	.aop-section ul {
		margin:15px 0px 0px 0px;
		padding:0px;
		}	
		
	.button-aop-01 a, .button-aop-02 a, .button-aop-03 a {
		display: block;
		height: 95px;
		width: 300px;
		-webkit-box-shadow: 0px 1px 10px rgb(179, 154, 154);
        box-shadow: 0px 1px 10px rgb(179, 154, 154);
		}
		   
   	  .button-aop-01 a:hover, .button-aop-02 a:hover, .button-aop-03 a:hover {
		-moz-transition: all 0.3s ease-out 0s;
		}
	
	  .button-aop-01 a, .button-aop-01 a:visited {
		background: url("img/bg-aop-eminent-domain.png") no-repeat scroll center top transparent;
		}
		
	  .button-aop-01 a:hover, .button-aop-01 a:active, .button-aop-01 a:focus {
		background: url("img/hover-bg-aop-eminent-domain.png") no-repeat scroll center top transparent;
		}	
	
      .button-aop-02 a, .button-aop-02 a:visited {
		background: url("img/bg-aop-land-use.png") no-repeat scroll center top transparent;
		}
		
	  .button-aop-02 a:hover, .button-aop-02 a:active, .button-aop-02 a:focus {
		background: url("img/hover-bg-aop-land-use.png") no-repeat scroll center top transparent;
		}
	  
	  .button-aop-03 a, .button-aop-03 a:visited {
		background: url("img/bg-aop-real-estate-practice.png") no-repeat scroll center top transparent;
		}
		
	  .button-aop-03 a:hover, .button-aop-03 a:active, .button-aop-03 a:focus {
		background: url("img/hover-bg-aop-real-estate-practice.png") no-repeat scroll center top transparent;
		}
		
/* -- Mid-Section -- */

.mid-section {
	background:#f2eeea;
	-webkit-box-shadow: 2px 1px 23px rgb(160, 141, 155);
    box-shadow: 2px 1px 23px rgb(160, 141, 155);
    margin-top:12px;
    padding:25px 0px 45px 0px;		
	}

/* -- Main Content Block -- */-

.content {
	padding:0px 0px 0px 0px;
	}
	
	.padding {
	padding:0px 25px 0px 25px;	
	}
	
	.content hr {
		}
		
	.content blockquote {
		}
		
	.content a,
	.content a:visited {
		color:#820202;
		text-decoration:none;
		}
	
	.content a:hover,
	.content a:active,
	.content a:focus {
		text-decoration:underline;		
		}
		
	.content table tr td ul {
		margin:0px 0px 15px 0px;
		padding:0px;
		}	
		
	.content table tr td ul li {
		margin:0px;
		padding:0px 0px 0px 15px;
		background: url("img/bullet-content.gif") no-repeat left 5px;
		list-style:none;
		}
		
	.content p {
		font-size:95.3%;
		margin:0px 0px 25px 0px;
		color:#352116;
		line-height:150%;
		}
			
	.content h1 {	
		font-size:169.2%;
		font-family:"Times New Roman", Times, serif;		
		color:#926a50;
		margin:5px 0px 15px 0px;
		}
	
	.content h2 {
		font-size:115.4%;
		color:#4e0018;
		margin:0px 0px 5px 0px;	
		}
	
	.content h3 {
		font-size:110%;
		font-weight:bold;	
		color:#81a446;
		margin:0px 0px 5px 0px;
		}
	
	.content h4 {
		font-size:105%;
		font-weight:normal;	
		color:#000000;
		margin:0px 0px 5px 0px;
		}
	
	.content h5 {
		font-size:90%;
		font-weight:normal;	
		color:#333333;
		margin:0px 0px 5px 0px;	
		}
				
/* -- Sidebar -- */

.sidebar {
	padding:0px 25px 0px 0px;
	}
	
	.slides-award {
		margin:0px;
		padding:0px;
		float:left;
		background:#e0d4cb;
		width:276px;
		position:relative;
		display:block;
		}
		
	.slides-award h2 {
		padding:6px 0px 6px 18px;
		margin:19px 0px 0px 0px;
		color:#fff;
		font-size:115.4%;
		background:#80a446;
		font-weight:normal;
		}		
		
	.slides-award-container {
	list-style:none;
	margin:0px;
	padding:0px 0px 10px 0px;
	width:276px;			
	overflow:hidden;
	}
	
	.slides-award-container li {
	display:block;
	width:275px;				
	overflow:hidden;
	list-style:none;
	padding:45px 0px 45px 7px;
	text-align:center;
	}
			
		
	#slide_btns {
	position:absolute;
	top:-20px;
	*top:14px;
	right:12px;
	}
	
	#slide_btns ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
	#slide_btns ul li {
	float:left;
	padding:45px 0px 45px 7px;
	}
		
	.slide img {
	margin:0px;
	padding:0px;
	text-align:center;
	}	
	
	/* --- Pagination/Prev/Next Styles --- */
	
	a.prev,
	a.next {
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	color:#0099cc;
	text-decoration:none;
	}
		
	a.prev:hover,
	a.next:hover {
	color:#66cc33;
	text-decoration:none;
	}
	
		a.prev {
		float:left;
		}
		
		a.next {
		float:left;
		margin-left:2px;
		}
	
	.current-slide {
		float:left;
		color:#fff;
		font-weight: bold;
		margin:2px 0 0 2px;
		*margin:0px 0 0 2px;
		}
			
		
	.aop-inner-section {
		display:block;
		}
		
	.aop-inner-section ul {
		margin:0px 0px 0px 0px;
		padding:0px;
		list-style:none;
		}	
		
	.button-inner-aop-01 a, .button-inner-aop-02 a, .button-inner-aop-03 a {
		display: block;
		height: 95px;
		width: 275px;
		border:1px solid #c9b4a7;
		margin-top:15px;
		}
		   
   	  .button-inner-aop-01 a:hover, .button-inner-aop-02 a:hover, .button-aopinner-aop-03 a:hover {
		-moz-transition: all 0.3s ease-out 0s;
		}
	
	  .button-inner-aop-01 a, .button-inner-aop-01 a:visited {
		background: url("img/bg-aop-eminent-domain.png") no-repeat scroll center top transparent;
		}
		
	  .button-inner-aop-01 a:hover, .button-inner-aop-01 a:active, .button-inner-aop-01 a:focus {
		background: url("img/hover-bg-aop-eminent-domain.png") no-repeat scroll center top transparent;
		}	
	
      .button-inner-aop-02 a, .button-inner-aop-02 a:visited {
		background: url("img/bg-aop-land-use.png") no-repeat scroll center top transparent;
		}
		
	  .button-inner-aop-02 a:hover, .button-inner-aop-02 a:active, .button-inner-aop-02 a:focus {
		background: url("img/hover-bg-aop-land-use.png") no-repeat scroll center top transparent;
		}
	  
	  .button-inner-aop-03 a, .button-ainner-aop-03 a:visited {
		background: url("img/bg-aop-real-estate-practice.png") no-repeat scroll center top transparent;
		}
		
	  .button-inner-aop-03 a:hover, .button-inner-aop-03 a:active, .button-inner-aop-03 a:focus {
		background: url("img/hover-bg-aop-real-estate-practice.png") no-repeat scroll center top transparent;
		}	
			
/* -- QC -- */ 
	
	.quick-contact-box {
		margin:18px 0px 0px 0px;
		padding:0px 0px 25px 0px;
		background:#926a50;
		float:left;
		width: 276px;
		}
		
	form.quick-contact-form div#recaptcha_widget_div {
		width:276px;
		overflow:hidden;
		padding:0px;
		background:#ddd;
		border:1px solid #aaa;
		}
		
	.quick-contact-box h2 {
		margin:19px 0px 0px 0px;
		color:#fff;
		background:#80a446 ;
		padding:6px 0px 12px 18px;
		font-size:115.4%;
		background:#80a446 url("img/bg-shadow.gif") repeat-x center bottom;
		font-weight:normal;
		}
		
	.padding-qc {
		padding:15px 20px 0px 20px;
		}	
		
	.quick-contact-box p {
		margin:0px;
		color:#fff;
		}
	
	.quick-contact-box label.gfield_label {
		display: none !important;
		position:absolute;		
		}
		
	.quick-contact-box ul {
		margin:10px 0px 0px 0px !important;
		*margin:0px !important;
		padding:0px !important;
		}
		
	.quick-contact-box li {
		margin: 0px !important;
		padding:3px 0px !important;
		*padding:0px !important;
		list-style: none;
		}
		
	.quick-contact-box input,
	.quick-contact-box textarea {
		border:0px solid #000;
		color: #6b222b;
		font-size:84.6%;
		width: 225px;
		padding:4px 8px;
		float: left;
		margin-bottom: 5px;
		background:#f6f6ee;
		}
	
	.quick-contact-box textarea {
		height: 90px;
		}
			
	.quick-contact-box input[type=submit] {
		margin:0px 0px 0px 0px;
		width:62px;
		float:right;
		background:#80a446;
		color:#f6f6ee;
		border-bottom:1px solid #000;	
		}	
		
	.quick-contact-box input[type=submit]:hover {
		background:#a22a48;
		}
		
	.blog-sidebar {
		margin-top:15px;
		float:left;
		width:275px;
		}	
			
	.blog-sidebar h2 {
		padding:6px 0px 6px 18px;
		margin:19px 0px 0px 0px;
		color:#fff;
		font-size:115.4%;
		background:#80a446;
		font-weight:normal;
		}
		
	
	
/* -- Client Center -- */

iframe.client-center {
	width:940px;
	min-height:900px;
	overflow-y: scroll;
	overflow-x: hidden;
	border:none;
	}	

/* -- Footer -- */

	footer {
		background:#603c2e;
		}
		
	.padding-footer{
		padding:0px 0px 0px 20px;
		}
		
	.padding-right {
		margin:0px 20px 0px 0px;
		}	
	.button-client-center a {
		display:block;
		width:196px;
		height:30px;
		background:#80a446;
		color:#f3eeea;
		float:right;
		font-weight:bold;
		text-decoration:none;
		line-height:30px;
		text-transform:uppercase;
		text-align:center;
		margin:0px 24px 32px 0px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 	
		}
	
	.button-client-center a:hover {
		background:#a22a48; 	
		}
	
	footer .grid-3 h2 {
		display:block;
		color:#eee8e4;
		text-decoration:none;
		margin:0px 0px 0px 0px;
		padding-bottom:13px;
		font-size:115.4%;
		font-family:"Helvetica", Arial, sans-serif;
		font-weight:bold;
		border-bottom:1px solid #926a50;
		padding-top:9px;
		}
	
	footer .grid-3 address {
		font-style:normal;
		padding-top:5px;		
		}
		
	footer .grid-3 address p {
		color:#eee8e4;
		margin:15px 0px;
		font-size:92.3%;
		}
		
	footer .grid-3 address i {
		font-style:normal;
		color:#eee8e4;
		margin:0px;
		font-size:92.3%;
		display:block;
		}	
		
	footer .grid-3 ul {
		list-style:none;
		margin:0px;
		padding:0px;
		}		
	
	footer .grid-3 ul li {
		display:block;
		border-bottom:1px solid #926a50;
		background:url("img/bullet-footer-nav.png") no-repeat left 12px;
		}
		
	footer .grid-3 ul li span {
		display:block;
		border-bottom:1px solid #926a50;
		background:url("img/bullet-footer-nav.png") no-repeat left 12px;
		color:#fff;
		padding:8px 0px 8px 10px;
		}
		
	footer .grid-3 ul li a, footer .grid-3 ul li a:visited {
		display:block;
		padding:8px 5px 8px 10px;
		font-family:"Helvetica", Arial, sans-serif;
		font-weight:normal;
		font-size:88%;
		color:#f5f4ef;
		text-decoration:none;
		}
		
	footer .grid-3 ul li a:hover, footer .grid-3 ul li a:active, footer .grid-3 ul li a:focus, footer .grid-3 ul li.current_page_item a {
		color:#80a446;
		}
		
		
	footer .disclaimer {
		margin-top:45px;
		padding:0px 0px 30px 0px;
		}
		
	footer .disclaimer p {
		color:#eee8e4;
		font-size:87%;
		margin:20px 0px;
		line-height:18px;
		padding:0px 20px 0px 20px;
		}
	
	footer .disclaimer p a {
		color:#eee8e4;
		text-decoration:none;
		}
		
	footer .disclaimer p a:hover {
		text-decoration:underline;
		}
		
	footer .disclaimer p img {
		margin:0px 0px 0px 0px;
		float:right;
		}

/* -- Shadowbox Styles -- */

#sb-container, #sb-wrapper { text-align:left; }
#sb-container, #sb-overlay { position:absolute; top:0; left:0; width:100%; margin:0; padding:0; }
#sb-container { height:100%; display:none; visibility:hidden; z-index:999; }
body>#sb-container { position:fixed; }
#sb-overlay { height:expression(document.documentElement.clientHeight+'px'); }
#sb-container>#sb-overlay { height:100%; }
#sb-wrapper { position:relative; }
#sb-wrapper img { border:none; }
#sb-body { position:relative; margin:0; padding:0; overflow:hidden; border:1px solid #303030; height:100%; }
#sb-body-inner { position:relative; height:100%; }
#sb-content.html { height:100%; overflow:auto; }
#sb-loading { position:absolute; top:0; width:100%; height:100%; text-align:center; padding-top:10px; }
#sb-body, #sb-loading { background-color:#060606; }
#sb-title, #sb-info { position:relative; margin:0; padding:0; overflow:hidden; }
#sb-title-inner, #sb-info-inner { position:relative; font-family:'Lucida Grande', Tahoma, sans-serif; line-height:16px; }
#sb-title, #sb-title-inner { height:26px; }
#sb-title-inner { font-size:16px; padding:5px 0; color:#fff; }
#sb-info, #sb-info-inner { height:20px; }
#sb-info-inner { font-size:12px; color:#fff; }
#sb-nav { float:right; height:16px; padding:2px 0; width:45%; }
#sb-nav a { display:block; float:right; height:16px; width:16px; margin-left:3px; cursor:pointer; }
#sb-nav-close { background-image:url(img/shadowbox/close.png); background-repeat:no-repeat; }
#sb-nav-next { background-image:url(img/shadowbox/next.png); background-repeat:no-repeat; }
#sb-nav-previous { background-image:url(img/shadowbox/previous.png); background-repeat:no-repeat; }
#sb-nav-play { background-image:url(img/shadowbox/play.png); background-repeat:no-repeat; }
#sb-nav-pause { background-image:url(img/shadowbox/pause.png); background-repeat:no-repeat; }
#sb-counter { float:left; padding:2px 0; width:45%; }
#sb-counter a { padding:0 4px 0 0; text-decoration:none; cursor:pointer; color:#fff; }
#sb-counter a.sb-counter-current { text-decoration:underline; }
div.sb-message { font-family:'Lucida Grande', Tahoma, sans-serif; font-size:12px; padding:10px; text-align:center; }
div.sb-message a:link, div.sb-message a:visited { color:#fff; text-decoration:underline; }






/* ----- END [4] Custom Styles ----- */













/* ----- [5] Non-Semantic Helper Classes ----- */


/* for image replacement */
.ir { 
	display:block; 
	text-indent:-999em; 
	overflow:hidden; 
	background-repeat:no-repeat; 
	text-align:left; 
	direction:ltr; 
	}

/* Hide for both screenreaders and browsers  [ css-discuss.incutio.com/wiki/Screenreader_Visibility ] */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { 
	border: 0; 
	clip: rect(0 0 0 0); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute; 
	width: 1px; 
	}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { 
	clip: auto; 
	height: auto; 
	margin: 0; 
	overflow: visible; 
	position: static; 
	width: auto; 
	}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { 
	visibility:hidden; 
	}

/* >> The Magnificent CLEARFIX:Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, 
.clearfix:after { 
	content:"\0020"; 
	display:block; 
	height:0; 
	visibility:hidden; } 

.clearfix:after { clear:both; }

/* Fix clearfix:blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom:1; clear:both; }


/* ----- END [5] Non-Semantic Helper Classes ----- */





/* ----- [6] Media Queries ----- */
/* ----- 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; } */
	}


/* ----- END [6] Media Queries ----- */





/* ----- [7] Print Styles ----- */
/* ----- inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ ----- */


@media print {

	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	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; }
	
	}


/* ----- END [7] Print Styles ----- */

