/*  
Theme Name: Watercolors - V2
Theme URI: //swankwebdesign.com
Description: Swank Web Design Theme
Version: 3.0
Author: Emily Carlin
Author URI: //swankwebdesign.com/
*/
/*
General
----------------------------------------------- */
* { margin: 0; padding: 0; }

*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility; }

html { background-color: #1B4A7E; }

body {
	font: 300 100%/170% 'Libre Franklin', Arial, Helvetica, sans-serif;
	margin: 0 auto;
	color: #000;
	text-align: left;
	z-index: 1; }

body#main, body#blog { background: url(images/header-new.jpg) no-repeat center 48px, url(images/bg.png) repeat-x left 48px #fff; }
body#portfolio { background: url(images/header-tur.jpg) no-repeat center 48px, url(images/bg.png) repeat-x left 48px #fff; }
body#service { background: url(images/header-yel.jpg) no-repeat center 48px, url(images/bg.png) repeat-x left 48px #fff; }
body#about, body#page { background: url(images/header-red.jpg) no-repeat center 48px, url(images/bg.png) repeat-x left 48px #fff; }
body#contact { background: url(images/header-pur.jpg) no-repeat center 48px, url(images/bg.png) repeat-x left 48px #fff; }

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    body#main, body#blog  { 
		background-image: url(images/header-new@2x.jpg), url(images/bg@2x.png); 
		background-color: #fff;
		background-repeat: no-repeat, repeat-x;
		background-size: 1300px 343px, 36px 343px;
		background-position: center 48px, left 48px; }
	body#portfolio { 
		background: url(images/header-tur@2x.jpg), url(images/bg@2x.png);
		background-color: #fff;
		background-repeat: no-repeat, repeat-x;
		background-size: 1300px 343px, 36px 343px;
		background-position: center 48px, left 48px;}
	body#service { 
		background: url(images/header-yel@2x.jpg), url(images/bg@2x.png);
		background-color: #fff;
		background-repeat: no-repeat, repeat-x;
		background-size: 1300px 343px, 36px 343px;
		background-position: center 48px, left 48px;}
	body#about, body#page { 
		background: url(images/header-red@2x.jpg), url(images/bg@2x.png);
		background-color: #fff;
		background-repeat: no-repeat, repeat-x;
		background-size: 1300px 343px, 36px 343px;
		background-position: center 48px, left 48px;}
	body#contact { 
		background: url(images/header-pur@2x.jpg), url(images/bg@2x.png);
		background-color: #fff;
		background-repeat: no-repeat, repeat-x;
		background-size: 1300px 343px, 36px 343px;
		background-position: center 48px, left 48px;}
}

p { padding: 0 0 20px; }

.clearit { clear: both; }

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: bottom;
	border: 0; }

.alignleft { float: left; }
.alignright { float: right; }
.centered { text-align: center; }

blockquote {
	text-align: left;
	font: 160%/170% deckerregular, Arial, Helvetica, sans-serif;
	color: #000; 
	margin: 20px 0 50px 50px;
	padding: 15px 0 0 20px;
	border-left: 10px solid #EC96F1; }

.wp-geshi-highlight pre, .wp-geshi-highlight span { font-size: 100% !important; }

input, select, textarea {
	background-color: #4894E8;
	border: 0px solid #603930;
	margin: 0 0 5px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }

#searchsubmit, #submit { 
	font: 160%/120% deckerregular, Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: lowercase;
	letter-spacing: 1px;
	color: #1B4A7E;
	margin: 0 0 4px;
	padding: 6px 4px 3px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }

.button, #service .service-web-inner a.button:link, #service .service-web-inner a.button:visited {
	display: inline-block;
	background-color: #1B4A7E;
	color: #fff;
	font: 160%/120% deckerregular, Georgia, "Times New Roman", Times, serif;
	text-align: center;
	text-transform: lowercase;
	letter-spacing: 2px;
	margin: 20px auto;
	padding: 10px 20px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }	

