/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body {
	font-family: "FranklinGothicBookRegular",Helvetica, Arial, sans-serif;
	font-size:95%;
	line-height:1.125em; 
	color:#333333;
	background:url(../images/bg.jpg) repeat;
	}
	
/* type  */
	
	@font-face {
    font-family: 'FranklinGothicBookRegular';
    src: url('/assets/fonts/franklin_gothic_book-webfont.eot');
    src: url('/assets/fonts/franklin_gothic_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/franklin_gothic_book-webfont.woff') format('woff'),
         url('/assets/fonts/franklin_gothic_book-webfont.ttf') format('truetype'),
         url('/assets/fonts/franklin_gothic_book-webfont.svg#FranklinGothicBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
	@font-face {
		font-family: 'FranklinGothicBookItalic';
		src: url('/assets/fonts/franklin_gothic_book_italic-webfont.eot');
		src: url('/assets/fonts/franklin_gothic_book_italic-webfont.eot?#iefix') format('embedded-opentype'),
			 url('/assets/fonts/franklin_gothic_book_italic-webfont.woff') format('woff'),
			 url('/assets/fonts/franklin_gothic_book_italic-webfont.ttf') format('truetype'),
			 url('/assets/fonts/franklin_gothic_book_italic-webfont.svg#FranklinGothicBookItalic') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	@font-face {
		font-family: 'FranklinGothicMediumRegular';
		src: url('/assets/fonts/franklin_gothic_medium-webfont.eot');
		src: url('/assets/fonts/franklin_gothic_medium-webfont.eot?#iefix') format('embedded-opentype'),
			 url('/assets/fonts/franklin_gothic_medium-webfont.woff') format('woff'),
			 url('/assets/fonts/franklin_gothic_medium-webfont.ttf') format('truetype'),
			 url('/assets/fonts/franklin_gothic_medium-webfont.svg#FranklinGothicMediumRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	ul {font-size: 0.975em;line-height:1.4; margin-bottom:0;list-style:url(../images/dot_rose.png);}
	
	ul.maintext {margin-bottom:0;font-size:1.125em;line-height:180%; list-style-position:inside}
	ol.maintext {margin-bottom:0;font-size:1em;line-height:120%; list-style-position:inside}
	
		ul.borderbot {
	margin-bottom:1em;
	line-height:1.2em;
	border-bottom: dotted 1px #666666;
	list-style-position:outside;
	}
	
	
	.content ul {margin-top:1em; list-style-position:inside !important; list-style-type:circle}
	.content ul li, .content ol li {margin-bottom:.65em}
	.content ul ul {margin-top:0.3em; list-style-position:outside !important; list-style:none}
	.content ul ul li {margin-left:2em; margin-bottom:.2em}
	
	h1, h2, h3 {font-weight:normal}
	h1 {line-height:120%}	
	h1, h3 {font-size:1.125em; margin:0 0 .8em 0}
	h2 { 
	font-size: 1.125em; /* 16x1.125=18px */ 
	margin:6em 0 2em 0; /* 18x1=18px */
	text-transform:uppercase;
	}
	h2.desc {font-size:1.125em; margin:0 0 .8em 0; text-transform:none}		
	h3.togg {padding-bottom:2px; border-bottom:1px #999999 solid;}
	h3.toga:hover {text-decoration:underline}
	
	.arrow {
		width: 0; 
		height: 0; 
		margin: 5px; 
		float: right;
	}
	.arrow.up {
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;	
		border-bottom: 6px solid #000;
	}
	.arrow.down {
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;	
		border-top: 6px solid #000;
	}

	.arrowdown:after  {
		content: "\00a0";
		width: 0; 
		height: 0; 
		margin: 5px 85px 5px 5px; 
		float: right;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;	
		border-top: 4px solid #000;
	}

	.arrowup:after  {
		content: "\00a0";
		width: 0; 
		height: 0; 
		margin: 5px 85px 5px 5px; 
		float: right;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;	
		border-bottom: 4px solid #000;
	}
	p {font-size: 0.975em; /*  p, ul {font-size: 0.875em; comment 16x0.875=14px */
	margin: 0 0 1.286em 0; /* 14x1.286=18px */
	}
	
	p.instruct {font-size:18px; line-height:130%; margin-top:30px}
	p.quote {font-size:11px; line-height:130%}
	p.quote span { vertical-align:sub}
		
	a, a:link {color: #333333;font-weight: normal;text-decoration:underline;}
	a:visited {color: #333333;text-decoration: none;}
	a:hover {color: #333333;text-decoration: underline;}
	a:focus {color: #333333;text-decoration: underline;}
	a.smoothAnchors:hover {cursor:pointer}
	
	h2 a {padding-top:1em;border-top:2px #EE2D3D solid; text-decoration:none !important}
	h2 a:hover {text-decoration:none; cursor:default;}
	
	
	.blanks {background:none;}
	
	iframe {
	margin-bottom:5px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);		
	}
	
	.hero img {
	width:260px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); 
	        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	}		
	.thumb {
	float:right;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	}
	
	/*.twocol {border-left:1px #CCCCCC solid; margin-top:20px}*/
	
	p.placeholdertable {line-height: 300px;
	background: #999 !important;
	text-align: center;
	margin: 20px 0 0 0;}
			
	.maintxtrow {
	height:300px;
	}
	.rowinternal {
	width: 100%;
	margin: 0;
	overflow: hidden;
	}
		
	.sixcolinternal {
	padding-bottom:0px;
	width: 100%;
	margin-right:0;
	float: left;
	min-height: 1px;
	}
	
	.nobb {border-bottom: 4px solid #CCCCCC;}
	
	.fivecolinternal {
	width: 74%;
	margin-right:0;
	float: left;
	min-height: 1px;
	}
	.threecolinternal {
	width: 24%;
	padding-right:1.8%;
	float: left;
	min-height: 1px;
	}
		
/* form and map*/	

	form.contact {margin-top:0}
	.contact input {width:32em;padding:5px}
	.contact textarea {width:32.64em}
	.contact input#butSend {width:80px}
	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	* html .clearfix             { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */
	.spanPosition {padding : 8px 8px;font-size : 14px;}
	.focus{color:#EE2D3D;}
	.blur{color : silver;}
	          
	.buffertop {margin-top:7.7em}	

	#searchcase input {width:14em;padding:3px;padding-bottom:5px}
	#searchcase input.butt {width:40px;padding:5px}
	#searchcase p { display:inline; margin-right:10px}
	#searchcase select {padding:5px }	  
			  
/* ======================================================================
    logo, rose, lines, recent cases etc  
   ====================================================================== */

	#logo,#page-nav, #rose{
	-o-transition:opacity .2s ease;
	-webkit-transition:opacity .2s ease;
	-moz-transition:opacity .2s ease;
	transition:opacity .2s ease
	}
		
	#logo img{
	position:relative;
	display:block;
	margin-top:44px;
	margin-left:0px;
	margin-right:auto;
	}
	
	#logo a{
	text-indent:-999em;
	display:block;
	border-bottom:0;
	margin-left:0px;
	margin-right:auto;
	}
	
	.posfix {position:fixed;width: 13.45%;}

	hr{clear:both;float:left;width:100%;margin:2.2em 0 0 -3px;height:1px;border:0;background:url(/assets/images/dot.png) repeat-x}
	
	div.base {margin-top:2em;height:40em; background: url(/assets/images/bground_rose.png) repeat-x}
	
	#slideshower{position:relative;overflow:hidden; height:420px}

	#slideshower div.slideitem {
	position:absolute;
	top:0;
	left:0;
	max-width:100%
	}

	
	#accordion{
	margin: 20px 0 0;
	width: 840px !important;
	}
	
	div.grid {width:840px}
	
	#accordion h3 {
	position:relative;
	background:none;
	color: #333333;
	cursor: pointer;
	font-size:.85em;
	line-height: 16px;
	border:1px #999999 solid;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
	}
	#accordion h3 span.cat{
	display:inline-block;
	width:500px
	}
	#accordion h3 span.jur{
	display:inline-block;
	}
	#accordion .content {
	background-color: #F4F5F5;
	}
	#accordion p {margin:0; font-size:.85em;}
	#accordion .content p {
	margin: 0.5em 0;
	padding: 0 6px 8px 6px;
	}
	.ajaxloading { background:url('/assets/images/loading.gif') no-repeat 50% 50%;border:none} 

/* ======================================================================
    navigation - main  
   ====================================================================== */

	#main-nav {
	float: right;
	margin: 46px 0 52px 0;
	text-align: right;
	width: 100%;	/* 633px / 960px */
	border-top: none;
	color:#666666;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	zoom:1;
	opacity:1;
	-webkit-transition:all .2s linear;
	   -moz-transition:all .2s linear;
	     -o-transition:all .2s linear;
	        transition:all .2s linear;
	}
	
	#main-nav li {
	float: right;
	list-style:none;
	padding-top:.7em;
	margin-left: 2.317535545023696682%;			/* 21px / 633px */
				/* 197px / 633px */
	}
	#main-nav li.active a {border-top:2px #EE2D3D solid}
	#main-nav li.last {margin-right: 0;}
	
	#main-nav li a {
	padding: 1em 0 2em 0;
	color:#333333;
	text-decoration:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	zoom:1;
	opacity:1;
	-webkit-transition:all .2s linear;
	   -moz-transition:all .2s linear;
	     -o-transition:all .2s linear;
	        transition:all .2s linear;
	border-top:2px solid transparent;
	}
	
	#main-nav li a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	zoom:1;
	opacity:.4;
	border-top:2px #333 solid;
	}
	#main-nav li a.active{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	zoom:1;
	opacity:.6
	}
	
