/*
Theme Name: Only Websites
Theme URI: http://onlywebsites.com
Author: Only Websites
Author URI: http://onlywebsites.com
Description: Reponsive theme using the unsemantic grid system.
Version: 1.1
*/

/* =Reset CSS (v2.0)
-------------------------------------------------------------- */
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, img, ins, kbd, q, s, samp, small, strike, 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, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
    margin: 0;
	padding: 0;
	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;
}

blockquote, q {
	quotes: none;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button, input, select, textarea {
	font-size: 100%;
	overflow: visible;
	margin: 0;
	vertical-align: baseline;
	width: auto;
}

textarea {
	overflow: auto;
	vertical-align: text-top;
}



/* ==========================================================================
   HTML5 Boilerplate styles
   ========================================================================== */
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}


html,
button,
input,
select,
textarea {
    color: #222;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
	max-width:100%;
	height:auto;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
p {
	margin:0 0 15px;
}
a {
	text-decoration:none;
	color:#255F99;
}
a:hover {
	text-decoration:underline;
}



    
/* ===== GENERIC SITE STYLES ==================================================
     --This utilized the Unsemantic Responsive Grid Framework. For general usage
       guidlines, reference http://unsemantic.com. All of your page styles will
       go in this style sheet.
   ========================================================================== */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#282828;
	background:#FFF;
}

/* ==============
	HEADER
============== */
#top {
	background:url(images/header-wrap-bkg.jpg);
}
#top-inner {
	background:url(images/header-bkg.jpg) no-repeat center top;
	position:relative;
	padding:1px 0 0;
}
#sub #top-inner {
	background:url(images/sub-top-bkg.jpg) no-repeat center top;
}

#header {
	position:relative;
}
	#logo {
		position:absolute;
		z-index:5;
		margin:0 0 0 10px;
	}
	
	#contact {
		color:#0a3d68;
		font-size:31px;
		font-family:Cambria, Georgia, "Times New Roman", Times, serif;
		text-align:center;
	}
		#contact div {
			font-weight:bold;
			text-transform:uppercase;
		}
		
	#header .relpos {
		position:relative;
		top:-85px;
	}
	#header #social-top {
		text-align:right;
		margin-bottom: -18px;
		max-width:1465px;
	}
	#header #phone {
		text-align: right;
		color:#0a3d68;
		font-size:20px;
		font-family:Cambria, Georgia, "Times New Roman", Times, serif;
		max-width:1465px;
	}
	#header .phone-w{color: #fff !important;}
	#header #phone span {
		font-weight: bold;
		text-transform:uppercase;
	}


/* ==============
	NAV
============== */
#nav-wrap {
	background:url(images/nav-bkg.jpg) repeat-x;
	position:relative;
	z-index:1;
}
#main-nav.grid-container {
	margin-top:20px;
	text-align:right;
	right:-150px;
	position:relative;
}
	#main-nav li {
        display: inline-block;
		*display:block;
		*float:left;
		margin:25px 1%;
	}
	#main-nav a {
		color:#FFF;
		font-size:13px;
		font-family: 'Roboto Condensed', sans-serif;
		text-transform:uppercase;
	}

	

/* ==============
	SLIDER
============== */
#banner {
	position:relative;
	top:-85px;
	z-index:0;
	text-align:right;
	max-width:1365px;
	margin:0 auto;
}
	#banner #slider {
		position:relative;
	}
	#banner #slider #layerslider_1 {
		float:right;
	}



#news {
	margin:-130px 0 0;
	text-align:right;
	padding:0 0 0 20px;
}
#sub #news {
	margin:10px 0 0;
}
	#news div.heading {
		margin:0 0 15px;
	}
	#news div.heading a {
		overflow:hidden;
		position:relative;
	}
	#news .item {
		text-align:center;
		color:#FFF;
		font-size:11px;
		line-height:12px;
	}
		#news .item img {
			border:3px solid #235e8d;
			margin:0 0 10px;
		}
		#news .item span {
			text-transform:uppercase;
		}
		#news .item a {
			color:#6fa6d1;
			text-decoration:underline;
			text-transform:uppercase;
			font-family:'Roboto', sans-serif;
			line-height:13px;
		}
/* ==============
	MAIN CONTENT
============== */
#content {
	clear:both;
}

#main {
    padding: 15px 0 0 30px;
	line-height:24px;
}

	#main h1 {
		font-size: 24px;
		line-height:normal;
		color:#24608f;
		font-family:'Roboto Condensed', sans-serif;
		text-transform:uppercase;
		margin:0 0 15px;
	}
	#main h2 {
		font-size: 25px;
		line-height:normal;
		color:#073c69;
		font-family:'Playfair Display', serif;
		margin:0 0 15px;
	}
	#main h3 {
		font-size: 14px;
		color:#24608f;
		font-family:'Roboto Condensed', sans-serif;
		margin:0 0 15px;
	}
	#main ul, #main ol {
		margin:0 0 15px 20px;
	}
	#main .emphasize {
		font-size:16px;
		font-style:italic;
		font-family:'Playfair Display', serif;
	}