a.button:link, a.button:visited { color: #fff; }

a.button:hover { color: #fff; background: linear-gradient(to right,#EC96F1,#4894E8,#1B4A7E); xbackground-color: #4896EB; }

#service a.button:hover, #service .service-web-inner a.button:hover { color: #fff !important; background: linear-gradient(to right,#f6f6c1,#4894E8,#1B4A7E); }
#portfolio a.button:hover { background: linear-gradient(to right,#48C2D1,#4894E8,#1B4A7E); }
#about a.button:hover, #page a.button:hover { background: linear-gradient(to right,#F06C79,#4894E8,#1B4A7E); }
#contact a.button:hover { background: linear-gradient(to right,#A388F1,#4894E8,#1B4A7E); }

#cookie-law-info-bar { font-size: 105%; }

/*
Clearfix
----------------------------------------------- */
.hentry:after, .nav:after, .signup-link:after, .main-work-inner:after, .navigation:after, #content-wrapper:after, #bottom-links:after, #service-intro:after, service-web-inner:after, .service-extra-inner:after, .main-service-inner:after, .bottom-links-inner:after, .post-footer:after, .side-inner:after {
  	content: "";
  	display: table;
  	clear: both; }

/*
Fonts
----------------------------------------------- */
@font-face {
	font-family: 'deckerregular';
	src: url('fonts/decker-webfont.eot');
	src: local('‚ò∫'),
		url('fonts/decker-webfont.woff') format('woff'),
		url('fonts/decker-webfont.ttf') format('truetype'),
		url('fonts/decker-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: 'annabellejfregular';
	src: url('fonts/annabellejf-webfont.eot');
	src: local('‚ò∫'),
		url('fonts/annabellejf-webfont.woff') format('woff'),
		url('fonts/annabellejf-webfont.ttf') format('truetype'),
		url('fonts/annabellejf-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal; }

/*
Links
----------------------------------------------- */
a:link { color: #4894E8; font-weight:normal; text-decoration: none; }
a:visited { color: #4894E8; font-weight:normal; text-decoration: none; }
a:hover { color: #EC96F1; background-color: #1B4A7E; font-weight: normal; text-decoration: none; }

#portfolio a:hover { color: #48C2D1; font-weight: normal; text-decoration: none; }
#service a:hover { color: #F6F6C1; font-weight: normal; text-decoration: none; }
#contact a:hover { color: #A388F1; font-weight: normal; text-decoration: none; }
#about a:hover, #page a:hover { color: #F06C79; font-weight: normal; text-decoration: none; }

#cta a:hover, #page #cta a:hover, #contact #cta a:hover, #portfolio #cta a:hover, #service #cta a:hover, #blog #cta a:hover, #about #cta a:hover { color: #fff; }

#about .bioinfo a:link { color: #1C4A7E; font-weight: normal; text-decoration: none; }
#about .bioinfo a:visited { color: #1C4A7E; font-weight: normal; text-decoration: none; }
#about .bioinfo a:hover { color: #fff; font-weight: normal; text-decoration: none; }

.menu a:link, #bottom-links a:link, #footer a:link { color: #fff; font-weight: normal; text-decoration: none; }
.menu a:visited, #bottom-links a:visited, #footer a:visited { color: #fff; font-weight: normal; text-decoration: none; }
.menu a:hover { color: #EC96F1; background-color: transparent; font-weight: normal; text-decoration: none; }
#footer a:hover { color: #4894E8; background-color: transparent; font-weight: normal; text-decoration: none; }
#bottom-links a:hover { color: #1C4A7E; background-color: transparent; font-weight: normal; text-decoration: none; }

#portfolio ol li a:hover img.thumb, #portfolio ol li a:hover img.attachment-thumb, #portfolio a:hover img.screen { background-color: #B6F0F4; font-weight:normal; text-decoration:none; }

/*
Menus
----------------------------------------------- */
.nav,
.nav ul,
.nav li,
.nav a {
	border: none;
	margin: 0;
	padding: 0;
	line-height: 1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; }

.nav {
	display: block;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	width: auto; }

.nav > ul {
	display: inline-block;
	list-style: inside none;
	text-align: center;
	padding: 0;
	margin: 0 auto; }

.nav > ul > li {
	list-style: inside none;
	padding: 17px 0 0;
	margin: 0;
	float: left;
	display: block;
	position: relative; }

.nav > ul > li > a {
	outline: none;
	display: block;
	height: 50px;
	position: relative;
	font: 105%/100% deckerregular, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	padding: 0 25px; }

.nav > ul > li > a:hover { color: #EC96F1; }

.nav > ul > li > a:after {
	content: '';
	position: absolute;
	top: -1px;
	bottom: -1px;
	right: -2px;
	z-index: 99;  }

.nav ul li.has-sub > a { padding: 0 5px 0 25px; margin: 0 20px 0 0; }

.nav ul li.has-sub > a:after { 
	content: '\030C'; 
	font-size: 150%;
	line-height: 140%; }

.nav ul li.has-sub:hover > a:after {
	top: 0;
	bottom: 0; }

.nav > ul > li.has-sub > a:before {
	content: '';
	position: absolute;
	top: 18px;
	right: 6px; }

.nav > ul > li.has-sub:hover > a:before { top: 19px; }

.nav ul li.has-sub:hover > a {
	background: transparent;
	padding-top: 0;
	padding-bottom: 0;
	top: 0;
	z-index: 999; }

.nav ul li.has-sub:hover > ul,
.nav ul li.has-sub:hover > div { display: block; }

.nav ul li.has-sub > a:hover { background-color: transparent; }

.nav ul li > ul,
.nav ul li > div {
	display: none;
	width: auto;
	position: absolute;
	top: 40px;
	padding: 5px 0 10px 0;
	background: #1B4A7E;
	z-index: 999;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px; }

.nav ul li > ul { width: 290px; }

.nav ul li > ul li {
	display: block;
	list-style: inside none;
	padding: 0;
	margin: 0;
	position: relative; }

.nav ul li > ul li a {
	outline: none;
	display: block;
	position: relative;
	margin: 20px 0;
	padding: 0 20px;
	font: 105%/140% deckerregular, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff; }

.nav ul ul a:hover { color: #EC96F1; }

.nav > ul > li > ul > li a:hover { color: #EC96F1; }

.slide-nav-link { text-align: left; }

.sidr .menu-close { padding: 16px 24px !important; }

.slide-nav-link, .sidr .menu-close { 
	font: 105%/140% deckerregular, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px; }

.sidr .menu-item a { 
	font: 105%/140% deckerregular, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	border: 0 !important; }

.sidr ul li a { border: 0 !important; }

.sidr .menu-item a:link { color: #fff; font-weight:normal; text-decoration:none !important; }
.sidr .menu-item a:visited { color: #fff; font-weight:normal; text-decoration:none !important; }
.sidr .menu-item a:hover { color: #EC96F1; font-weight:normal; text-decoration:none !important; }

.sidr h4 { font: 160%/160% deckerregular, Arial, Helvetica, sans-serif; border-top: 1px solid; color: #4896EB; border-bottom: 0px solid !important;   }

/*
Structure
----------------------------------------------- */
#topnav { 
	background-color: #1B4A7E;
	width: 100%;
	height: 48px;
	position: fixed;
	z-index: 100;
	text-align: center;
	margin: 0 auto;
	-webkit-box-shadow: 0 -5px 5px #17406C inset;
	-moz-box-shadow: 0 -5px 5px #17406C inset;
	box-shadow: 0 -5px 5px #17406C inset; }

#header { height: 375px; }

#container {	
	width: 100%;
	margin: 0 auto; }

.post-content { 
	text-align: left;
	margin: 0;
	padding: 0; } 

#footer {
	clear: both;
	background-color: #1B4A7E;
	width: 100%;
	height: 48px;
	font: 95%/140% deckerregular, Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0 0 0;
	-webkit-box-shadow: 0 5px 5px #17406C inset;
	-moz-box-shadow: 0 5px 5px #17406C inset;
	box-shadow: 0 5px 5px #17406C inset; }	

#footer span { padding: 0 10px; }

/*
Footer
----------------------------------------------- */
#testimonials {
	clear: both;
	background-color: #4896EB;
	font: 170%/160% deckerregular, Arial, Helvetica, sans-serif;
	color: #fff;
	width: 100%; 
	min-height: 320px;
	margin: 0 auto;
	padding: 0;
	-webkit-box-shadow: 0 5px 5px #4283C9 inset;
	-moz-box-shadow: 0 5px 5px #4283C9 inset;
	box-shadow: 0 5px 5px #4283C9 inset; }	

.testimonial-inner { max-width: 960px; margin: 0 auto; padding: 60px 30px 70px; }

#testimonials cite { 
	display: block;
	font: 85%/120% deckerregular, Arial, Helvetica, sans-serif;
	color: #1B4A7E;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: right; }

.testimonial-thumb { 
	float: right;
	margin: 0 0 10px 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;  }

#cta {  
	background: url(images/content-bg.jpg) no-repeat center top, url(images/content-bg2.png) repeat-y center bottom #B7D4F6; 
	width: 100%; 
	min-height: 350px; 
	margin: 0 auto; 
	padding: 0;
	text-align: center;	
	-webkit-box-shadow: 0 -5px 5px #4283C9;
	-moz-box-shadow: 0 -5px 5px #4283C9;
	box-shadow: 0 -5px 5px #4283C9; }

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	#cta {  
		background-image: url(images/content-bg@2x.jpg), url(images/content-bg2@2x.png);
		background-color: #B7D4F6;
		background-repeat: no-repeat, repeat-y;
		background-size: 1600px 422px, 1600px 44px;
		background-position: center top, center bottom; }
}

.cta-inner { max-width: 1200px; margin: 0 auto; padding: 30px 30px; }

#cta .button { font: 160%/120% deckerregular, Arial, Helvetica, sans-serif; }

#cta h2, .cta-inner .intro { text-align: center; }

#cta h2 { font-size: 180%; }

#cta .intro { text-align: justify; }

#bottom-links {
	clear: both;
	background-color: #4894E8;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	-webkit-box-shadow: 0 5px 5px #4283C9 inset;
	-moz-box-shadow: 0 5px 5px #4283C9 inset;
	box-shadow: 0 5px 5px #4283C9 inset; }	

.bottom-links-inner {
	max-width: 960px;
	margin: 0 auto;
	padding: 50px 0; }

ul.moreinfo {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0; }

ul.moreinfo > li {
	float: left;
	width: 270px;
	margin: 0 10px 0 0;
	padding: 0; }

ul.moreinfo li ol li {
	list-style-type: none;
	font: 95%/100% deckerregular, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 160%; 
	color: #fff;
	margin: 0;
	padding: 10px 0 0; }

ul.social {
	float: right;
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0; }

ul.social li {
	display: inline-block;
	margin: 0;
	padding: 35px 0 0 10px;
	vertical-align: top; }

#bottom-links h2, #page #bottom-links h2 { 
	font: 145%/100% deckerregular, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	letter-spacing: 2px;
	color: #1B4A7E; 
	margin: 0 0 10px; 
	padding: 0; }

a img.icon { 
	border: none; 
	opacity: 1.0;
	filter: alpha(opacity = 100);
	-webkit-transition: opacity 0.2s ease-in-out; 
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out; }

a:hover img.icon,
a:focus img.icon { 
	opacity: 0.70;
	filter: alpha(opacity = 70);  }
	
/*
Main
----------------------------------------------- */
#main #container {	width: 100%; margin: 0 auto; }

#main .post-content { text-align: center; }

#main-intro {
	width: 100%;
	margin: 0 auto 70px;
	padding: 0 50px; }

.intro {
	clear: both;
	max-width: 1200px;
	font: 160%/160% deckerregular, Arial, Helvetica, sans-serif;
	text-align: justify;
	letter-spacing: 1px;
	color: #1B4A7E; 
	margin: 0 auto;
	padding: 0 0 20px; }

#main .intro { max-width: 1024px; }

ul.main-buttons {
	list-style-type: none;
	text-align: center;
	margin: 30px 0 50px;
	padding: 0; }

ul.main-buttons li {
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 20px 30px;
	vertical-align: top; }

ul.main-buttons li strong {
	font: 105%/120% deckerregular, Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase; 
	color: #1B4A7E; }

ul.main-buttons li img.aligncenter { 
	margin: 0 auto;
	padding: 0; }

ul.main-buttons li img:hover { 
	opacity: 0.90;
	filter: alpha(opacity = 90);  }

#main-work {
	clear: both;
	background-color: #4896EB;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	-webkit-box-shadow: 0 5px 5px #4283C9 inset, 0 -5px 5px #4283C9 inset;
	-moz-box-shadow: 0 5px 5px #4283C9 inset, 0 -5px 5px #4283C9 inset;
	box-shadow: 0 5px 5px #4283C9 inset, 0 -5px 5px #4283C9 inset; }

.main-work-inner { max-width: 1200px; margin: 0 auto; padding: 70px 50px 50px; }

.main-work-inner a.button:hover { color: #fff; xbackground-color: #fff; }

#main-service p  { font-size: 110%; line-height: 180%; text-align: left;  }

#main-work .button, #main-service .button { text-align: center; }

#soliloquy-container-2672, #soliloquy-container-2674 { 
	float: right;
	margin: 0;
	padding: 0; }

#soliloquy-container-2672, #soliloquy-container-2674 { padding: 0 0 0 30px; }

#soliloquy-container-2672 img, #soliloquy-container-2674 img, #soliloquy-container-2847 img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }

#soliloquy-container-2672 img, #soliloquy-container-2674 img { border: 5px solid #ECF4FF; }

#main-service { clear: both; max-width: 1200px; margin: 0 auto; padding: 100px 50px 100px; }

#main dl  {
    float: left;
	background-color: #EC96F1;
    width: 350px;
    text-align: left; 
    margin: 0 50px 30px 0;
    padding: 15px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}

dt {
	font: 160%/100% deckerregular, Arial, Helvetica, sans-serif;
	text-align: center;
    text-transform: lowercase;
    letter-spacing: 2px;
	color: #1B4A7E;
	margin: 0;
    padding: 0 0 15px; }

dd:before { content:"\2713 \2002"; }

#main dd { 
	font: 145%/160% deckerregular, Arial, Helvetica, sans-serif;
	padding: 2px 10px 2px 10px; }

dd:hover {
	color: #1B4A7E;
	background-color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; }

dd a:link, dd a:visited { color: #1B4A7E; }

dd a:hover { color: #EC96F1; background-color: transparent; }

/*
Services
----------------------------------------------- */
#service #container { width: 100%; margin: 0 auto; }

#service-intro {
	max-width: 1200px;
	text-align: left;
	margin: 0 auto;
	padding: 0 50px 50px; }

#service dl {
	display: inline-block;
	background-color: #F6F6C1;
	width: 30%;
	height: 425px;
	text-align: left; 
	line-height: 160%;
	margin: 30px 15px 0;
	padding: 20px 20px 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	vertical-align: top; }

#service dl dt .aligncenter { margin: 0 auto; }

#service dd { 
	font: 105%/160% deckerregular, Arial, Helvetica, sans-serif;
	padding: 2px 0 2px 5px; }

#service dd a:hover { color: #4894E8; background-color: transparent; }

#service-web {
	background-color: #4896EB;
	width: 100%;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	-webkit-box-shadow: 0 5px 5px #4283C9 inset;
	-moz-box-shadow: 0 5px 5px #4283C9 inset;
	box-shadow: 0 5px 5px #4283C9 inset; }

.service-web-inner, .service-extra-inner { max-width: 1200px; margin: 0 auto; padding: 50px 50px 70px; }

#service .service-web-inner a:link, #service .service-web-inner a:visited, #service .service-extra-inner a:link, #service .service-extra-inner a:visited { 
	display: inline-block;
	background-color: #1B4A7E;
	color: #fff;
	font: 105%/120% deckerregular, Georgia, "Times New Roman", Times, serif;
	text-align: center;
	text-transform: lowercase;
	letter-spacing: 2px;
	margin: 10px 0 0 10px;
	padding: 4px 10px 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }

#service .service-web-inner a:hover, #service .service-extra-inner a:hover { background-color: #F4F49A; color: #1B4A7E; }

.service-web-inner p, .service-extra-inner p { padding: 0 0 15px; }

#service .tech-support-website-maintenance .service-extra-inner a:link, #service .tech-support-website-maintenance .service-extra-inner a:visited { 
	display: normal;
	background-color: transparent;
	color: #4894E8;
	font: 95%/120% deckerregular, Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0; }

#service .tech-support-website-maintenance .service-extra-inner a:hover { background-color: transparent; color: #EC96F1; }
	
#service-extra {
	background-color: #fff;
	width: 100%;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	-webkit-box-shadow: 0 -5px 5px #4283C9;
	-moz-box-shadow: 0 -5px 5px #4283C9;
	box-shadow: 0 -5px 5px #4283C9; }

#service h2 { clear: both; }

#service-web .intro { color: #1B4A7E; font-size: 145%; line-height: 130%; text-align: left; }

#service-web h2, #service-web h3 { color: #fff; text-align: center; }

#service #service-web .button:hover { background-color: #fff; color: #4896EB; }

.package-left { float: left; width: 46%; text-align: left; margin: 0 0 20px; }

.package-left ol li {  margin: 0 0 0 15px; }

.package-right { float: right; width: 46%; text-align: left; margin: 0 0 20px; }

.pagecolumn1 { float: left; width: 45%; margin: 20px 25px 30px 0; }

.pagecolumn2 { float: left; width: 45%; margin: 20px 0 30px 25px; }

.float-box {
	float: left;
	width: 45%;
	background-color: #F6F6C1;
	text-align: center; 
	padding: 10px 20px;
	margin: 0 20px 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }

#service .post-content ol li { list-style-type: square; }

/*
Portfolio
----------------------------------------------- */
#portfolio #container { max-width: 1200px; margin: 0 auto 50px; padding: 0 20px; }
	
#portfolio .post-content {	
	float: left;
	max-width: 80%;
	margin: 0 0 50px;
	padding: 0; }

ol.thumbnails, .info ol.thumbnails li { 
	list-style-type: none;
	text-align: center;
	margin: 0 auto;
	padding: 0; }

ol.thumbnails li {
	list-style-type: none;
	display: inline-block;
	width: 410px;
	height: 380px;
	vertical-align: top; }

ol.thumbnails li:nth-child(odd) { margin: 0 40px 35px 0; padding: 0; }

ol.thumbnails li:nth-child(even) { margin: 0 0 35px 0; padding: 0; }

ol.thumbnails li h2, .info ol.thumbnails li h3 {
	font: 105%/120% deckerregular, Arial, Helvetica, sans-serif;
	color: #1C4D85;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	margin: 0;
	padding: 10px 0 0; }

ol.thumbnails li .thumb {
	background-color: #DEEBFC;
	padding: 5px; }

#portfolio .soliloquy-caption .soliloquy-caption-inside { 
	font: 105%/120% deckerregular, Arial, Helvetica, sans-serif;
	color: #1C4D85 !important;
	text-shadow: none !important;
	text-transform: uppercase;
	letter-spacing: 1px; 
	margin: 0 0 10px !important; }

#portfolio .soliloquy-caption { 
  	top: -50px;
  	/* Half of the height specified below, as a minus number
  	* e.g. if your caption height = 80px, margin-top = -40px */
  	margin-top: -20px; }

.soliloquy-caption .soliloquy-caption-inside { 
  	height: 40px;
	background: transparent !important; 
  	filter: none !important; 
  	-ms-filter: none !important; }

.screen {
	background-color: #DEEBFC;
	text-align: left;
	padding: 5px; 
	max-width: 700px;
	margin: 0 auto; }

.info {
	clear: both;
	margin: 10px 0 0;
	padding: 0; }

.info strong {
	font: 105%/120% deckerregular, Arial, Helvetica, sans-serif;
	color: #1C4D85;
	text-transform: uppercase;
	letter-spacing: 1px; }

.info ol.thumbnails li {
	list-style-type: none;
	display: inline-block;
	width: 285px;
	height: 270px;
	margin: 0 20px 30px 0;
	vertical-align: top; }

.info ol.thumbnails li .thumb, .info ol.thumbnails li .attachment-thumb {
	background-color: #edeae0;
	padding: 5px; }

.info ol.thumbnails li h3 { font-size: 95%; }

#portfolio blockquote {
	text-align: left;
	background-color: #B6F0F4;
	font: 160%/160% deckerregular, Arial, Helvetica, sans-serif;
	color: #1C4D85; 
	border: 0;
	margin: 10px 20px 10px 0;
	padding: 15px 20px; 
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px; }

.navigation {
	clear: both;
	font: 105%/120% deckerregular, Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 30px;
	padding: 0 50px; }

#portfolio #side {
	float: right;
	width: 200px;
	background-color: #B6F0F4;
	text-align: left; 
	margin: 130px 0 30px;
	padding: 20px 15px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }

#portfolio #side ul { 
	list-style-type: none; 
 	margin: 0;
	padding: 0 0 20px; }

