html {width:100%; height:100%;}

body {font-family: 'Open Sans', sans-serif; padding:0; margin:0; width:100%; height:100%; overflow-x:hidden; color:#222;}

h1 {color:#136caf; font-size:30px; text-transform:uppercase; font-weight:normal; margin:0 0 15px 0;}

h2 {color:#333; font-size:22px; text-transform:uppercase; margin:0 0 15px 0; font-weight:normal; }

h3 {color:#363f49; font-size:24px; margin:20px 0 20px 0; font-weight:bold; line-height:26px; }

p {font-size:18px; line-height:28px; margin:0 0 15px 0; }

.center {text-align:center; }

.clear {clear:both;}

.list {float:left; margin:20px 0 15px 30px; line-height:30px; font-size:18px; }

.list2 {float:left; margin:0px 0 15px 30px; line-height:30px; font-size:18px; }

.img-r {float:right; margin:0 0 20px 20px; padding:4px; border:1px dashed #ccc;}

.img-r2 {float:right; margin:0 0 20px 20px;}

.img-l {float:left; margin:0 20px 20px 0; padding:4px; border:1px dashed #ccc;}

/* 

Structure

*/



.col-sm-12 {max-width:1200px; margin:0 auto;}

.col-sm-9 {width:65%; float:left;}

.col-sm-6 {width:46%; float:left; margin:0 2% 0 0;}

.col-sm-3 {width:30%; float:left;}

.col-sm-33 {width:31%; float:left; margin:0 4% 0 0;}

.col-sm-33-last {width:30%; float:left; margin:0 0 0 0;}

.col-sm-66 {width:48%; float:left; margin:0 0 0 2%;}

/* 

Navigation

*/

#nav {list-style-type:none; float:right; margin:65px 0 0 0; padding:0 0 0 0;}

#nav li {display:inline; margin: 0 0 0 0; }

#nav li:last-child {padding:0 0 0 0; }

#nav li a {transition:all .5s; display:inline-block; margin:0 8px 0 0; color:#363f49; text-decoration:none; font-size:18px; background:#cae4f5; padding:8px 15px;}

#nav li a.current, #nav li a:hover {color:#fff; background:#363f49;}

.tinynav {display:none;}







/* 

Custom

*/

#topbar {width:100%; height:35px; padding:20px 0 0 0; background:#363f49;}

#topbar ul {list-style-type:none;}

#topbar ul li {display:inline; font-size:16px; line-height:16px; color:#fff; margin:0 60px 0 0;}

#topbar ul li:last-child{display:inline; font-size:16px; line-height:16px; color:#fff; margin:0 0px 0 0;}

#header-wrap{height:165px; position:relative; background:url(../images/content-texture.png); box-shadow:inset 0 0 20px #a5c1d3; }

#nav-wrap{height:46px; position:relative; background:#222; }

.logo {float:left; margin:20px 0 0 0;}

#slideshow {width:1920px; height:535px; position:relative; left:50%; margin:0 0 0 -960px; border-bottom:1px solid #999;}

#slideshow img {z-index:800;}

#slide-content {width:1200px; position:absolute; top:0; left:50%; z-index:900; margin:0 0 0 -600px;}

#slide-content .slide {padding:150px 0 0 0;}

#slide-content .slide h1  {color:#fff; font-size:40px; text-transform:uppercase; font-weight:normal; text-shadow:1px 1px 1px #111; margin:0 0 15px 0;}

#slide-content .slide p {color:#fff; margin:0 0 5px 0; font-size:20px; text-shadow:1px 1px 1px #111;}



#slide-content .slide .big-button {transition:all .5s; color:#cae4f5; font-size:26px; text-transform:uppercase; background:#1d303a; float:left; padding:15px 30px; 

text-decoration:none; text-align:center; position:relative; top:30px;}

#slide-content .slide .big-button:hover {background:#2e4957; color:#fff;}

.quote {width:100%;  background:#303b45; margin:40px 0 0 0; padding:20px;}

.quote h1 {color:#cae4f5; font-size:30px; font-weight:bold; background:url(../images/quote-icon.png) no-repeat left center; padding:5px 0 5px 50px; margin:0 0 0 0;}

.welcome {padding:60px 60px;}

.service {margin-bottom:70px; transition:all .5s;}

.service:hover {cursor:pointer; opacity:0.8;}

.service img {width:100%;}

.service h2 {color:#cae4f5; font-size:26px; text-transform:uppercase; background:#1d303a; padding:15px 0; margin:0 0 0 0; position:relative; top:-3px; }

#inner-wrap{border-bottom:1px solid #999; width:1920px; max-height:150px; min-height:150px; overflow-y:hidden; position:relative; left:50%; margin:0 0 0 -960px; border-bottom:1px solid #999;}

#inner-wrap img {position:absolute; top:0; z-index:700;}

#inner-wrap h1 {color:#fff; font-size:40px; text-transform:uppercase; font-weight:normal; text-shadow:1px 1px 1px #111; margin:0 0 15px 0; top:50px; position:relative; z-index:750;}

.inner {padding:40px 0;}

.quote-inner { float:right; position:relative; top:-60px; z-index:775;}

.quote-inner h1 {transition:all .5s; color:#cae4f5; font-size:28px !important; font-weight:bold; background:#303b45 url(../images/quote-icon.png) no-repeat 15px center; 

padding:15px 15px 15px 60px; margin:0 0 0 0; border:1px solid #999; box-shadow:0 0 10px #fff;}

.quote-inner h1:hover {background:#2e4957 url(../images/quote-icon.png) no-repeat 15px center; cursor:pointer; }

.box {margin:30px 0 0 0;}

.box h3 {color:#363f49; font-size:18px; margin:0px 0 10px 0; font-weight:bold; line-height:22px; }

.box img  {float:left; margin:0 20px 15px 0; border:1px solid #ccc; }

.box p {font-size:17px; padding:0 25px 0 0;}





.col-blog-main{width:68%; float:left;}

.col-blog-side{width:27%; float:right;}

/* extend */

.col-blog-main{width:60%;}

.col-blog-side{width:36%;}



.blogroll{

	min-height: 300px;

}

.blogroll .block {
    overflow: hidden;
    margin: 0 0 40px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #f1f1f1;
}

.blogroll .block .thumb{

	

	

}

.blogroll .block .thumb {
    float: right;
    margin: 0 0 20px 20px;
    border: border-bottom: 1px solid #f1f1f1;
}

.blogroll .block .info{

	


}

.blogroll .block h1 {
    text-transform: none;
    font-size: 25px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 0;
    margin-bottom: 20px;
}

.blogroll.main .block h1{
	margin-bottom: 10px;
	
}

.blogroll .block  h2 { clear: both; opacity: hidden; text-transform: none; color: #333;}

.blogroll .block > span {
    float: none;
    font-size: 14px;
    color: #999;
    background: none;
    padding: 0;
    display: block;
    font-weight: normal;
    line-height: 1em;
    margin-bottom: 0;
}

.blogroll .block h1 span {
float: none;
    font-size: 14px;
    color: #999;
    background: none;
    padding: 0;
    display: block;
    font-weight: normal;
    line-height: 1em;
    margin: 10px 0 0 0;
}

.blogroll .block p {
font-size: 17px;
line-height: 22px;
/*overflow: hidden;*/
}
.blogroll .block ul {
	list-style: disc;
	margin-bottom: 20px;
}
.blogroll .block ul li {
    margin-bottom: 8px;
    margin-left: 20px;
}
.blogroll.main .block p a {
    transition: all .5s;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    background: #363f49;
    padding: 5px 10px;
    margin-top: 10px;
    text-transform: uppercase;
}

.blogroll.main .block p a:hover{
background: #cae4f5;
color: #363f49;
}



.blogroll .block .info .small-button {transition:all .5s; color:#cae4f5; font-size:26px; text-transform:uppercase; background:#1d303a; float:left; padding:15px 30px; 

text-decoration:none; text-align:center; position:relative; top:30px;}

.blogroll .block .info .small-button:hover {background:#2e4957; color:#fff;}

/*.blogclear {clear:both; padding:30px 0 0 0;}*/





#footer-wrap{width:100%; background:#353e48; height:100px; padding:0 0 0 0; border-top:10px solid #b7d8ee;}

.copy {float:left; color:#ccc; font-size:12px; padding:45px 0 0 0px; }

.designer {float:right; color:#ccc; font-size:12px; padding:45px 0 0 0;}

.designer a {color:#ccc; text-decoration:none;}

.designer a:hover {color:#fff;}



#form {width:96%; float:left; }

#details {width:96%; float:right;}

.map {

	border-radius:8px;

	-moz-border-radius:8px;

	-webkit-border-radius:8px;

	padding:4px; 

	border:1px dashed #aaa;

	width:100%;

	height:300px;

}

.contact-form {width:100%;}

.contact-form input, .contact-form textarea { 

	width: 100% ; margin:0 0 15px 0; font-family: 'Didact Gothic', sans-serif; 

}

.contact-form textarea {height:120px;}

.contact-form label {display: block; margin-bottom: 5px; color:#333; font-size:16px; clear:both; padding:0 0 5px 0;  }

.contact-form .req {color:red;}

.contact-form { 

	margin: 30px 0 0 0;

	

}

.contact-form input, .contact-form textarea { 

	background: none repeat scroll 0 0 #FFFFFF; 

	border: 1px solid #C9C9C9; 

	color: #545658; 

	padding: 8px; 

	font-size: 14px; 

	border-radius: 2px 2px 2px 2px; 

}







.contact-form2 {width:100%;}

.contact-form2 input, .contact-form2 textarea { 

	width: 100% ; margin:0 0 15px 0; font-family: 'Didact Gothic', sans-serif; 

}

.contact-form2 textarea {height:200px;}

.contact-form 2label {display: block; margin-bottom: 5px; color:#333; font-size:16px; clear:both; padding:0 0 5px 0;  }

.contact-form2 .req {color:red;}

.contact-form2 { 

	margin: 30px 0 0 0;

	

}

.contact-form2 input, .contact-form2 textarea { 

	background: none repeat scroll 0 0 #FFFFFF; 

	border: 1px solid #C9C9C9; 

	color: #545658; 

	padding: 8px; 

	font-size: 14px; 

	border-radius: 2px 2px 2px 2px; 

}

#submit { 

	display:block;

	background: #777; 

	color: #fff; 

	cursor: pointer; 

	height: 30px; 

	padding: 0; 

	text-shadow: 0 1px 0 #000; 

	width: 105%; 

	position:relative;

	left:0px;

}

#submit:hover { 

	background: #999; 

	

}

#submit2 { 

	display:block;

	background: #777; 

	color: #fff; 

	cursor: pointer; 

	height: 30px; 

	padding: 0; 

	text-shadow: 0 1px 0 #000; 

	width: 150px; 

	position:relative;

	left:0px;

}

#submit2:hover { 

	background: #999; 

	

}

.site-header{
	color: #999;
}

.list2.posts {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	width: 100%;
}
.list2.posts li {
    padding: 0;
    list-style: none;
    list-style-type: circle;
    margin-left: 20px;
	margin-bottom: 5px;
}
.list2.posts li a {
    color: #136caf;
    text-decoration: none;
    display: block;
    line-height: normal;
    font-size: 15px;
}
.facebook {
	display: inline-block;
	zoom: 1;
	background: url(../images/facebook.png) center center no-repeat;
	padding: 2px 3px;
	text-indent: -9999px;
	width: 70px;
	height: 20px;
	line-height: 20px;
}

.block small{
font-size: 14px;
color: #999;
display: block;
font-weight: normal;
margin: 0 0 10px 0;
}

@media only screen and (max-width:1024px) {	

	.col-sm-12 {max-width:100%; margin:0 auto; padding:0 20px; }

	#topbar ul li:last-child{display:none;}

	#slide-content {width:1024px; position:absolute; top:0; left:50%; z-index:900; margin:0 0 0 -512px;}

	#inner-wrap{border-bottom:1px solid #999; width:1024px; max-height:150px; min-height:150px; overflow:hidden; position:relative; left:50%; margin:0 0 0 -512px; border-bottom:1px solid #999;}

}

@media only screen and (max-width:800px) {

	.quote-inner {display:none;}

	#topbar ul {width:800px; position:relative; left:50%; margin:0 0 0 -200px;}

	#topbar ul li.hours{display:none;}

	#slide-content {width:600px; position:absolute; top:0; left:50%; z-index:900; margin:0 0 0 -300px;}

	.col-sm-9 {width:100%;}

	.quote {display:none;}

	#header-wrap{height:220px; position:relative; background:url(../images/content-texture.png); box-shadow:inset 0 0 20px #a5c1d3; }

	.logo {position:relative; width:300px; float:none; left:50%; margin:20px 0 0 -150px;}

	#nav {list-style-type:none; float:left; clear:both; margin:25px 0 0 0; padding:0 0 0 0;}

	#nav li {display:inline; margin: 0 0 0 0; }

	#nav li:last-child {padding:0 0 0 0; }

	#nav li a {transition:all .5s; display:inline-block; margin:0 8px 0 0; color:#363f49; text-decoration:none; font-size:18px; background:#cae4f5; padding:8px 10px;}

	.col-sm-6 {width:100%; clear:both; float:left; margin:0 0 30px 0;}

	#inner-wrap h1 {position:relative; left:200px !important;}

}

@media only screen and (max-width:700px) {	

	#topbar ul {width:700px; position:relative; left:50%; margin:0 0 0 -230px;}

	#nav li a {transition:all .5s; display:inline-block; margin:0 3px 0 0; color:#363f49; text-decoration:none; font-size:16px; background:#cae4f5; padding:8px 7px;}

	.service {display:none;}

	#slide-content {width:540px; position:absolute; top:0; left:50%; z-index:900; margin:0 0 0 -260px;}

	#slide-content .slide {padding:100px 0 0 0;}

	#slide-content .slide h1  {color:#fff; font-size:30px; text-transform:uppercase; font-weight:normal; text-shadow:1px 1px 1px #111; margin:0 0 15px 0;}

	#inner-wrap h1 {position:relative; left:200px !important;}

	.col-blog-main{width:100%; clear:both; float:left;}

	.col-blog-side{width:100%; clear:both;  float:right;}

}	

@media only screen and (max-width:600px) {

	.copy {float:none; color:#ccc;text-align:center;   font-size:12px; padding:20px 0 0 0px; }

	.designer {float:none; clear:both; text-align:center; color:#ccc; font-size:12px; padding:0px 0 0 0;}

	#nav li a {transition:all .5s; display:inline-block; margin:0 1px 0 0; color:#363f49; text-decoration:none; font-size:15px; background:#cae4f5; padding:5px 5px;}

	#slide-content .slide {padding:60px 0 0 0;}

	#slide-content .slide p, #slide-content .slide .big-button{display:none !important;}

	#slideshow {width:100%; height:auto; position:relative; left:0%; margin:0 0 0 0px; border-bottom:1px solid #999;}

	#slideshow img {width:100%;}

	h1 {color:#136caf; font-size:24px; text-transform:uppercase; font-weight:normal; margin:0 0 15px 0;}

	.welcome {padding:40px 20px;}

	#slide-content .slide h1  {color:#fff; font-size:30px; text-transform:uppercase; font-weight:normal; text-shadow:1px 1px 1px #111; margin:0 0 15px 0;}

	#inner-wrap h1 {position:relative; left:300px !important;}

}

@media only screen and (max-width:500px) {

	#topbar ul {width:500px; position:relative; left:50%; margin:0 0 0 -200px;}

	.tinynav {display:block; height:50px; position:relative; font-size:20px; z-index:999; width:270px; position:relative; top:20px; left:50%; margin:0 0 0 -135px; padding:10px;}

	#nav {display:none;}

	#topbar ul li {display:inline; font-size:15px; line-height:16px; color:#fff; margin:0 20px 0 0;}

	#slide-content .slide {display:none !important;}

	.mobiclear {clear:both;}

	

}

@media only screen and (max-width:400px) {

	#inner-wrap h1 {position:relative; left:340px !important;}

	#topbar ul {width:100%; position:relative; left:0; margin:0 0 0 0px;}

	#topbar ul li {width:100%; display:block; text-align:center;}

	#topbar ul li.email{display:none;}

	.welcome {padding:30px 0px;}

	#footer-wrap{width:100%; background:#353e48; height:140px; padding:0 0 0 0; border-top:10px solid #b7d8ee;}

}


.blogroll .block  ol{
    font-size: 17px;
    line-height: 22px;
	padding-left: 20px;
}
.blogroll .block  ol li{
    margin: 0 0 20px 0;
}