body {
	padding:0;
	margin:0;
	background: url(../img/bg.jpg) repeat-x #f5f5f5;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

.clear { clear:both; }

p {
	font-size:14px;
	color:#292929;
}

h1 {
	font-family: Arial, Calibri, Helvetica, sans-serif;
	font-size:27px;
	color:#292929;
	padding:0px;
}

img {  
	border:0px;
}

a {
	text-decoration:none;
}

h4 {
	width:211px;
	padding:0px 0px 17px 0px;
	margin:0px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:18px;
	border-bottom:1px dashed #a6a3a3;
}

h5 {
	width:950px;
	padding:0px 0px 17px 0px;
	margin:0px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:18px;
	background: url(../img/free-quote-dots.jpg) no-repeat;
}

#container {
	width:995px;
	padding:0px 10px 0px 10px;
	margin:0px auto;
}

#header {
	width:975px;
	height:47px;
	padding:0px 0px 40px 0px;
	float:left;
}

#logo {
	width:340px;
	padding:5px 0px 0px 0px;
	float:left;
}

#nav {
	width:635px;
	font-size:17px;
	margin:0px;
	padding:0px;
	text-align:right;
	float:right;
}

ul.nav {
	padding:13px 0px 0px 0px;
	margin:0px;
}

ul.nav li.services-link {
	list-style:none;
	padding:0px 15px 0px 15px;
	display:inline;
}

ul.nav li.services-link a {
	color:#ffffff;
	text-decoration:none;
	display:inline;
}

ul.nav li.services-link-2 {
	list-style:none;
	padding:0px 15px 28px 15px;
	display:inline;
}

ul.nav li.services-link-2 a {
	color:#ffffff;
	text-decoration:none;
}

/*  DROPDOWN   */


.sub{
	display: none;
	width: 894px;
	height:85px;
	position: absolute;
	top: 48px;
	left: 373px;
	padding:0px 3px 0px 3px;
	color:#ffffff;
	background: url(../img/dropdown-bg.png) no-repeat;
}

ul.sub{
	width: 894px;
	margin:0px auto;
	list-style:none;
	float:left;
}

ul.sub li{
	margin:0px 17px 0px 15px;
	padding:8px 0px 0px 22px;
	font:11px arial;
	background: url('../img/green-arrow.png') no-repeat;
	float:left;
}

ul.sub li a{
	text-decoration: none;
	font-weight:bold;
	color:#ffffff;
}

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

/*  END OF DROPDOWN   */

#slider {
	width:975px;
	height:389px;
	padding:0px 0px 30px 0px;
	float:left;
}

#home-title {
	width:945px;
	padding:10px 0px 10px 0px;
	margin:0px 5px 0px 5px;
	border-top:1px dashed #a6a3a3;
	border-bottom:1px dashed #a6a3a3;
	text-align:center;
	float:left;
}

#home-title h1 {
	font-family: Arial, Calibri, Helvetica, sans-serif;
	font-size:24px;
	color:#292929;
	padding:0px;
}

#title {
	width:945px;
	height:66px;
	margin:0px 5px 0px 5px;
	border-top:1px dashed #a6a3a3;
	border-bottom:1px dashed #a6a3a3;
	float:left;
}

#title-text {
	width:695px;
	float:left;
}

#quote-btn {
	width:250px;
	padding:10px 0px 0px 0px;
	float:left;
}

#content {
	width:975px;
	padding:20px 0px 60px 0px;
	float:left;
}

#home-content {
	width:975px;
	padding:20px 0px 60px 0px;
	float:left;
}

#home-content p {
	width:225px;
}

#content-col-1 {
	width:235px;
	float:left;
}

#content-col-2 {
	width:235px;
	padding:0px 0px 0px 5px;
	float:left;
}

#content-col-2 ul {
	list-style:none;
	padding:0px 0px 0px 20px;
	margin:0px;
}

#content-col-2 ul li {
	margin:0px 17px 8px 15px;
	padding:5px 0px 0px 26px;
	background: url('../img/blue-arrow.png') no-repeat;
}

#content-col-2 ul li a {
	color:#292929;
}

#content-col-3 {
	width:235px;
	padding:0px 0px 0px 5px;
	float:left;
}

#content-col-4 {
	width:235px;
	padding:0px 0px 0px 5px;
	float:left;
}

#home-page-testimonial-bg-1 {
	width:235px;
	height:92px;
	padding:0px 0px 0px 0px;
	margin:12px 0px 0px 0px;
	background: url(../img/home-page-testimonial-bg-1.png) no-repeat;
	color:#ffffff;
	float:left;
}

#home-page-testimonial-bg-2 {
	width:235px;
	height:92px;
	padding:0px 0px 0px 0px;
	margin:12px 0px 0px 0px;
	background: url(../img/home-page-testimonial-bg-2.png) no-repeat;
	color:#ffffff;
	float:left;
}