#portfolio #side ul li { 
	list-style-type: none; 
	font: 105%/160% deckerregular, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0; }

#portfolio #side ul li ul { 
	list-style-type: none; 
	margin: 0 0 10px;
	padding: 0; }

#portfolio #side ul li ul li { 
	list-style-type: circle; 
	list-style-position: inside;
	font: 95%/160% deckerregular, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 10px; }

#portfolio #side #s { width: 95%; }

#portfolio-tags {  
	background: #B7D5F7 url(images/content-bg.jpg) no-repeat center bottom; 
	width: 100%; 
	height: 422px; 
	margin: 0 auto; 	
	-webkit-box-shadow: 0 -5px 5px #E5E3E3;
	-moz-box-shadow: 0 -5px 5px #E5E3E3;
	box-shadow: 0 -5px 5px #E5E3E3; }

.portfolio-tags-inner { width: 1170px; line-height: 240%; margin: 0 auto; padding: 50px 0 0; }

/*
About
----------------------------------------------- */
#about #container { max-width: 1200px; margin: 0 auto 50px; padding: 0 50px; }

#about .thumb {
	width: 275px;
	height: 207px;
	background-color: #edeae0;
	text-align: center;
	margin: 0 auto 10px;
	padding: 5px; }

.bioinfo { 
	float: left;
	width: 315px;
	margin: 10px 20px 20px 0;
	padding: 20px 20px 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px; }