/* ======================================================================
    navigation - page (fixed)  
   ====================================================================== */
		  	

	#page-nav{
	width:100%;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	zoom:1;
	opacity:1;
	-o-transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	transition:all .2s linear
	}
	
	#page-nav li{
	color:#333333;
	letter-spacing: 1px;
	list-style:none;
	text-align: left;
	padding-left: 34px;
	line-height:140%;
	}
	#page-nav li a{
	color:#333333;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	zoom:1;
	opacity:1;
	text-decoration:none;
	-o-transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	transition:all .2s linear;
	border-bottom:0
	}
	#page-nav li a:hover{
	color:#999999;

	}
	#page-nav li a.active{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	zoom:1;
	opacity:.6
	}
	.mobshow {display:none}
	
/* ======================================================================
    internal columns  
   ====================================================================== */
		   
	.col li { position:relative;float: left; margin: 0 0 35px 0; padding: 0; line-height:130%; list-style:none}
	.col.two li {width: 24%; margin-left: 0;}
	.col.three li {width: 30%; margin-right: 5%;}
	.norightm { margin-right:0 !important}
	ul.three li { list-style:none}
	
	
	
/* ======================================== */
/* ! Layout for iPad Portrait orientation   */
/* ======================================== */

@media only screen and (device-width:768px)and (orientation:portrait) {
	.blanks {display:none !important}
	.mob767hide {display:none !important}
	.mobhide { display:none}
	.mobshow { display:block !important}
	
	form.contact {margin-top:0}
	.contact input {width:25em;padding:5px; height:2.5em}
	.contact textarea {width:25.64em}
	.contact input#butSend {width:80px}
	
#slideshower, h1 { margin-top:0px}	
.posfix {position:static; width:94%}

}

/* ======================================== */
/* ! Layout for iPad Landscape orientation   */
/* ======================================== */

@media only screen and (device-width:768px)and (orientation:landscape) {
#accordion{
	margin: 20px 0 0;
	width: 810px !important;
	}
	
	div.grid {width:810px}

}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

#slideshower{ margin-top:20px}

	#main-nav {
	float:none;
	margin-right:auto;
	margin-left:auto;
	margin-top: 10px;
	text-align:center;
	}
	#main-nav li {
	float:none;
	margin-bottom:20px;
	}
	.blanks {display:none}
	.mob767hide {display:none !important}
	.mobhide { display:none}
	.mobshow { display:block !important}
	
	ul.maintext {margin-bottom:1em;font-size:1em;line-height:140%; list-style-position:inside}
	.col.three li {width: 90%; margin-right: 0;}
	.col li {margin: 0 0 5px 0;}
	.norightm { margin-bottom: 2em !important} 
	
	ul {margin-bottom:20px !important}
	h2 {font-size: 1.125em; margin:2em 0 2em 0;}
	h3 {font-size:1em}
	
	hr{display:none}
	
	.posfix {position:static; width:auto}
	
	.contact input {width:25.4em;padding:5px}
	.contact textarea {width:auto}
	
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}