#home-page-testimonial-bg-3 {
	width:235px;
	height:92px;
	padding:0px 0px 0px 0px;
	margin:12px 0px 0px 0px;
	background: url(../img/home-page-testimonial-bg-3.png) no-repeat;
	color:#ffffff;
	float:left;
}

.home-page-testimonial-bg-txt {
	padding:10px 30px 5px 18px;
	font-size:11px;
	float:left;
}

.home-page-testimonial-bg-sig {
	width:215px;
	text-align:right;
	font-size:11px;
	color:#23afd2;
	float:left;
}

#content-left {
	width:709px;
	padding:0px 0px 100px 3px;
	float:left;
}

#content-left a{
	color:#24accf;
}

#content-left-blog {
	width:699px;
	padding:0px 10px 30px 3px;	
	margin:0px 0px 70px 0px;
	border-right:1px dashed #a6a3a3;
	float:left;
}

#content-left-blog a{
	color:#24accf;
}

#content-left-blog ul li {
	font-size:14px;
	color:#292929;
	padding:0px 0px 20px 0px;
}

#content-left-blog ol.commentlist {
	font-size:14px;
	color:#292929;
	padding:0px;
	margin:0px;
}

#content-left-blog ol.commentlist li {
	list-style:none;
	padding:0px 0px 20px 0px;
}

#content-right {
	width:231px;
	padding:0px 0px 100px 27px;
	float:left;
}

#content-right ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#content-right ul li {
	width:211px;
	font-family: "Myriad Pro", Arial, Calibri, Helvetica, sans-serif;
	font-size:16px;
	border-bottom:1px dashed #a6a3a3;
	padding:11px 0px 11px 0px;
}

#content-right ul li:hover {
	background-color:#99daeb;
}

#content-right ul li a {
	color:#292929;
}

.service-offered {
	width:706px;
	padding:0px 0px 20px 0px;
	float:left;
}

.service-offered-icon {
	width:146px;
	float:left;
}

.service-offered-description {
	width:560px;
	padding:10px 0px 0px 0px;
	float:left;
}

#quick-contact {
	width:975px;
	padding:20px 0px 0px 0px;
	float:left;
}

#quick-contact-left {
	width:217px;
	padding:0px 0px 50px 3px;
	float:left;
}

#quick-contact-middle {
	width:582px;
	padding:0px 0px 50px 3px;
	float:left;
}

#quick-contact-right {
	width:141px;
	padding:0px 0px 50px 0px;
	float:left;
}

input.contact_form_name {
	width: 211px;
	height: 25px;
	font-size: 11px;
	padding:0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
	background: url(../img/name-field-bg.jpg) no-repeat;
	border:1px solid #bbbbbb;
	color:#24accf;
	text-align: left;
}

input.contact_form_email {
	width: 211px;
	height: 25px;
	font-size: 11px;
	padding:0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
	background: url(../img/email-field-bg.jpg) no-repeat;
	border:1px solid #bbbbbb;
	color:#24accf;
	text-align: left;
}

input.contact_form_phone {
	width: 211px;
	height: 25px;
	font-size: 11px;
	padding:0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
	background: url(../img/phone-field-bg.jpg) no-repeat;
	border:1px solid #bbbbbb;
	color:#24accf;
	text-align: left;
}

textarea.contact_form_message {
	width: 574px;
	height: 86px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding:3px 0px 0px 3px;
	margin:0px 0px 5px 0px;
	background: url(../img/message-area-bg.jpg) no-repeat;
	border:1px solid #bbbbbb;
	color:#24accf;
}

input.contact_name {
	width: 221px;
	height: 25px;
	font-size: 11px;
	padding:0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
	border:1px solid #bbbbbb;
	color:#24accf;
	text-align: left;
}

input.contact_email {
	width: 221px;
	height: 25px;
	font-size: 11px;
	padding:0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
	border:1px solid #bbbbbb;
	color:#24accf;
	text-align: left;
}

input.contact_phone {
	width: 221px;
	height: 25px;
	font-size: 11px;
	padding:0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
	border:1px solid #bbbbbb;
	color:#24accf;
	text-align: left;
}

input.contact_captcha {
	width: 570px;
	height: 25px;
	font-size: 11px;
	padding:0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
	border:1px solid #bbbbbb;
	color:#24accf;
	text-align: left;
}

textarea.contact_message {
	width: 680px;
	height: 186px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding:3px 0px 0px 3px;
	margin:0px 0px 5px 0px;
	border:1px solid #bbbbbb;
	color:#24accf;
}


#footer {
	width:100%;
	height:500px;
	background-color: #1c1c1c;
	padding:30px 0px 30px 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#f2f1f1;
	float:left;
}

#footer a{
	color:#f2f1f1;
}

#footer a:hover{
	text-decoration:underline;
}

#footer-content {
	width:960px;
	margin:0px auto;
}

#footer-col-1 {
	width:130px;
	float:left;
}