.bioblurb { 
	float: right; 
	max-width: 750px; }

.bioinfo strong {
	font: 105%/120% deckerregular, Arial, Helvetica, sans-serif;
	color: #1C4D85;
	text-transform: lowercase;
	letter-spacing: 2px; }

#one { background-color: #F66A77; }

#two { background-color: #F27983; }

#three { background-color: #F28790; }

#four { background-color: #F29199; }

#five { background-color: #F29DA4; }

/*
Contact
----------------------------------------------- */
#contact #container { max-width: 1024px; padding: 0 30px; }

#contact .intro { text-align: left; }

#contact .gform_wrapper input, #contact .gform_wrapper select {
	background-color: #D7CAF8;
	font-size: 100%;
	border: 0px solid #1B4A7E;
	margin: 0 0 10px;
	padding: 10px; }

#contact textarea {
	background-color: #D7CAF8;
	font-size: 100%;
	border: 0px solid #1B4A7E;
	margin: 0 0 10px;
	padding: 10px; }

#contact label, #service label { 
	font: 105%/140% deckerregular, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #1B4A7E; 
	letter-spacing: 1px; }

#contact .gfield_checkbox li label, #contact .gfield_radio li label, #service .gfield_checkbox li label, #contact .gform_save_link, #service .gform_save_link { font-size: 105%; }

