@import url("reset.css");

@font-face{
	font-family: "Helvetica";
	src: url('fonts/Helvetica.eot');
	src: url('fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
		url('fonts/Helvetica.woff') format('woff'),
		url('fonts/Helvetica.ttf') format('truetype'),
		url('fonts/Helvetica.svg#Helvetica') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	background: #f1f1f1 url('../images/fra_bckg_body.jpg') no-repeat top center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
}
body.home{ background: #f1f1f1 url('../images/fra_bckg_body_home.jpg') no-repeat top center; }
strong{ font-weight: bold; }
em{ font-style: italic; }
a{
	text-decoration: underline;
	color: #1c94c4;
}
a:hover, a:active{
	text-decoration: none;
	color: #000000;
}
#content a[rel="external"]{ background: url('../images/ico_external.gif') 99% 40% no-repeat; padding-right: 16px; }
#content a[href$=".pdf"], a.pdf{ background: url('../images/ico_pdf.gif') 0% 60% no-repeat; padding-left: 20px; }
a.plus{ background: url('../images/ico_plus.gif') 0% 60% no-repeat; padding-left: 12px; }
a.minus{ background: url('../images/ico_minus.gif') 0% 60% no-repeat; padding-left: 12px; }
img{
	max-width: 100%;
	height: auto;
	border: 0;
}
.left{ float: left; }
.right{ float: right; }
.center{ text-align: center; }
.clear{ clear: both; }
.hidden{ display: none; }
.link{ color: #5ba13b; }
del.diffchange{ font-weight: bold; color: #990000; }
ins.diffchange{ font-weight: bold; color: #339900; }

/* _______________________________________________________________________
 * Form */
form div{
	clear: both;
	padding: 4px 0;
}
fieldset{ border: 0; }
form legend{
	width: 100%;
	padding: 4px 0;
	display: block;
}
label{
	display: block;
	font-weight: bold;
	color: #000000;
}
span.required{ color: #ff0000; }
input, textarea, select{ font: 1em Arial, Tahoma, sans-serif; }
input.input, input.auto, textarea, select{
	width: 385px;
	padding: 9px 7px;
	background: #fafafa;
	border: 1px solid #cccccc;
}
select{ width: 402px; }
input.input:focus, input.auto:focus, textarea:focus, select:focus{
	background: #ffffff;
	border: 1px solid #00b1d5;
}
input.auto, select.auto{ width: auto; }
#container p.btn{ width: auto; }
p.btn a{ display: block; }
p.btn a, input.btn{
	padding: 9px 12px;
	background: #00b1d5;
	border: 1px solid #0068ae;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	font-weight: bold;
	font-size: 0.9em;
	cursor: pointer;
	color: #ffffff;
}
p.btn a:hover, input.btn:hover{
	background: #555555;
	border: 1px solid #2b2b2b;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	color: #ffffff;
}
div.margin{
	float: right;
	padding: 0 299px 0 0;
}
.ui-progressbar, .ui-progressbar-value{
	width: 390px;
	height: 1em;
	margin: -1px;
	padding: 0;
}

/* _______________________________________________________________________
 * Table */
table{
	clear: both;
	width: 100%;
	margin: 6px 0;
	border-collapse: collapse;
	font-size: 0.9em;
}
table span.right{ padding-left: 25px; }
table td,
table th{
	padding: 5px;
	background: #ffffff;
	border: 1px solid #dddddd;
	vertical-align: top;
}
table th{
	background: #00bdfb;
	border: 1px solid #2677a2;
	font-weight: bold;
	color: #ffffff;
}
table td.right{
	float: none;
	text-align: right;
}
table tfoot td{ border: none; }

/* _______________________________________________________________________
 * Container */
#container, .container{
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
#content{
	clear: both;
	background: url('../images/fra_bckg_content.png') no-repeat top center;
	line-height: 1.5em;
}
#content:after{
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	content: ".";
}

/* _______________________________________________________________________
 * Header */
header{ height: 176px; }
body.home header{
	height: 630px;
	background: url('../images/fra_bckg_slider.png') no-repeat bottom center;
}
header p.logo{ float: left; }
header p.logo a{
	display: block;
	width: 256px;
	height: 114px;
	padding: 4px 10px;
	text-decoration: none;
}
header p.logo a span{ visibility: hidden; }

/* _______________________________________________________________________
 * Nav */
#nav{
	float: right;
	padding: 5px 0 0 0;
}
#nav ul li{
	float: left;
	padding: 0 5px;
	border-left: 1px solid #dddddd;
}
#nav ul li.item1{ border: 0; }
#nav ul li a{
	display: block;
	padding: 4px 0;
	text-decoration: underline;
	font-size: 0.85em;
	color: #000000;
}
#nav ul li a:hover{
	text-decoration: none;
	color: #1c94c4;
}

