@charset utf-8;
/*
	general styles
 */

.serif,
cite,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #555555;
    font-family: 'Oswald', arial, serif;
    font-size: 100%;
}
hr {
	color: #E1E1E1;
	}
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
	margin: 24px 12px 12px;
}
.monospace,
var,
code {
	font-family: courier new, courier, monospace;
}
.amp {
	font-style: italic;
	font-family: baskerville,palatino,palatino linotype,book antiqua,georgia,times,times new roman,serif;
	font-weight: normal;
}

a:link {
	color: #2D4E79;
}

a:visited {
	color: #4266A6;
}

a:hover,a:active {
	color: #67AEE0;
}

.post-content ul,
.post-content ol {
	/* padding-left: 24px; */
}

input,
textarea { 
	background: none repeat scroll 0 0 #EEEEEE;
	outline: none;
}

input:hover,
textarea:hover,
input:focus,
textarea:focus {
	background: #ADDCF5;
}

input:focus,
textarea:focus {
	box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
	-webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
	-moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
}

textarea {
	min-height: 150px;
	width: 100%;
}

blockquote {
	border-top: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
	text-align: justify;
	margin: 20px;
	padding: 12px;
}

	blockquote:first-letter {
		font-size: 24px;
		padding-right: 1px;
	}

	blockquote:first-line {
		font-size: 20px;
	}

/*
	-------- layout styles -----------
*/

#if-logged-in .container {
	background: #000;
	margin-top: -24px;
}

body {
	background: #000;
	color: #111;
	padding: 24px 0 0;
}

.container {
	background: #fff;
}

#topinfo {float: right;}
	#header .container {
		padding-top: 40px;
		padding-bottom: 40px;
	}
		#title {
			position: relative;
			height: 80px;
			float: left;
			margin-bottom: -20px;
		    margin-top: 20px;
		}

			#logo,
			#tagline {
				position: absolute;
				bottom: 0;
			}

			#logo {
				left: 0;
				font-size: 72px;
				line-height: 72px;
				letter-spacing: 0;
			}

			#tagline {
				font-size: 18px;
				right: 0;
				line-height: 36px;
			}

			#header-image.container {
				padding: 0;
			}

#nav-primary {
    background-color: #67AEE0;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    float: left;
    font-weight: normal;
    margin-top: 30px;
    padding: 0.8em;
    text-align: left;
    width: 100%;
}

		#nav-primary ul,
		#nav-primary li {
			list-style: none;
			display: inline;
			padding: 0 5px;
		}

		

		#nav-primary ul > li:last-child {
			float: right;
		}

		#nav-primary ul > li:last-child a {
			  background: #455fa1;
			  color: #ffffff;
			  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
			  border: 1px solid;
			  border-color: #455fa1;
			  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35), inset 0 0 6px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
			  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35), inset 0 0 6px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
			  -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35), inset 0 0 6px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
			  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35), inset 0 0 6px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
			  -webkit-border-radius: 6px;
			  -moz-border-radius: 6px;
			  border-radius: 6px;
			  overflow: visible;
			  font-weight: bold;
			  padding: 7px 10px;
		}

		#nav-primary ul > li:last-child a:hover {
				color: #ffffff;
				background: #67aee0;
				border-color: #67aee0; 		
		}

			#nav-primary a {
				display: inline;
				padding: 0 10px;
				color: #FFFFFF;
			}

			#nav-primary a:hover, #nav-primary a:active {
				color: #99ccff;
			}

	#widget-header {
		clear: both;
	}

	#content {
		padding: 0;
   		width: 396px;
	}
		#content img {
			max-width: 396px;
			height: none;
		}

		#widget-alert {
			background: #C6D8CD;
			border: 1px #5b816a solid;
			padding: 24px;
			margin-bottom: 24px;
		}

		.post-single {
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px #dedede solid;
		}

/*--------------- Home Images -----------------*/

.navigation-buttons, .timer-animation {display: none;}

		img#headerlogo { width: 350px; margin-left: 5px;}
		#home {
			width: 100%;
			float: left;
		}

		#home img {max-width: 700px; }

		#home-slide, #home-middle-small {
			display: none;
		}

#sidebar {
	border-top: 1px #ccc solid;
}

	#sidebar h3 {
		background-color: #416594;
		color: #FFFFFF;
		margin-bottom: 5px;
		margin-left: -5px;
		padding-left: 10px;
	}

		#sidebar .widget-area {
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px #dedede solid;
		}

			#siebar ul,
			#sidebar li {
				padding: 0;
				margin: 0;
				list-style: none;
			}

			#sidebar li {
				padding: 0 0 20px;
			}

			#sidebar ul.menu li {
				padding: 0;
			}

				#sidebar .children {
					padding-left: 10px;
				}

					#sidebar .children .children {
						padding-left: 10px;
					}