#contact h2.gsection_title, #service h2.gsection_title { font-size: 180%; font-weight: normal; }

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required { float: right; font-size: 160%; color: #EC96F1; }

#contact .gform_button {
	font: 160%/120% deckerregular, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	color: #1B4A7E;
	letter-spacing: 2px; }

#contact .gform_button:hover { 
	color: #fff;
	background-color: #1B4A7E; }

#service input, #service select {
	background-color: #F6F6C1;
	font-size: 100%;
	border: 0px solid #603930;
	margin: 0 0 10px;
	padding: 10px; }

#service textarea {
	background-color: #F6F6C1;
	font-size: 100%;
	border: 0px solid #603930;
	margin: 0 0 10px;
	padding: 10px; }

#service #gform_submit_button_5, #service #gform_browse_button_5_7 {
	font: 160%/120% deckerregular, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	color: #1B4A7E;
	letter-spacing: 2px;
	margin: 0 10px 4px; }

#service #gform_submit_button_5:hover, #service #gform_browse_button_5_7:hover { 
	color: #fff;
	background-color: #1B4A7E; }

/*
Pages
----------------------------------------------- */
#page #container { max-width: 1200px; margin: 0 auto 50px; padding: 0 30px; }

#page .post-content { max-width: 1024px; margin: 0 auto; }

.process { 
	float: left;
	margin: 0;
	padding: 10px 20px 20px 0; }

/*
Blog
----------------------------------------------- */
#blog #container { width: 100%; margin: 0 auto 50px; }

#blog .post-content { margin: 0 auto; }

#blog .navigation { max-width: 1170px; margin: 30px auto 0; }

#blog #sidebar {
	width: 100%;
	background-color: #4896EB;
	color: #fff;
	margin: 0 auto;
	padding: 50px 0;
	-webkit-box-shadow: 0 5px 5px #4283C9 inset;
	-moz-box-shadow: 0 5px 5px #4283C9 inset;
	box-shadow: 0 5px 5px #4283C9 inset; }

#blog #side-bottom {
	background: #fff; 
	width: 100%; 
	margin: 0 auto; 	
	-webkit-box-shadow: 0 -5px 5px #4283C9;
	-moz-box-shadow: 0 -5px 5px #4283C9;
	box-shadow: 0 -5px 5px #4283C9; }

.side-inner { max-width: 1200px; margin: 0 auto; padding: 0 50px; }

.side-widget { float: left; max-width: 400px; padding: 0 20px; }

#blog #sidebar a:link { color: #fff; }
#blog #sidebar a:visited { color: #fff; }
#blog #sidebar a:hover { color: #EC96F1; }