#footer-col-2 {
	width:530px;
	padding:0px 0px 0px 30px;
	text-align:center;
	float:left;
}

#footer-col-4 {
	width:240px;
	padding:0px 0px 0px 20px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:right;
	float:right;
}

.footer-label {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

#footer-col-1 ul {
	list-style:none;
	padding:0px;
	margin:15px 0px 0px 0px;
}

#footer-col-1 ul li {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:10px 0px 10px 0px;
}

#footer-col-1 ul li a {
	color:#158fd0;
}

#footer-col-2 ul {
	list-style:none;
	padding:0px;
	margin:15px 0px 0px 0px;
}

#footer-col-2 ul li {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:10px 0px 10px 0px;
}

#footer-col-2 ul li a {
	color:#158fd0;
}

#footer-col-3 ul {
	list-style:none;
	padding:0px;
	margin:15px 0px 0px 0px;
}

#footer-col-3 ul li {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:6px 0px 6px 0px;
}

#footer-col-3 ul li a {
	color:#158fd0;
}

#footer-logo {
	margin:0px 5px 20px 0px;
}

#footer-logo-2 {
	margin:0px 0px 20px 0px;
}

.socials {
	margin:10px 0px 0px 0px;
	text-align:right;
}

.google {
	padding:0px;
	margin:13px 0px 0px 225px;
	float:left;
}

#footer-links {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#copy {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px 0px 0px 0px;
}

/* Portfolio Page */

.job {
	width: 160px;
	height: 100px;	
	padding-right: 10px;
	float: left;
}
.job img{
	border:1px solid #a6a3a3;
	padding: 6px;
}
.jobsholder
{
	width: 709px;
	height: 110px;
	float: left;
	padding-bottom: 10px;
}

#commentform {
	border-top:1px dashed #a6a3a3;
	border-bottom:1px dashed #a6a3a3;
	padding:10px;
}

input#add_comment {
	float: right;
	padding: 6px 9px 6px 9px;
	margin-right: 15px;
	color: #ffffff;
	font-size: 12px;
	margin-top: 10px;
}

input#add_comment:hover {
	background-color: #e6e6e6;
	border:1px solid #b3b3b3;
	color: #000000;
}

.t-holder {
	width:900px;
	padding:30px 0px 0px 0px;
}
.client {
	width:200px;
	padding:30px 0px 0px 0px;
	float:left;
}
.client-2 {
	width:200px;
	padding:90px 0px 0px 0px;
	float:left;
}
.testimonial{
	width:698px;
	float:left;
	padding:0px 0px 20px 0px;
}

.posts {
	width:699px;
	border-bottom:1px dashed #a6a3a3;
	padding:0px 0px 20px 0px;
	float:left;
}

.post {
	width:699px;
	border-bottom:1px dashed #a6a3a3;
	padding:0px 0px 20px 0px;
	margin:0px 0px 18px 0px;
	float:left;
}

#respond h3 {
	padding:20px 0px 0px 0px;
}

#result-links {
	text-align:center;
}

.navigation {
	padding:20px 0px 0px 0px;
	float:left;
}

.shareaholic-like-buttonset {
	padding:10px 0px 0px 0px;
}

#RelatedPosts {
	background-color:#4caccf;
	color:#ffffff;
	margin:10px 0px 0px 0px;
	padding:4px;
}

ul.related {
	list-style:none;
	margin:10px 0px 0px 0px;
	padding:0px;
}

ul.related li {
	margin:10px 0px 0px 5px;
	padding:0px;
}

/*  =======================================================

                Responsive View Mobile

    ======================================================= */

@media only screen and ( max-width: 47.9375em ) {

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

#container {
	width:100%;
}

ul.nav {
	padding:13px 0px 0px 80px;
	margin:0px;
}
h5 {
	width:100%;
}

#header {
	width:100%;
}

#logo {
	width:35%;
}

#nav {
	width:65%;
}

#slider {
	width:100%;
}

#home-title {
	width:100%;
}

#title {
	width:100%;
}

#title-text {
	width:100%;
}

#content {	
	width:100%;
}

#home-content {
	width:100%;
}

#footer {
	width:100%;	
}

#footer-content {
	width:98%;
	margin:0px auto;
}

#footer-col-1 {
	width:30%;
	float:left;
}

#footer-col-2 {
	width:40%;
	padding:0px 0px 0px 30px;
}

#footer-col-4 {
	width:30%;
	padding:0px 0px 0px 20px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:right;
	float:right;
}

}


@media only screen and (device-width: 768px) {
 /* For general iPad layouts */
 
ul.nav {
	padding:13px 0px 0px 80px;
	margin:0px;
}

#footer-content {
	width:98%;
	margin:0px auto;
}

#footer-col-1 {
	width:30%;
	float:left;
}

#footer-col-2 {
	width:40%;
	padding:0px 0px 0px 30px;
}

#footer-col-4 {
	width:30%;
	padding:0px 0px 0px 20px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:right;
	float:right;
}


}