/* _______________________________________________________________________
 * Menu */
#menu{
	clear: both;
	height: 40px;
	margin: 0 0 15px 0;
	padding: 0 10px;
	background: #f4f3f3;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f4f3f3));
	background: -webkit-linear-gradient(top, #ffffff, #f4f3f3);
	background: -moz-linear-gradient(top, #ffffff, #f4f3f3);
	background: -ms-linear-gradient(top, #ffffff, #f4f3f3);
	background: -o-linear-gradient(top, #ffffff, #f4f3f3);
	background: linear-gradient(top, #ffffff, #f4f3f3);
}
#menu ul li{ float: left; }
.ie6 #menu ul li,
.ie7 #menu ul li{ height: 1em; }
#menu ul li a{
	display: block;
	height: 20px;
	padding: 10px 24px;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font: 1.25em "Helvetica", Tahoma, Geneva, sans-serif;
	color: #333333;
}
.ie6 #menu ul li a{ width: 60px; }
#menu ul li.item1 a,
#menu ul li.item1 a:hover{ border-left: 0; }
#menu ul li.item9 a,
#menu ul li.item9 a:hover{ border-right: 0; }
#menu ul li a:hover{
	background: #2b2b2b;
	border-left: 1px solid #2b2b2b;
	border-right: 1px solid #2b2b2b;
	color: #ffffff;
}
#menu ul li a.current,
#menu ul li a.current:hover{
	background: #0068ae;
	border-left: 1px solid #0068ae;
	border-right: 1px solid #0068ae;
	color: #ffffff;
}
#menu ul ul{ display: none; }

/* _______________________________________________________________________
 * Sidebar */
#sidebar{
	float: right;
	width: 220px;
	padding: 30px 20px 0 20px;
}
.gmap #sidebar{ overflow: auto; }
#sidebar ul.smenu{
	margin: 10px 0;
	border: 1px solid #ffffff;
}
#sidebar ul.smenu li a{
	display: block;
	padding: 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e3e5e7;
	text-decoration: none;
	color: #333333;
}
#sidebar ul.smenu li.item1 a{ border-top: 0; }
#sidebar ul.smenu li a:hover{
	background: #2b2b2b;
	border-bottom: 1px solid #2b2b2b;
	color: #ffffff;
}
#sidebar ul.smenu li a.current,
#sidebar ul.smenu li a.current:hover{
	background: #00b1d5;
	border-bottom: 1px solid #00b1d5;
	font-weight: bold;
	color: #ffffff;
}

/* _______________________________________________________________________
 * Supporting text */
#supportingText, .supportingText{
	float: left;
	width: 700px;
	padding: 0 0 20px 20px;
}
/*body.home #supportingText, body.home .supportingText{ width: 950px; }*/
body.home #supportingText,
body.home .supportingText,
body.portfolio #supportingText,
body.photo #supportingText{ width: 955px; }
#container article.sep{
	padding-top: 45px;
	background: url('../images/fra_bckg_content.png') no-repeat top center;
}
#cboxLoadedContent #supportingText{
	width: auto;
	background: #ffffff;
}
#supportingText p{ padding: 0.5em 0; }
#supportingText ul,
#supportingText ol{
	padding: 0.5em 0 0.5em 2em;
	list-style-type: square;
}
#supportingText ul.list,
#supportingText ul.gallery{
	padding-left: 0;
	list-style: none;
}
/*#supportingText img{
	float: left;
	margin: 0 10px 10px 0;
}*/
p#ariane{
	padding: 15px 0;
	line-height: 1.3em;
	text-transform: uppercase;
	font-size: 0.8em;
	color: #666666;
}
p#ariane a{
	text-decoration: none;
	color: #aaaaaa;
}
p#ariane a:hover{ color: #1c94c4; }
h1{ display: none; }
h2{
	padding: 0 0 0.5em 0;
	font-family: "Helvetica", Tahoma, Geneva, sans-serif;
	font-size: 2.5em;
	line-height: 1.2em;
	color: #333333;
}
h3, legend{
	padding: 1em 0 0 0;
	font-size: 1.3em;
	color: #000000;
}
h3 a{
	text-decoration: none;
	color: #000000;
}
ul.gallery h3, ul.slides h3{ padding: 0.5em 0 0 0; }
h4{
	padding: 0.5em 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
}