#blog #sidebar input, #blog #sidebar select {
	background-color: #fff;
	border: 0px;
	margin: 0 10px 5px 0;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; }

#blog #sidebar #searchsubmit, #blog #subscribe-submit input { 
	background-color: #EC96F1;
	font: 105%/120% deckerregular, Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: lowercase;
	letter-spacing: 1px;
	color: #fff;
	margin: 0 0 5px;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; }

#blog #sidebar #searchsubmit:hover, #blog #subscribe-submit input:hover {
	background-color: #1B4A7E;
	color: #fff; }

.more-link { 
	display: block;
	background-color: #4896EB;
	color:#fff;
	font: 160%/120% deckerregular, Georgia, "Times New Roman", Times, serif;
	text-align: center;
	text-transform: lowercase;
	letter-spacing: 2px;
	margin: 20px auto;
	padding: 10px 20px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }

a.more-link:link, a.more-link:visited { color: #fff; }
a.more-link:hover { background-color: #1C4A7E; color: #EC96F1; }

/*
Loop
----------------------------------------------- */
#blog .post { 
	max-width: 1024px;
	padding: 0 50px;
	margin: 0 auto 70px; }

.post-header {
	margin: 0;
	padding: 0 0 20px; }

.post-footer {
	margin: 20px 0 70px;
	padding: 0; }

.post-header p, .post-footer { 
	font: 105%/200% deckerregular, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px; }

.post-header p img, .post-footer img { vertical-align: middle; }

.post-footer .comment-link { font-size: 155%; text-transform: lowercase; }

.single-post .post-footer { padding: 30px 0; border-bottom: 5px solid #4896EB; }

#blog .navigation {
	clear: both;
	font: 160%/140% deckerregular, Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 auto 30px;
	padding: 0 50px; }

.single-post .navigation { font: 105%/140% deckerregular, Arial, Helvetica, sans-serif !important; }

.navigation .alignleft, .navigation .alignright { width: 30%; text-align: left }

/*
Comments
----------------------------------------------- */
ol.commentlist { margin: 0; padding: 0; }

ol.commentlist li {
	list-style-type: none;
	max-width: 95%;
	margin: 0 auto 40px;
	padding: 25px 0 0 20px;
	border-left: 10px solid #4896EB; 
	word-wrap: break-word; }

ol.commentlist li:after {
  	content: "";
  	display: table;
  	clear: both; }

.bypostauthor { background-color: #EC96F1; border: 0px;  }

.children { list-style-type: none; margin: 0; padding: 20px 0 0 20px; }

ol.commentlist li ul li { border-left: 0; margin: 0; padding: 0; }

.commentlist .avatar { 
	margin: 0 10px 5px 0; 
	padding: 3px; 
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; }

.grav { float: left; width: 80px; }

.commentmetadata { font: 95%/120% deckerregular, Arial, Helvetica, sans-serif; text-align: left; text-transform:uppercase; margin: 0 0 10px; }

.reply { margin: 0 0 10px; }

ol.commentlist .reply a, ol.commentlist li.bypostauthor .reply a { 
	background-color: #1B4A7E;
	font: 95%/100% deckerregular, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	letter-spacing: 2px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	padding: 4px 8px 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }

#blog ol.commentlist .reply a:hover, #blog ol.commentlist li.bypostauthor .reply a:hover { background-color: #4896EB; color: #fff; }

#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }

.left-rep { float: left; width: 40%; }

.right-rep { float: right; width: 55%; padding: 0; }

#commentform {
	margin: 0;
	padding: 0; }

#commentform label { 
	font: 105%/100% deckerregular, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	letter-spacing: 2px; }

#commentform #author, #commentform #email, #commentform #url {
	background-color: #DAE9FC;
	border: 0px;
	color: #000;
	width: 250px;
	margin: 0 0 30px;
	padding: 10px; }

#commentform textarea {
	background-color: #DAE9FC;
	border: 0px;
	color: #000;
	width: 97%; 
	margin: 0 0 20px;
	padding: 10px; }

#commentform #submit {
	font: 160%/120% deckerregular, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	background-color: #EC96F1;
	color: #fff;
	letter-spacing: 2px;
	margin: 10px 0;
	padding: 5px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }

#commentform #submit:hover { 
	color: #fff;
	background-color: #1B4A7E; }

/*
Headings
----------------------------------------------- */	
h1 {
	font: 300%/170% annabellejfregular, Georgia, "Times New Roman", Times, serif;
	color: #1B4A7E;
	text-align: center;
	margin: 0;
	padding: 0 0 20px; }	

#main h1 { font: 360%/100% annabellejfregular, Georgia, "Times New Roman", Times, serif; }

#blog h1.pagetitle { font: 290%/100% annabellejfregular, Georgia, "Times New Roman", Times, serif; text-align: center; padding: 0 0 50px; }

#sidebar h1 { font: 200%/100% annabellejfregular, Georgia, "Times New Roman", Times, serif; }

h1 .intro { font-size: 90%; text-transform: lowercase; }

#portfolio h1.title, #blog h1.title {
	font: 200%/120% deckerregular, Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: lowercase;
	letter-spacing: 2px;
	color: #1B4A7E;
	margin: 0;
	padding: 10px 0 20px; }	

h2 {
	font: 180%/120% deckerregular, Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: lowercase;
	letter-spacing: 2px;
	color: #1B4A7E;
	margin: 10px 0 20px;
	padding: 0; }	

h2.pagetitle { text-align: center; margin: 0; padding: 10px 0 20px; }

#page .post-content h2 { margin: 30px 0; }

#about h2 { margin: 0; }

h3 {
	font: 145%/120% deckerregular, Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: lowercase;
	letter-spacing: 2px;
	color: #4896EB;
	margin: 0;
	padding: 5px 0 15px; }

#side h3 {
	font: 160%/120% deckerregular, Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: lowercase;
	letter-spacing: 2px;
	color: #1B4A7E;
	margin: 0;
	padding: 0 0 15px; }

ol li h3 { padding: 0; }

h4 {
	font: 105%/120% deckerregular, Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #1B4A7E;
	margin: 0;
	padding: 5px 0; }