#tweet ul li img {
		float: left;
		padding: 5px 15px 10px 0;
		max-width: 32px;		
	}

#twitter-icon {
    background: url("images/twitter-bird.png") no-repeat scroll left center transparent;
    float: right;
    font-weight: bold;
    height: 40px;
    margin-left: 20px;
    margin-top: -15px;
    padding-left: 45px;
    padding-top: 15px;
	}

.home-bottom ul li {
	list-style: none;
	padding-bottom: 15px;	
	}

.home-bottom h3 {
	font-family: 'Oswald', arial, serif;
	color: #8D8D8D;
	font-size: 36px;
	padding: 10px 0;
	}

#footer1-widget{
	width: 648px;
	padding-bottom: 20px;
	float: left;
	}
 
#footer2-widget, #footer3-widget, #footer4-widget {
	width: 309px;
	padding-bottom: 20px;
	float: left;	
	}

#footer3-widget {
	margin-right: 30px;
}

#footer {
	margin-top: 30px;
	background: #2D4E79; /*------------ url(images/footer.jpg) repeat;   ---------*/
	border-top: 1px solid #1c3a62;
	border-bottom: 1px solid #597ba6;
	width: 100%;
}
	#footer .container {
		padding-top: 20px;
		background: none;
		padding-bottom: 20px;
	}
	
		#footer-content {
			padding: 20px 0;
		}

		#gethelpdesk{
			padding: 10px 0 0 20px;
			/* border-left: 1px solid #597ba6; */
			float: right;
		}
			#footer ul,
			#footer li {
				display: inline;
				list-style: none;
				margin-bottom: 5px;
			}

				#footer li a {
					padding: 0 20px 0 5px;
					line-height: 2em;	
					color: #ffffff;
					border-right: 1px solid #597ba6;
				}

				#footer a:hover, #footer a:active {
					color: #597ba6;
				}

				#footer ul > li:last-child a {
					border-right: none;
				}

#sub-footer {
	width: 100%;
	min-height: 30px;
	background: #416594;
}

	#sub-footer .container {
		padding-top: 20px;
		background: none;
		padding-bottom: 20px;
		font-size: .75em;
	}
	#sub-footer .container #footer-phone {
		float: left;	
	}
	#sub-footer .container #footer-phone h1 {
		color: #FFFFFF;
		font-family: 'Oswald',arial,serif;
		font-size: 30px;
		line-height: 34px;
		margin-right: 30px;		
	}

	#sub-footer a, #sub-footer p {
		/* --- color: #b39448; ---*/
		color: #ffffff;
	}

#logo-sub-footer {
		float: right;	
	}
	
#sub-footer .container #social-sub-footer img {
		margin-right: 5px;
	}

#content-full p img  {
		width: 648px;
	}

#featured-client {
	margin: 0 0 20px 0;
	padding: 20px;
	border: 1px solid #ECDDB0;
	background: #ffe0af; /* Old browsers */
	background: -moz-linear-gradient(top, #ffe0af 0%, #fffefc 97%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe0af), color-stop(97%,#fffefc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffe0af 0%,#fffefc 97%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffe0af 0%,#fffefc 97%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffe0af 0%,#fffefc 97%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe0af', endColorstr='#fffefc',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffe0af 0%,#fffefc 97%); /* W3C */
	}
	#featured-client p strong {
		color: #476FAC;
		}
#featured-image {
	float: left;
	margin-right: 20px;
	height:110px;
	}

#featured-study {
	float: right;
	margin-left: 20px;
	}

.success-clients {
	float: left; 
	padding: 15px; 
	height: 140px; 
	width: 120px; 
	margin-bottom: 20px; 
	border-right: 1px solid #dddddd; 
	border-left: 1px solid #dddddd; 
	text-align: center;
	}

#featured-testimonials {
	overflow: hidden;
	padding: 20px;
	margin: 0 0 20px 0;
	}

#testimonial {
	border-top: 1px solid #ECDDB0;
	border-bottom: 1px solid #ECDDB0;
	padding: 10px;
	background:#FEF8EB;
	margin-bottom: 20px;
	}

	#testimonial strong {
		color: #476FAC;
		}