table.criminal-table th {
	background-color: #d4d7e2;
	padding: 4px;
	font-weight:bold;
}
	table.criminal-table td.row1 {
		background-color: #bcbeca;
	}
	table.criminal-table td {
		border: 1px solid #999;
		padding: 10px;
	}
	
ul.gallery {
	list-style: none;
}
	ul.gallery li {
		float: left;
		width: 220px;
		text-align:justify;
		margin: 0 15px;
	}
	ul.gallery img {
		text-align:center;
		border:1px solid #6fa6d1;
		padding: 3px;
	}

	
	
/*landing pages*/
#landing #top-inner {
	background:url(images/sub-top-bkg.jpg) no-repeat center top;
}
#landing #news {
	margin:10px 0 0;
}

#landing #main {
	text-align: justify;
	float: none;
	font-size:14px;
	width: 1024px;
	margin: 0 auto;
}
	#landing #main p, #landing #main li {
		font-size: 14px;
	}

#landing h1 {
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	font-family: "Century Gothic",sans-serif;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-top: 0px;
}

#landing h2 {
	color: #06264B;
	font-size: 21px;
	font-family: "Century Gothic",sans-serif;
	font-weight: normal;
	text-align: left;
	margin-top:0;
}

#landing .alignright {margin: 5px 0 20px 40px;float:right;}

#landing #main .contact {
	margin-top: 15px;
	background: url(images/landing-arrow.png) 75% 0 no-repeat;
	/*float: left;*/
	/*width: 450px;*/
	text-align: center;
	padding-right: 50px;
}
	#landing .contact p {margin:0px;}
	#landing #main  .contact span {
		font-size: 44px;
		/*color: #900900;*/
		color: #b81726;
		font-family: "Trajan Pro", Georgia, "Times New Roman", Times, serif;
		padding-top: 15px;
	}

#landing .col {
	clear: both;
	overflow: hidden;
	padding-top:40px;
}
	#landing .col .col1 {
		width: 435px;
		float: left;
		padding-right: 5px;
	}

	#landing .col .col2 {
		width: 430px;
		float: right;
		border-left: 1px solid #666;
		padding-left: 15px;
		padding-bottom: 15px;
	}
	#landing .col .col2 p {
		margin: 0 0 15px 0;
		font-size: 13px;
	}

#landing .col li {line-height: 22px;}

#landing .readmore {
	clear:both;
	color: #b81726;
	font-size: 11px;
	font-weight: bold;
	float: right;
	padding-bottom: 5px;
}
/* ==============
	SIDEBAR
============== */
#sidebar {
	position:relative;
}
	#sidebar h2 {
		color:#246091;
		font-size:30px;
		font-family:'Roboto Condensed', sans-serif;
		font-weight:bold;
		margin:0 0 15px;
		text-transform:uppercase;
		text-align:center;
	}
	#sidebar h3 {
		text-align:center;
		background:#011c35;
		color:#FFF;
		font-size:24px;
		font-family:'Roboto Condensed', sans-serif;
		text-transform:uppercase;
		padding:5px 0;
		margin:0 0 15px;
		clear:both;
	}
	.box .boxp {
		margin: 0 0 25px 0;
	}
	#sidebar .box {
		background:#e7e7e7;
		text-align:center;
		padding:20px 30px;
		margin:-300px 0 30px;
	}
	#sub #sidebar .box {
		margin:-192px 0 30px;
	}
		#sidebar .box p {
			color:#246091;
			font-family:Georgia, Cambria, "Times New Roman", serif;
			font-size:14px;
		}
		#sidebar .box textarea, #sidebar input[type="text"] {
			width:96%;
			background:#c9c9c9;
			padding:8px 3%;
			border:none;
			margin:0 0 5px;
			font-size:11px;
			font-family:Arial, Verdana, sans-serif;
		}
		#sidebar .box textarea {
			min-height:100px;
		}
		#sidebar .box input[type="submit"] {
			border:none;
			background: #457aac; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1N2FhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzY1OTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #457aac 0%, #336594 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#457aac), color-stop(100%,#336594)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #457aac 0%,#336594 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #457aac 0%,#336594 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #457aac 0%,#336594 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #457aac 0%,#336594 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#457aac', endColorstr='#336594',GradientType=0 ); /* IE6-8 */
			cursor:pointer;
			font-size:16px;
			color:#0d2032;
			font-family:'Open Sans', sans-serif;
			text-transform:uppercase;
			border-radius:5px;
			border-bottom:1px solid #4785b3;
			padding:4px 30px;
			box-shadow: 0 3px 0 #183f65;
			text-shadow:0 1px 0 #4e91bc;
			margin:10px 0 0;
			font-weight:bold;
		}
		#sidebar .gform_wrapper .gform_footer {
			margin:0;
		}
	#sidenav {
		border-top:1px solid #c9c9c9;
		padding:15px 0 20px;
		overflow:hidden;
		margin:0 -20px;
	}
		#sidenav li {
			width:48%;
			float:left;
			padding:0 2% 0 0;
			list-style:none;
			line-height:24px;
		}
		#sidenav a {
			color:#245f8f;
			font-size:14px;
			font-family:'Roboto Condensed', sans-serif;
			/*text-transform:uppercase;*/
			font-weight: bold;
		}
		
	.centered {
		text-align:center;
	}
	#sidebar .centered {
		font-size:14px;
		line-height:16px;
	}
		#sidebar .centered strong {
			color:#063a6a;
		}