/*
Lists
----------------------------------------------- */	
ul {
	list-style-type: none;    
	margin: 0 0 10px;
	padding: 0; }

ul li {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0 0 10px; }

ul li ol { margin: 0; }

#blog .post ul li {
	list-style-type: square;
	list-style-position: outside;
	text-align: left;
	margin: 0 0 0 30px;
	padding: 0 0 5px; }

ol {
	list-style-type: none;
	margin: 0 0 15px; 
	padding: 0; }
  
ol li {
	list-style-type: disc;
	list-style-position: outside;
	text-align: left;
	margin: 0 0 0 30px;
	padding: 0 0 10px; }

ol li ol { margin: 5px 0 0; }

ol li ol li { padding: 0 0 0; }

/*
Images
----------------------------------------------- */	
img { border:0; }

img.aligncenter {
	display: block;
	margin: 30px auto;
	padding: 0; }
	
img.alignright {
	margin: 0 0 30px 30px;
	padding: 0; }

img.alignleft {
	margin: 0 30px 30px 0;
	padding: 0; }

.wp-caption {
	text-align: left;
	margin: 15px 10px 10px;
	padding: 5px 0 0; }

.wp-caption img {
	border: 0 none;
	margin-bottom: 5px;
	padding: 0; }

.wp-caption p.wp-caption-text {
	font-size: 85%;
	line-height: 17px;
	margin: 0 10px 0 0;
	padding: 0 0 4px; }