/*	13-column layout
	60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)

	---------------------------------------------------------------------------------------

	1     2      3      4      5      6      7      8      9      10     11     12     13

	60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/


@media only screen and (min-width: 1212px) {

	.container {
	}
		#content {
			width: 648px;
			padding: 0;			
		}
		img {
			max-width: 1068px;
		}
		#sidebar {
		}
		#nav-primary {
			background: none repeat scroll 0 0 transparent;
    			border-radius: 0 0 0 0;
			margin-top: 5px;
			padding: 50px 10px 0;
			float: right;
			font-weight: normal;
			width: 53%;
			text-align: right;
			}

		#nav-primary ul,
		#nav-primary li {
			list-style: none;
			display: inline;
			}
		#nav-primary a {
			color: #2D4E79;
			display: inline;
			padding: 0 10px;
			}

		#nav-primary ul > li:last-child a {
			  background: #455fa1;
			  color: #ffffff;
			  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
			  border: 1px solid;
			  border-color: #455fa1;
			  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35), inset 0 0 6px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
			  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35), inset 0 0 6px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
			  -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35), inset 0 0 6px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
			  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35), inset 0 0 6px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
			  -webkit-border-radius: 6px;
			  -moz-border-radius: 6px;
			  border-radius: 6px;
			  overflow: visible;
			  padding: 10px 15px;
		}

		#nav-primary ul > li:last-child a:hover, #nav-primary ul > li:last-child a:active  {
			color: #eeeeee;
			background: #67aee0;
		}

		#nav-primary a:hover, #nav-primary a:active {
			color: #67AEE0;
			}
		#home-slide {
			display: block;
			width: 100%;
			}
		#home-slide img {max-width: 1068px;}
		#home, #home-middle-small {
			display: none;
			}
		#footer1-widget {
			width: 341px;
			margin-right: 24px;
			float: left;	
			}

		#footer3-widget {
			width: 341px;
			margin-right: 24px;
			float: left;	
			}

		#footer4-widget {
			width: 312px;
			float: left;	
			}

		#footer1-widget, #footer2-widget, #footer3-widget, #footer4-widget {
			padding-bottom: 0;	
			}

		#footer ul,
		#footer li {
				display: inline;
				list-style: none;
				margin-bottom: 5px;
			}

				#footer li a {
					padding: 0 20px;	
					color: #ffffff;
					border-right: 1px solid #597ba6;
				}

				#footer a:hover, #footer a:active {
					color: #597ba6;
				}

				#footer ul > li:first-child a {
					margin-left: -20px;
				}

				#footer ul > li:last-child a {
					border-right: none;
				}

		#content-full p img {
			width: 100%;
		}

}

/*	5-column layout
	60 px columns, 24 px gutters, 42 px margins, 480 px total
	---------------------------------------------------------
	1     2      3      4      5
	60px  144px  228px  312px  396px	*/

@media only screen and (max-width: 767px) and (min-width: 480px) {
	.container {
	}
		#header .container {
			padding-bottom: 0;
			}
		#title {
  		   position: relative;
   		   text-align: center;
   		   width: 100%;
		}
		#title img{
			max-width: 396px;		
		}
		
		#logo,
		#tagline {
			position: relative;
			line-height: 30px;
		}

		#logo {
			font-size: 42px;
		}
		
		

		#content {
			width: 100%;
			float: none;
			line-height: 1.4em;
		}

		#content img {
			max-width: 396px;
		}

		#home-middle-small {
			display: block;
			}

		#home-slide, #home {
			display: none;
			}

		

		#sidebar {
			float: none;
			background: #eee;
			margin-left: -42px;
			margin-right: -42px;
			padding-left: 52px;
			padding-right: 52px;
			width: 376px;
			border-bottom: 1px #ccc solid;
			margin-top: 50px;
			padding-top: 30px;
		}

		#footer .container {
			padding-top: 0;
		}
			#footer-content {
				border: 0;
				padding: 10px;
			}

		#logo-sub-footer { 
				float: none;
				padding: 10px 0;
    			text-align: center;
    			width: 100%;	
		}

		#sub-footer p {
				text-align: center;
		}

		#footer ul, #footer li {
				display: block;
				list-style: none outside none;
				margin: 5px;
				text-align: center;
		}

		#footer ul > li:first-child a {
				margin-left: 0;
		}

		#footer ul > li a[title=twitter] {
				font-weight: bold;
				line-height: 40px;
   				margin-left: -25px;
   				padding-bottom: 20px;
		}

		#footer li a {
				border-right: medium none;
				color: #FFFFFF;
				line-height: 1.5em;
				padding: 0 20px;
		}
		
		#sub-footer .container #footer-phone {
			float: none;
			width: 100%;
			text-align: center;			
		}
		
		#sub-footer .container #footer-phone h1 {
			margin: 0;
		}
		
		#sub-footer .container #social-sub-footer {
			float: none;
			width: 100%;
			text-align: center;
			margin: 10px 0 20px 0;
		}

		#gethelpdesk{
				float:none;
				padding: 10px 0 0;
    			text-align: center;
    			width: 100%;
			 }

		img#headerlogo {
			width: 312px;
			float: left;
		}

		#nav-primary {
    			margin-bottom: 30px;
				width: auto;
		}

		#nav-primary ul, #nav-primary li {
    			display: inline;
    			list-style: none outside none;
				padding: 5px 0;
				}

				#nav-primary ul > li:last-child {
					float: none;
				}

		.large, h2, #content h1, #content-full h1 {
    			font-size: 32px;
    			line-height: 36px;
			}

		#nav-primary a {
			font-size: 12px;
			line-height: 14px;
			}	

		#footer1-widget, #footer2-widget, #footer3-widget, #footer4-widget {
			padding-bottom: 30px;	
			}

		#footer1-widget, #footer2-widget, #footer3-widget, #footer4-widget {
			width: 100%;
			padding-bottom: 20px;
			line-height: 1.4em;	
			}

		#content-full p img {
			width: 480px;
		}

}