/* ==============
	FOOTER
============== */
#footer {
	border-top: 10px solid #25608F;
	padding:0 0 15px;
}
	#copy {
		text-align:center;
		font-style:italic;
		font-family:Calibri, Arial, Verdana, sans-serif;
		font-size:14px;
	}
	#footer .right {
		text-align:right;
		padding:20px 0 0;
	}
		#footer .right ul {
			margin:0 0 20px;
		}
		#footer .right li {
			display:inline-block;
			margin:0 0 0 1.5%;
		}
		#footer .right a {
			color:#282828;
		}
		#footer .right nav a {
			font-family:'Roboto Condensed', sans-serif;
			text-transform:uppercase;
			font-size:11px;
		}
		#social img {
			margin:0 0 0 30px;
		}
		#lfs {
			margin:20px 0 0;
			font-style:italic;
		}



/* ===================
	BLOG STYLES - Adjust as needed.
=================== */

		.postinfo ul.meta{
			margin: 0;
			padding: 0;
		}
		.postinfo ul.meta li{
			display: inline-block;
			*display: inline;
			list-style: none;
			font-size: 12px;
			padding-right: 15px;
		}
		
		
		.post .commentlist{
			margin: 30px 0 15px;
			padding: 0 0 20px 0;
			border-bottom: 1px dashed #DBDBDB;
			
		}
		.commentlist li{
			list-style: none;
		}
		.comment-author{
			background: #DBDBDB;
			vertical-align: middle;
			
			height: 40px;
		}
		.avatar{
			float: left;
			padding-right: 20px;
		}
		.fn, .says{
			vertical-align: middle;
			line-height: 40px;
		}
		.comment-meta{
			font-size: 12px;
			padding: 4px 0;
		}
		.comment-body{
			font-size: 13px;
		}
		.reply{
			margin: -15px 0 15px 20px;
		}
		.comment-form-comment label{
			display: block;
		}
/* ===================
   GRAVITY FORMS
   =================== */
   body #content .gform_body ul.gform_fields{
	   margin: 0;
	   padding: 0;
   }
   body .gform_wrapper input, body .gform_wrapper select, body .gform_wrapper textarea {
	   border: 1px solid #244149;
	   padding: 3px;
	   font-size: 13px;
	   letter-spacing: 1px;
   }
   
   body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"]{
			border:none;
			background: #457aac; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1N2FhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzY1OTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #457aac 0%, #336594 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#457aac), color-stop(100%,#336594)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #457aac 0%,#336594 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #457aac 0%,#336594 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #457aac 0%,#336594 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #457aac 0%,#336594 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#457aac', endColorstr='#336594',GradientType=0 ); /* IE6-8 */
			cursor:pointer;
			font-size:16px;
			color:#0d2032;
			font-family:'Open Sans', sans-serif;
			text-transform:uppercase;
			border-radius:5px;
			border-bottom:1px solid #4785b3;
			padding:4px 30px;
			box-shadow: 0 3px 0 #183f65;
			text-shadow:0 1px 0 #4e91bc;
			margin:10px 0 0;
			font-weight:bold;

   }


/* ########## WORDPRESS CORE ########## */
	.alignnone {
		margin: 5px 20px 20px 0;
	}

	.aligncenter, div.aligncenter {
		display:block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float:left;
		margin: 5px 20px 20px 0;
	}

	.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	a img.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 5px 20px 20px 0;
	}

	a img.alignleft {
		float:left;
		margin: 0px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		background: #fff;
		border: 1px solid #f0f0f0;
		max-width: 96%; /* Image does not overflow the content area */
		padding: 5px 3px 10px;
		text-align: center;
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin:0;
		max-width: 98.5%;
		padding:0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size:11px;
		line-height:17px;
		margin:0;
		padding:0 4px 5px;
	}
/* ########## END WORDPRESS CORE ########## */

/* ===================
   Media Querie Styles
=================== */
/* Tablets */
@media only screen and (max-width : 1024px) {
	#main-nav.grid-container {
		right:0;
	}
	#main-nav li {
		margin:25px .3%;
	}
	#top-inner {
		background-position:center -100px;
	}
	
}
/* Mobile */
@media only screen and (max-width : 768px) {
	#top-inner {
		background-position:center top;
	}
	#header .relpos {
		top:auto;
	}
	#logo {
		position:relative;
		clear:both;
		top:auto;
		margin:0 0 0 10px;
		text-align:center;
	}
	#sidebar .box {
		top:auto;
		margin-top:0;
	}
	#banner {
		top:auto;
	}

}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {

	
}

/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	
}