#container .fbshare{
	float: right;
	padding-left: 10px;
}
.fbshare a{
	display: block;
	width: 76px;
	height: 18px;
	background: url('../images/ico_share_fr.gif') no-repeat top right;
	text-decoration: none;
}
.fbshare span{ visibility: hidden; }
#supportingText .date{
	padding: 0;
	font-size: 0.85em;
}
#supportingText .center{ text-align: center; }
#supportingText p.msg-alert,
#supportingText p.msg-error,
#supportingText p.msg-confirm{
	clear: both;
	margin: 0 0 6px 0;
	padding: 6px 0 6px 34px;
	border: 1px solid #fbd850;
	color: #102e44;
}
#supportingText p.msg-alert{ background: #fdf9e1 url('../images/ico_alert.gif') no-repeat 5px 5px; }
#supportingText p.msg-error{
	background: #fef1ec url('../images/ico_error.gif') no-repeat 4px 5px;
	border-color: #cd0a0a;
	color: #cd0a0a;
}
#supportingText p.msg-confirm{
	background: #eefeec url('../images/ico_confirm.gif') no-repeat 4px 5px;
	border-color: #51cd0a;
}
li.odd, li.even{
	padding: 0;
	border-bottom: 1px solid #dddddd;
	list-style: none;
}
li.odd .left, li.even .left{ width: 150px; }
li.odd div.right, li.even div.right{ width: 450px; padding-left: 10px; }
ul#pager{ padding: 0; }
ul#pager li{ float: left; }
ul#pager li a,
ul#pager li strong{
	display: block;
	padding: 0 6px;
	text-align: center;
}
#carousel{
	margin: 0;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	border: 0;
}
#carousel ul{ padding: 0; }
#carousel li, ul.gallery li{
	padding: 0 20px 20px 0;
	list-style: none;
	float: left;
}
a.border{
	display: block;
	height: 190px;
	padding: 0;
	overflow: hidden;
	background: #ffffff;
	border: 5px solid #ffffff;
}
a.border:hover{ border: 5px solid #aaaaaa; }
a.border img{ display: block; }
p.left a.border{ height: auto; }
body.portfolio div.col{ width: 620px; }
body.portfolio div.col p{ margin-bottom: 1em; }

/* _______________________________________________________________________
 * Footer */
footer{
	height: 153px;
	padding: 32px 6px;
	background: #181818 url('../images/fra_bckg_footer.jpg') no-repeat top center;
	font-size: 0.85em;
}
footer .right{ text-align: right; }
footer p{
	clear: both;
	text-transform: uppercase;
	color: #666666;
}
footer a{
	text-decoration: none;
	text-transform: uppercase;
	color: #aaaaaa;
}
footer a:hover{
	text-decoration: underline;
	color: #ffffff;
}
footer ul li{
	float: left;
	padding: 0 5px;
	border-left: 1px solid #666666;
}
footer ul li.item1{ border: 0; }

footer .social li{
	padding: 0 4px 63px 0;
	border: none;
}
footer .social li a{
	display: block;
	width: 48px;
	height: 49px;
}
footer .social li span{ display: none; }
footer .social li.item1, footer .social li.item1 a{ background: url('../images/btn_facebook_up.gif') no-repeat top left; }
footer .social li.item2, footer .social li.item2 a{ background: url('../images/btn_twitter_up.gif') no-repeat top left; }
footer .social li.item3, footer .social li.item3 a{ background: url('../images/btn_youtube_up.gif') no-repeat top left; }
footer .social li.item4, footer .social li.item4 a{ background: url('../images/btn_rss_up.gif') no-repeat top left; }
footer .social li.item1 a:hover{ background: url('../images/btn_facebook_rl.gif') no-repeat top left; }
footer .social li.item2 a:hover{ background: url('../images/btn_twitter_rl.gif') no-repeat top left; }
footer .social li.item3 a:hover{ background: url('../images/btn_youtube_rl.gif') no-repeat top left; }
footer .social li.item4 a:hover{ background: url('../images/btn_rss_rl.gif') no-repeat top left; }

.sr-only{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.media,
.media-body{
	overflow: hidden;
	zoom: 1;
}
.media-body{ width: 10000px; }
.media-right{ padding-left: 10px; }
.media-left{ padding-right: 10px; }
.media-left,
.media-right,
.media-body{
	display: table-cell;
	vertical-align: top;
}
.media{
	clear: both;
	float: right;
	width: 140px;
	margin: 15px 0;
}
.media-body{ padding-top: 8px; }
.media img{ max-width: none; height: 25px; }
.media a{ text-transform: none; }

/* _______________________________________________________________________
 * Responsive Layouts */
@media screen and (max-width: 1024px){
	html{ -webkit-text-size-adjust: none; }
	iframe{ width: 100%; }
	/*#container{ width: 748px; }
	#sidebar, #supportingText{
		float: none;
		width: 708px;
		padding: 0 20px;
	}*/
}

@media screen and (max-width: 768px){
	input.input, input.auto, textarea, select{ width: 94%; }
	div.margin{ padding: 0; }
	header{
		height: auto;
		background: none;
	}
	header p.logo a{
		width: 210px;
		height: 75px;
	}
	#container, .container{ width: 96%; }
	#sidebar, #supportingText,
	body.home #supportingText, body.home .supportingText,
	body.portfolio #supportingText,
	body.photo #supportingText{
		width: 94%;
		padding: 0 3%;
	}
	#nav{ margin: 0 0 10px 0; }
	footer .left, footer .right{ float: none; }
	
	li.odd .left, li.even .left{ width: 35%; }
	li.odd div.right, li.even div.right{ width: 63%; padding-left: 2%; }
	#supportingText div.item{ width: 30%; margin-right: 1%; }
	body.portfolio div.col{ width: auto; }
}

@media screen and (max-width: 479px){
	header p.logo{ float: none; }
	header p.logo a{
		width: 140px;
		height: 50px;
	}
	#menu{
		height: auto;
		background: #ffffff;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ebecee));
		background: -webkit-linear-gradient(top, #ffffff, #ebecee);
		background: -moz-linear-gradient(top, #ffffff, #ebecee);
		background: -ms-linear-gradient(top, #ffffff, #ebecee);
		background: -o-linear-gradient(top, #ffffff, #ebecee);
		background: linear-gradient(top, #ffffff, #ebecee);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ebecee');
		border: 1px solid #ffffff;
		padding: 0;
	}
	#menu ul li{ float: none; }
	#menu ul li a{
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #e3e5e7;
		color: #333333;
	}
	#menu ul li a:hover{
		border-bottom: 1px solid #0068ae;
		color: #ffffff;
	}
	#menu ul li a.current,
	#menu ul li a.current:hover{
		border-bottom: 1px solid #0068ae;
		color: #ffffff;
	}
	#menu ul li.item1 a{
		border-top: 0;
		-webkit-border-top-left-radius: .6em; -moz-border-radius-topleft: .6em; -ms-border-top-left-radius: .6em; border-top-left-radius: .6em;
		-webkit-border-top-right-radius: .6em; -moz-border-radius-topleft: .6em; -ms-border-top-right-radius: .6em; border-top-right-radius: .6em;
	}
	#menu ul li.last a{
		-webkit-border-bottom-left-radius: .6em; -moz-border-radius-bottomleft: .6em; -ms-border-bottom-left-radius: .6em; border-bottom-left-radius: .6em;
		-webkit-border-bottom-right-radius: .6em; -moz-border-radius-bottomleft: .6em; -ms-border-bottom-right-radius: .6em; border-bottom-right-radius: .6em;
	}
	
	#supportingText div.item{ width: 96%; }
}