/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

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

	#if-logged-in {
		height: 40px;
		line-height: 20px;
	}
		#if-logged-in .right {
			float: left;
			clear: left;
		}

	.container {
	}
		#header .container {
			padding-bottom: 0;
			}

		#title {
  		   position: relative;
   		   text-align: center;
   		   width: 100%;
		}

		#logo,
		#tagline {
			position: relative;
			line-height: 30px;
		}

		#content {
			width: 100%;
			float: none;
			line-height: 1.4em;
		}

		#content img {
			max-width: 255px;
			height: none;
			}

		#home-middle-small {
			display: block;
			}

		#home-middle-small img {
			max-width: 255px;
			}

		#home-slide, #home {
			display: none;
			}		

		#sidebar {
			float: none;
			background: #eee;
			margin-left: -42px;
			margin-right: -42px;
			padding-left: 52px;
			padding-right: 52px;
			width: 212px;
			border-bottom: 1px #ccc solid;
			margin-top: 50px;
			padding-top: 30px;
		}

		#footer .container {
			padding-top: 0;
		}

			#footer-content {
				border: 0;
				padding: 10px;
			}

		#logo-sub-footer { 
				float: none;
				padding: 10px 0;
    			text-align: center;
    			width: 100%;	
		}		

		#footer ul, #footer li {
				display: block;
				list-style: none outside none;
				margin: 5px;
				text-align: center;
				font-size: 1em;
		}

		#footer ul > li:first-child a {
				margin-left: 0;
		}

		#footer ul > li a[title=twitter] {
				font-weight: bold;
				line-height: 40px;
    				margin-left: -25px;
    				padding-bottom: 20px;
		}

		#footer li a {
				border-right: medium none;
				color: #FFFFFF;
				line-height: 1.5em;
				padding: 0 20px;
		}
		#sub-footer p {
				text-align: center;
		}
		
		#sub-footer .container #footer-phone {
			float: none;
			width: 100%;
			text-align: center;			
		}
		
		#sub-footer .container #footer-phone h1 {
			margin: 0;
		}
		
		#sub-footer .container #social-sub-footer {
			float: none;
			width: 100%;
			text-align: center;
			margin: 10px 0 20px 0;
		}

		#gethelpdesk{
				float:none;
				padding: 10px 0 0;
    			text-align: center;
    			width: 100%;
			 }

		img#headerlogo {
			max-width: 250px;
			float: none;
		}

		#nav-primary {
   			text-align: center;
			margin-bottom: 20px;
			}

		#nav-primary ul, #nav-primary li {
    			display: block;
    			list-style: none outside none;
				padding: 8px 0;
			}

			#nav-primary ul > li:last-child {
					float: none;
				}

		.large, h2, #content h1, #content-full h1 {
    			font-size: 32px;
    			line-height: 36px;
			}

		#nav-primary a {
			font-size: 18px;
			line-height: 22px;
			}

		#footer1-widget, #footer2-widget, #footer3-widget, #footer4-widget {
			width: 100%;
			padding-bottom: 20px;
			line-height: 1.4em;	
			}

		#content-full p img {
			width: 320px;
		}
}



/* Always remember to compress your live stylesheet and keep an uncompressed backup */