/*
Responsive
----------------------------------------------- */
@media only screen and (min-width:60em) {

	a.arrow { display: none; }

}
/* 1200 */
@media only screen and (max-width: 75em) { 
	
	#service dl { width: 30%; height: 420px; margin: 30px 15px 0; }
	
	ol.thumbnails li { width: 330px; height: 300px; }
}
/* 1100 */
@media only screen and (max-width: 68.75em) { 
	
	#service dl { width: 29%; height: 450px; }
	
	#portfolio .post-content { width: 75%; }
	
}
/* 1024 */
@media only screen and (max-width: 64em) { 

	html { -webkit-text-size-adjust: none; }

	#footer { height: auto; min-height: 48px; padding: 15px 0; }

	#footer span { line-height: 200%; }
	
	ul.social { width: 225px; }
	
	ul.social li { padding: 10px 0 0 10px; }

	#main dl { margin: 0 30px 0 0; }
	
	#page #container, #about #container, #contact #container, .side-inner  { width: 100%; padding: 0 50px; }

	#service-intro { width: 100%; }

	#service dl { height: 450px; padding: 20px 10px;  }

	.service-web-inner, .service-blog-inner, .service-maint-inner, .service-extra-inner { width: 100%; padding: 50px 50px 70px; }

	.pagecolumn1 { margin: 20px 2% 30px; }

	.pagecolumn2 { margin: 20px 2% 30px; }
	
	ol.thumbnails li { width: 285px; height: 250px; }

	.screen {
		width: 100%;
		margin: 0 auto;	
		padding: 0;  }

	#portfolio img.psp-active { width: 95%;  }

	.portfolio-tags-inner { width: 100%; line-height: 200%; padding: 40px 50px 45px; }

	.bioblurb { width: 62%; }
	
	#blog .post { padding: 0 60px; }

	.bottom-links-inner { padding: 50px; }

}
/* 960 */
@media only screen and (max-width: 60em) { 

	#sdrn_menu ul li a, #sdrn_menu ul li a:hover { font-size:18px !important; }

	#service dl { height: 470px; }
	
	#portfolio .post-content { float: none; width: 100%; margin: 0 auto; padding: 0; }
	
	ol.thumbnails li { width: 310px; height: 300px; }
	
	ol.thumbnails li:nth-child(odd) { margin: 0 40px 35px 0; }
	
	#portfolio #side { float: none; width: 90%; margin: 0 auto 50px; }
	
	.type-s { float: left; width: 18%; padding: 0 2% 0 0; }

	.type-l { float: left; width: 32%; padding: 0 0 0 2%; }

	.bioblurb { width: 58%; }
	
	#footer span { display: block; margin: 10px 0; }
	
	#footer .arrow { 
		display: block; 
		background: url(images/arrow.png) no-repeat center center;
		width: 75px;
		height: 75px;
		margin: 10px auto; }

}
/* 900 */
@media only screen and (max-width: 56.25em) { 
	
	#soliloquy-container-2655, #soliloquy-container-2672, #soliloquy-container-2674 { 
		float: none;
		margin: 0 auto;
		padding: 0; }

	#soliloquy-container-2672, #soliloquy-container-2674 { padding: 0; }
	
	#testimonials cite { clear: both; margin: 15px 0 0; }
	
	ul.moreinfo { float: none; text-align: center; }

	ul.moreinfo > li { float: none; display:inline-block; }

	ul.moreinfo li ol li { padding: 15px 0 0; }

	ul.social { width: 100%; margin: 20px auto 0; }
	
	#service dl {
		float: none;
		width: 70%;
		height: auto;
		margin: 30px auto 30px;
		padding: 20px 20px 30px; }
	
	#service dd { padding: 2px 0 2px 10px;  }
	
	ol.thumbnails li { width: 410px; height: 380px; }

	ol.thumbnails li:nth-child(odd) { margin: 0 auto 35px; }
	
	.bioinfo { float: none; margin: 0 auto 20px; }

	.bioblurb { float: none; width: 100%; }
	
}
/* 800 */
@media only screen and (max-width: 50em) { 
	
	body#main, body#blog { background: #fff url(images/header-800.jpg) no-repeat left 48px; }
	body#portfolio { background: #fff url(images/header-t-800.jpg) no-repeat left 48px; }
	body#service { background: #fff url(images/header-y-800.jpg) no-repeat left 48px; }
	body#about, body#page { background: #fff url(images/header-r-800.jpg) no-repeat left 48px; }
	body#contact { background: #fff url(images/header-p-800.jpg) no-repeat left 48px; }
	
	@media 
	(-webkit-min-device-pixel-ratio: 2), 
	(min-resolution: 192dpi) { 
    	body#main, body#blog { 
			background-image: url(images/header-800@2x.jpg); 
			background-color: #fff;
			background-repeat: no-repeat;
			background-size: 800px 268px;
			background-position: left 48px; }
		body#portfolio { 
			background: url(images/header-t-800@2x.jpg);
			background-color: #fff;
			background-repeat: no-repeat;
			background-size: 800px 268px;
			background-position: left 48px; }
		body#service { 
			background: url(images/header-y-800@2x.jpg);
			background-color: #fff;
			background-repeat: no-repeat;
			background-size: 800px 268px;
			background-position: left 48px; }
		body#about, body#page { 
			background: url(images/header-r-800@2x.jpg);
			background-color: #fff;
			background-repeat: no-repeat;
			background-size: 800px 268px;
			background-position: left 48px; }
		 body#contact { 
			background: url(images/header-p-800@2x.jpg);
			background-color: #fff;
			background-repeat: no-repeat;
			background-size: 800px 268px;
			background-position: left 48px; }
	}
	
	#header { height: 280px; }
	
	.left-rep { float: none; width: 100%; }

	.right-rep { float: none; width: 100%; }

	#commentform textarea { width: 100%; }

}
/* 700 */
@media only screen and (max-width: 43.75em) { 
	
	blockquote { margin: 20px 0 30px 20px; }
	
	ul.moreinfo > li { margin: 0 auto 30px; }
	
	ul.social { margin: 0 auto; }
	
	ul.main-buttons li { padding: 20px 15px 20px; }
	
	#soliloquy-container-2847 .soliloquy-item { float: none !important; }
	
	#soliloquy-container-2847 ul#soliloquy-2847 li {  width: 400px !important; height: 302px !important; margin: 0 50px 30px !important; }

	#main dl  {
		float: none;
        width: 80%;
        margin: 0 auto 30px; }

	#main dd { padding: 2px 0; }
	
	.package-left { float: none; width: 100%; margin: 0 0 50px; }

	.package-right { float: none; width: 100%; margin: 0 0 50px; }

	.pagecolumn1 { float: none; width: 100%; margin: 20px 0 30px; }

	.pagecolumn2 { float: none; width: 100%; margin: 20px 0 30px; }
	
	#blog .post { padding: 0 50px; }

}
/* 550 */
@media only screen and (max-width: 34.375em) { 

	body#main, body#blog { background: #fff url(images/header-400.jpg) no-repeat left 48px; }
	body#portfolio { background: #fff url(images/header-t-400.jpg) no-repeat left 48px; }
	body#service { background: #fff url(images/header-y-400.jpg) no-repeat left 48px; }
	body#about, body#page { background: #fff url(images/header-r-400.jpg) no-repeat left 48px; }
	body#contact { background: #fff url(images/header-p-400.jpg) no-repeat left 48px; }
	
	@media 
	(-webkit-min-device-pixel-ratio: 2), 
	(min-resolution: 192dpi) { 
    	body#main, body#blog { 
			background-image: url(images/header-400@2x.jpg); 
			background-color: #fff;
			background-repeat: no-repeat;
			background-size: 550px 258px;
			background-position: left 48px; }
		body#portfolio { 
			background: url(images/header-t-400@2x.jpg);
			background-color: #fff;
			background-repeat: no-repeat;
			background-size: 550px 258px;
			background-position: left 48px; }
		body#service { 
			background: url(images/header-y-400@2x.jpg);
			background-color: #fff;
			background-repeat: no-repeat;
			background-size: 550px 258px;
			background-position: left 48px; }
		body#about, body#page { 
			background: url(images/header-r-400@2x.jpg);
			background-color: #fff;
			background-repeat: no-repeat;
			background-size: 550px 258px;
			background-position: left 48px; }
		body#contact { 
			background: url(images/header-p-400@2x.jpg);
			background-color: #fff;
			background-repeat: no-repeat;
			background-size: 550px 258px;
			background-position: left 48px; }
	}

	#header { height: 270px; }

	#sdrn_menu ul li a, #sdrn_menu ul li a:hover { font-size:20px !important; }
	
	#main-intro { padding: 0 30px; }
	
	.intro, #cta .intro { text-align: center; }

	.main-work-inner { width: 100%; padding: 70px 20px 50px; }
	
	#main-service { width: 100%; padding: 100px 20px 100px; }
	
	#soliloquy-container-2847 ul#soliloquy-2847 li { margin: 0 0 30px 35px!important; }
	
	.testimonial-inner { padding: 60px 20px 70px; }
	
	.testimonial-thumb { float: none; display: block; margin: 0 auto 10px; text-align: center; }
	
	.cta-inner { padding: 30px 20px; }
	
	#service-intro { padding: 50px 30px; }
	
	#main dl, #service dl { width: 100%; }
	
	#page #container, #about #container, #contact #container, .side-inner  { width: 100%; padding: 0 20px; }
	
	.service-web-inner, .service-blog-inner, .service-maint-inner, .service-extra-inner { width: 100%; padding: 50px 20px 70px; }
	
	.process { float: none; display: block; text-align: center; margin: 0 auto; padding: 10px 0 20px; }

	.navigation .alignleft, .navigation .alignright { float: none; }
	
	ol.thumbnails li { width: 330px; height: 310px; }

	.type-s { float: left; width: 47%; padding: 0 2% 0 0; }

	.type-l { float: left; width: 100%; padding: 0 0 0 2%; }
	
	#portfolio .navigation div { display: block; margin: 0 0 10px; }

	#portfolio-tags {  display: none; }
	
	#blog .post { padding: 0 30px; }
	
	#blog .post img.thumb { display: block; float: none; text-align: center; margin: 0 auto 30px; }
	
	.navigation .alignleft, .navigation .alignright { float: none; width: 100%; text-align: center; padding: 0 0 20px; }

	.bottom-links-inner { padding: 50px 20px; }

}


@media only screen and (max-width: 25em) { 
	
	#soliloquy-container-2847 ul#soliloquy-2847 li { width: 275px !important; height: 207px !important; margin: 0 0 30px 26px !important; }
	
	#portfolio #container { padding: 0 10px; }
	
	ol.thumbnails li { width: 285px; height: 250px; }
	
}