﻿html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
body{font:13px/1.231 sans-serif;*font-size:small;}
select,input,textarea,button{font:99% sans-serif;}
pre,code,kbd,samp{font-family:monospace,sans-serif;}
html{overflow-y:scroll;}
.ie6 legend,.ie7 legend{margin-left:-7px;}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom;}
.ie7 input[type="checkbox"]{vertical-align:baseline;}
.ie6 input{vertical-align:text-bottom;}
label,input[type=button],input[type=submit],button{cursor:pointer;}
button,input,select,textarea{margin:0;}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0px 0px 5px red;-webkit-box-shadow:0px 0px 5px red;box-shadow:0px 0px 5px red;}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd;}
::-moz-selection{background:#FF5E99;color:#fff;text-shadow:none;}
::selection{background:#FF5E99;color:#fff;text-shadow:none;}
a:link{-webkit-tap-highlight-color:#FF5E99;}
.ie7 img{-ms-interpolation-mode:bicubic;}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;visibility:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both;}
input, select { vertical-align: middle; }

@font-face {
    font-family: 'TrumpGothicEastRegular';
    src: url('../fonts/TrumpGotEasReg-webfont.eot');
    src: url('../fonts/TrumpGotEasReg-webfont.eot?iefix') format('eot'),
         url('../fonts/TrumpGotEasReg-webfont.woff') format('woff'),
         url('../fonts/TrumpGotEasReg-webfont.ttf') format('truetype'),
         url('../fonts/TrumpGotEasReg-webfont.svg#webfontbqAut62J') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TrumpGothicEastMedium';
    src: url('../fonts/TrumpGotEasMed-webfont.eot');
    src: url('../fonts/TrumpGotEasMed-webfont.eot?iefix') format('eot'),
         url('../fonts/TrumpGotEasMed-webfont.woff') format('woff'),
         url('../fonts/TrumpGotEasMed-webfont.ttf') format('truetype'),
         url('../fonts/TrumpGotEasMed-webfont.svg#webfont9JD8bKhs') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TrumpGothicEastBold';
    src: url('../fonts/TrumpGotEasBol-webfont.eot');
    src: url('../fonts/TrumpGotEasBol-webfont.eot?iefix') format('eot'),
         url('../fonts/TrumpGotEasBol-webfont.woff') format('woff'),
         url('../fonts/TrumpGotEasBol-webfont.ttf') format('truetype'),
         url('../fonts/TrumpGotEasBol-webfont.svg#webfontca5KkFOq') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {line-height: 1;background: #fff;font-family: "Droid Sans", Helvetica, Arial, sans-serif;font-size: 100%;}
a:link {color: #0088CC;}
a:visited {color: #0088CC;}
a:hover {text-decoration: underline;}
.container{position:relative;width:100%;margin:0 auto;}
header{background:#111 url(../images/header-bg-grid2.gif);border-top:10px solid #111;}
header #logo{margin:-20px auto;padding-top:0px;padding-bottom:70px;text-align:center;z-index:100;}
header #logo a{display:block;margin:10px auto 0 auto;text-align:center;text-indent:-9999px;width:205px;height:75px;background:url(../images/logo.png) no-repeat;}
header nav select {display:none;}

/* NAV */
header nav {float:left;width:100%;background: #000 url(../images/header-bg-grid2.gif);overflow:hidden;position:relative;}
header nav ul {clear:left;float:left;list-style:none;margin:0;padding:0;position:relative;left:50%;text-align:center;}
header nav ul li {display:block;float:left;list-style:none;margin:0;padding:0;position:relative;right:50%;}
header nav ul li a {display:block;margin:0 1px 0 0;padding:3px 15px;color:#eee;text-decoration:none;font-weight:bold;text-transform:uppercase;
                    line-height:2.1em;font-size:14px;background: #333;
					background: -moz-linear-gradient(center bottom , #222 0%, #333 100%) repeat 0 0;
                    background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222));
					border-top-left-radius: 2px 2px;border-top-right-radius: 2px 2px;}
header nav ul li a.first {border-left:1px solid #333;}                    
header nav ul li a:link,header nav ul li a:visited{color:#eee;}
header nav ul li a:hover {background:#fff;color:#000;text-decoration:none;background: -moz-linear-gradient(center bottom , #ffffff 0%, #eeeeee 100%) repeat 0 0;
                                         background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));}
/*header nav ul li a.active,header nav ul li a.active:hover {color:#fff;background:#000;font-weight:bold;}*/
body.home header nav ul li.home a,
body.about header nav ul li.about a,
body.services header nav li.services a,
body.portfolio header nav ul li.portfolio a,
body.quote header nav ul li.quote a,
body.contact header nav ul li.contact a {background: #fff;color: #000;
                                         background: -moz-linear-gradient(center bottom , #ffffff 0%, #eeeeee 100%) repeat 0 0;
                                         background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));}

#content{min-height:450px;width:960px;margin:0 auto;padding-top:100px;margin-bottom:45px;display:block;}

/* HOME */
.contentOuter{width:100%;background:#638fa7 url(../images/blue_bg.gif);border-top:1px solid #ddd;}
/* top section (don't move this up) */
.main{padding-top:100px;margin-bottom:0;width:100%;background: #fff;}
.contentOuter .contentInner{width:960px;margin:0 auto;padding-top:0;padding-bottom:45px;display:block;}
 .homepageOuter h2 {background: url("../images/double-line4.gif") repeat-x center center;text-align:center;}
/* font sizes 59px, 152px */
.homepageOuter h2 span {padding: 0 25px;background:#fff;font-family: 'TrumpGothicEastMedium',helvetica;font-size: 368.75%;letter-spacing:3px;
                                                    font-weight: normal;color:#a8a8a8;text-transform:uppercase;line-height:1.15em;}   
.homepageOuter h2.main {margin:auto;padding:0 0 35px 5px;display:block;font-size:950%;color:#111;font-family: 'TrumpGothicEastMedium',helvetica;
                                                    text-transform:uppercase;background:none;text-align:center;letter-spacing:6px;text-shadow: 2px 2px 1px #fff, 4px 4px 0 #bbb;}                                                                                                          
.main .contentInner .homepageOuter .homepageInner .singleSection .leftSidebar .topTestimonial div{margin-top:75px;border:1px solid #eee;-moz-box-shadow: 0px 2px 8px #aaa;-webkit-box-shadow: 0px 2px 8px #aaa;box-shadow: 0px 2px 8px #aaa;}
.main .contentInner .homepageOuter .homepageInner .singleSection .rightSidebar .pointerLeft{background: url(../images/circle-blue-left3.png) no-repeat;}
/* section titles 32px */
.singleSection h3 {margin:0;padding:60px 0;background:none;text-align:center;font-size: 250%;text-shadow:#666 1px 1px 1px;color:#fff;font-family: 'TrumpGothicEastMedium',helvetica;
                   font-weight:normal;text-transform:uppercase;letter-spacing:3px;}
/* second section */
.addTopBorder{border-top:10px solid #ddd;}
.whatwedo{padding:0 50px;}
.whatwedo ul.homeBullets {margin-top:0;font-size:13px;text-align:left;}
.whatwedo ul.homeBullets li {padding-left:32px;padding-bottom: 16px;color:#fff;background: url("../images/bulletDark.png") no-repeat 0 0px;}
.whatwedo ul.homeBullets span {font-weight:bold;}

/* home page layout structure */
/* LEFT */
/*.contentOuter .contentInner .homepageOuter .homepageInner .singleSection .leftSidebar {margin-right:2.08333333333333%;float:left;width:18.95833333333333%;}*/
.leftSidebar {margin-right:2.08333333333333%;float:left;width:18.95833333333333%;}
/* MIDDLE */
.middleSection{margin:0 auto;float:left;width:57.91666666666666%;text-align:center;}
/* IE won't display if max-width is set */
/*#contentOuter .contentOuter .contentInner .homepageOuter .homepageInner .singleSection .middleSection .imageslider #head-slider .head-slide img{max-width:100%;}*/
/* RIGHT */
.rightSidebar {margin-left:2.08333333333333%;float:right;width:18.95833333333333%;}
/* LEFT content */
.hello p {padding-top:10px;width:100%;font-family: 'Droid Serif',georgia;line-height:1.4em;color:#666;}
.hello p span {font-style:italic;color:#000;}
.leftSidebar p {color:#666;}

.pointerLeft {margin:auto;padding:55px 10px 0 14px;font-family: "Droid Sans", Helvetica, Arial, sans-serif;background: url(../images/circle-blue-left4.png) no-repeat;
              height:172px;text-align:center;}
.pointerLeft h4{margin: 0 auto 0 5px;text-align:center;color:#fff;vertical-align: middle;text-transform:uppercase;font-weight:bold;font-size:15px;line-height:22px;
                text-shadow:#555 1px 1px 1px;text-shadow:none;}
.bottom{margin-top:100px;}
.contentOuter .contentInner .homepageOuter .homepageInner .singleSection .pointerRight {margin:auto;padding:45px 10px 0 0;font-family: "Droid Sans", Helvetica, Arial, sans-serif;
																						background: url(../images/circle-blue-right4.png) no-repeat;height:172px;text-align:center;}                                                                              
.pointerRight h4{margin: 0 auto 0 5px;padding:0 10px;text-align:center;color:#fff;vertical-align: middle;text-transform:uppercase;font-weight:bold;font-size:15px;line-height:22px;
                 text-shadow:#555 1px 1px 1px;}

.pointerRight p,.pointerLeft p{padding-top:10px;text-align:center;font-size:13px;font-weight:normal;}
.pointerRight p a,.pointerLeft p a {color:#fff;}
.testimonial div{margin-top:-6px;margin-left:0px;margin-bottom:-11px;padding-top:0px;background:#f5f5f5 url(../images/bg-testimonial-home2.png); background:#fff;
                 -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-moz-box-shadow: 0px 2px 8px #555;-webkit-box-shadow: 0px 2px 8px #555;
                 box-shadow: 0px 2px 8px #555;}
.testimonial p{padding:24px 18px;color:#000;font-size:11px;line-height:18px;font-family: "Droid Sans", Helvetica, Arial, sans-serif;font-weight:bold;}

.testimonial p span{padding-top:8px;padding-right:14px;display:block;color:#555;font-weight:normal;line-height:1.4em;}
.right{float:right;}
.testimonial p em{margin: .25em 0.15em -.1em -.15em;color: #ddd;float: left;font: 55px/0px 'Droid Serif',georgia;}
.testimonial p em.final{margin-right:-.15em;float: right;line-height: 25px;}
.testimonialsHome{padding: 0 50px;}
.TestimonialHome{padding:0 0 30px;}
.testimonialsHome .last {padding-bottom:0;}
.TestimonialHome .pic{margin:0 12px 8px 0;float:left;}
.TestimonialHome .pic img{border:1px solid #ccc;}
.desc p{text-align:left;margin:0;padding:0;color:#fff;width:100%;line-height:1.5em;}
.desc p span{padding-top:.5em;font-style: italic;color: #ddd;font-size:.8em;display:block;line-height:1.25em;}

/* HOMEPAGE image slider 540x460 */
.imageslider {margin: 0 auto;padding-bottom: 0;float: none;width: 570px;text-align:center;}
.imageslider #head-slider .head-slide{display:none;}
.imageslider #head-slider .head-slide {padding:8px 8px 10px;display:block;}
.imageslider #head-slider .head-slide img{width:540px;height:460px;-moz-box-shadow: 0 4px 8px #888;-webkit-box-shadow: 0 4px 8px #888;
																					box-shadow: 0 4px 8px #888;-moz-border-radius: 8px;}
#head-slider-pager{ margin-top:5px;margin-right: 25px;float:right;display:inline;}
#head-slider-pager a{padding:0px 4px; display:block;background-color:#aaa;color:#aaa;margin-left: 6px;float:left; text-decoration: none; font-size: 11px; line-height: 16px;}
#head-slider-pager a.activeSlide{background-color:#333;color:#333;}
#head-slider-pager a:focus{outline:none;}
                                               
/* PAGES DIVS */
#content .secondaryPageNarrow{margin:10px 5% 0;}
.col1{padding-right:3%;float:left;width:47%;}
.col2{padding-left:0%;float:left;width:47%;}
#content .b {width:46.875%;float: left;}
.indent {margin-left: 180px;width: 600px;}
#content .pagesContent {padding: 30px 0;}
#content .outline {margin-left: 10%;margin-right:10%;}
.mainContent {margin-right:3%;padding-right:3%;float:left;width:70%;border-right:1px solid #ddd;}
.sideBar{padding-left:0;float:left;width:23%;}

/* HEADERS */
h1, h2, h3{text-shadow:#999 1px 1px 1px;}
#content h3.mainTitle {padding-top: .5em;padding-bottom: 1em;font-size: 22px;font-weight: normal;line-height: 36px;text-align: center;word-spacing: -1px;letter-spacing: normal;
              font-family: 'Droid Serif',georgia;color: #333;font-style:normal;text-shadow:none;}
#content h3.alignLeft {text-align:left;}        
#content h3 {padding: 0 0 20px 0;font-weight: normal;font-size: 1.4em;}
#content h3.pagesTitle {margin:0;padding:0;text-align:left;line-height:normal;height:100%;}
#content h3.pagesTitle span {padding: 0px 0 0 0;display:block;font-family: 'TrumpGothicEastBold',helvetica;font-size:300%;
                              text-transform: uppercase;color:#111;letter-spacing:5px;text-shadow:#ddd 5px 5px 1px;}
#content h3.pagesTitle img{margin-bottom:-10px;padding-right:5%;width:70px;height:70px;}
#content h3.addition{float:left;width:33%;}
#content h4.pageSummary{margin:auto;margin-top:2px;padding-top:10px;float:left;width:48%;font-size:22px;font-family: 'Droid Serif',georgia;font-weight:normal;line-height:1.5em;}
#content h3.subTitle {padding-top: 30px;padding-bottom: 5px;border-bottom: 1px solid #666;font-size: 1.75em;}
#content h3.noBorder {border: none;}
#content h4 {margin: 25px 0 0;color: #333;font-size: 1.2em;font-weight: bold;line-height: 1.3em;}
#content h3.leftfloat{float:left;}

/* PARAGRAPHS */
#content p {padding: 10px 0 5px;text-align:left;line-height: 1.5em;}

/* MISC */
a span.more {padding-right: 10px;background: url("../images/morearrow.gif") no-repeat 100% 50%;}
a.more2 {padding-right: 10px;color:#fff;background: url("../images/morearrow2.gif") no-repeat 100% 50%;}
a.more {padding-right: 10px;background: url("../images/morearrow.gif") no-repeat 100% 50%;display: inline-block;}
ul.checklist {padding-left: 0;margin-left: 0;}
ul.checklist li {padding: 0 0 16px 18px;background: url("../images/bullet-round2.png") no-repeat 0 6px;list-style-type: none;
                 font-size: 1.1em;color: #222;line-height: 1.4em;}
ul.addBorder {border: none;}
ul.addBorder li {border: none;padding: 10px 0 6px 22px;background-position: 0 16px;border-bottom: 1px solid #ddd;}                 
ul.enlarge li{font-size: 1.11em;line-height: 1.43em;}
a.buttonLarge {padding: 14px 0 12px 18px;background: url("../images/link-bg-blue2.png") no-repeat 0 0;color: #fff;display:inline-block;font-size: 17px;height: 55px;
               text-decoration: none; text-align: left;width:270px;}                  
ul.condense li{padding: 3px 0 3px 20px;font-size: .9em;}
.moreTestimonials {margin-top:10px;text-align:right;} 
ul, ol {margin-left: 15px;list-style: disc;line-height: 1.65em;}
table.checkboxes td {padding: 0 0 8px 0;}
.checkboxes label {margin: 0 6px;}
.SubButton {padding:10px;}
 sup {height: 0;position: relative;top: -0.6em;font-size: .7em;}
.button{background-color: #222;background-image: url("../images/arrow-rt2.png");background-position: 170px 7px;background-repeat: no-repeat;color: #fff;
		padding-left: 20px;width: 182px;-moz-transition-duration: 0.4s;-moz-transition-property: color, background-color;-moz-transition-timing-function: ease-out;
		border-radius: 20px 20px 20px 20px;cursor: pointer;font-size: 0.9em;line-height: 40px;text-transform: uppercase;white-space: nowrap;text-align:left;}
.button:hover {background-color: #c43030;color: #fff;}
.button {text-transform:uppercase; cursor:pointer; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius:20px; 
         -moz-transition-property : color, background-color; -moz-transition-duration : .4s; 
         -moz-transition-timing-function : ease-out; -o-transition-property : color, background-color; -o-transition-duration : .4s; 
         -o-transition-timing-function : ease-out; -webkit-transition-property : color, background-color; -webkit-transition-duration : .4s; 
         -webkit-timing-function : ease-out;  transition-property: color, background-color; transition-duration : .4s; 
         transition-timing-function : ease-in-out; white-space: nowrap; line-height:40px}
.topSection{margin-top:78px;} 
.buttonOuter a {text-decoration:none;color:#fff;}
.buttonOuter .light{background-position: 288px 7px;padding-left: 24px;width: 300px;text-align:left;margin:0 20% 4% 20%;}
.buttonOuter .light:hover{}
 
/* ABOUT */
.aboutus {margin: 0 auto;margin-top: 30px;padding-top: 50px;text-align: center;border-top: 4px double #666;}
.aboutus h3 {text-align:left;line-height:1.4em;}
.aboutus img {margin: 0 0 20px 20px;background: #fff;border: 5px solid #aaa;float: right;}

/* TESTIMONIALS */
#content .col1 .testimonials p, #content .col2 .testimonials p {margin: 0;padding: 0 0 35px 35px;background: url("../images/quote-open.png") no-repeat;}
#content .col1 .testimonials p span, #content .col2 .testimonials p span{font-style:italic;color:#777;}

/* SERVICE PAGE */
.servicesContent{margin:40px auto;width:100%;float:left;clear:both;}
#content .servicesContent h3{font-size:300%;text-transform:uppercase;font-family: 'TrumpGothicEastMedium',helvetica;letter-spacing:2px;}
.servicesContent p, .servicesContent ul{font-size:14px;}
.servicesContent ul{margin-top:12px;}
.servicesContent ul li{padding-bottom:.6em;}
.servicesContent .s_1 {margin-right:2%;display:inline;float:left;position:relative;width:23%;}
.servicesContent .s_1 .serviceIcon{margin:auto;text-align:left;}
#content .servicesContent .s_1 h4{margin-bottom:10px;font-size:180%;text-transform:uppercase;font-family: 'TrumpGothicEastMedium',helvetica;letter-spacing:1px;font-weight:normal;}
#content .servicesContent .s_1 p{padding-top:0;padding-bottom:5px;font-size:.8em;}
#content .servicesContent .s_1 ul{margin:0;list-style:none;font-size:.8em;}
#content .servicesContent .s_1 ul li{padding:0;min-height:80px;display:inline-block;position:relative;width:100%;}                            
#content .servicesContent .s_1 ul li .icon{float:left;width:25%;}
#content .servicesContent .s_1 ul li .icon img{width:100%;}
#content .servicesContent .s_1 ul li .ServiceTitle {float:left;padding-top:5px;padding-left:3%;width:72%;}
#content .servicesContent .s_1 ul li .ServiceTitle h3{font-size:15px;font-family: "Droid Sans", Helvetica, Arial, sans-serif;text-transform:none;letter-spacing:normal;text-shadow:none;color:#333;}

/* PORTFOLIO main page */
.portfolioGrid{margin:30px auto;text-align:center;width:100%;clear:both;float:left;}
.portfolioGrid div{margin:auto;margin-right:1.5625%;margin-bottom:30px;padding:10px;width:29.16666666666667%;display:inline-block;float:left;text-align:center;background:#f5f5f5;
                            box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.2);}
.portfolioGrid div img{margin:auto;height: auto;width:100%;opacity:1;}
#content .portfolioGrid div h4{margin:0;padding:12px 0 0;height:40px;font-size:.9em;font-weight:normal;color:#666;text-align:center;}
#content .portfolioGrid div h4 a{text-decoration:none;color:inherit;color:inherit;}
#content .portfolioGrid div img{-webkit-transition: all .4s ease-out;-o-transition:all .4s ease-out;-moz-transition:all .4s ease-out;}
#content .portfolioGrid div img:hover{opacity:.5;}
#project-nav{float:right;width:562px;font-size:.85em;font-weight:bold;}
#project-nav .alignleft{float:left;width:160px;}
#project-nav .viewall{float:right;}
#project-nav a{text-decoration:none;text-transform:uppercase;color:#777;}
#project-nav a:hover{color:#000;}
#project-nav .spacer{color:#777;}
/* PORTFOLIO content */
#content .portfolioSection{padding: 25px 0 0 0;position:relative;clear:both;width:100%;color:#000;min-height:600px;}
#content .portfolioSection .projectDesc{margin-right:20px;float:left;width:362px;}
#content .portfolioSection .projectDesc h3 {font-family: 'TrumpGothicEastMedium',helvetica;font-weight:bold;line-height:1.2em;font-size:36px;text-shadow:none;
                                            text-transform:uppercase;letter-spacing:2px;}
#content .portfolioSection .portfolioImage {padding-bottom:20px;float:right;width: 570px;text-align:right;}
#content .portfolioSection .portfolioImage img {margin-bottom:40px;background:#000;box-shadow: 0 0 10px #aaa;}
#content .portfolioSection .projectDesc blockquote {margin: 25px 0;padding: 10px 0 25px 0;border-top: 4px double #666;border-bottom: 4px double #666;
                                                                    font-family: 'Droid Serif',georgia;color:#2b94de;}
#content .portfolioSection .projectDesc blockquote p {font-size: 1.25em;}
#content .portfolioSection .projectDesc blockquote cite {padding: 15px 40px 0 0px;font-size: 12px;color: #666;display: block;text-align: left;line-height:1.5em;}
#content .portfolioSection .projectDesc .skillsused {margin: 15px 0 0 0;padding: 0px 20px 10px 0;}
#content .portfolioSection .projectDesc .skillsused h3 {padding-bottom: 10px;font-size: 28px;font-style: normal;text-transform:uppercase;font-weight:normal;
                                                        font-family: 'TrumpGothicEastRegular',helvetica;}
.skillsused ul {}
.skillsused ul li {padding-top: 2px;padding-bottom: 2px;background-position: 0 8px;font-size: 15px;color:#222;}
.skillsused p {margin-top: 10px;}
.skillsused a:link {font-size: 14px;}
.skillsused a:visited {}
.skillsused a:hover {}

/* CONTACT/QUOTE */
.quote a {color:#000;}
.quote .pageIntro {margin-bottom:15px;padding-bottom:18px;border-bottom:2px solid #000;float:left;font-weight:bold;}
.quote .pageIntro .pageIntroContent{margin-right:5%;float:left;width:95%;}
.quote .pageIntro .pageIntroIcons{margin:0;padding-right:0;padding-top:10px;float:right;width:86%;}
.quote .pageIntro .pageIntroIcons img{max-width:100%;float: left;}
.quote .pageIntro .pageIntroIcons img.first{padding-bottom:20px;}
.quote .pageIntro .quoteIntro{width:100%;}
.quote .pageIntro .quoteIcons{padding-top:0;width:8%;}
#content .pagesContent .contactLeft{padding:2% 3%;float:left;width:66%;font-weight :normal;}
.contactLeft a {color:#000;}
.contactRight{float:right;width:24%;}
.contactLeft .pageIntro {margin-bottom:15px;padding-bottom:18px;border-bottom:2px solid #000;float:left;font-weight:bold;}
.contactLeft .pageIntro .pageIntroIcons{margin:0;padding-right:0;padding-top:10px;float:right;width:23%;}
.contactLeft .pageIntro .pageIntroIcons img{max-width:100%;float: left;}
.contactLeft .pageIntro .pageIntroIcons img.first{padding-right:15px;}
.contactPhone {margin-top:5px;float:left;vertical-align: middle;}
.contactPhone img{margin-top:-10px;padding-right:12px;float:left;width:35px;height:35px;}
.ovalBox{padding:3%;background:#6bc5f2 url("../images/bg-blue-texture2.png");-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
         -moz-box-shadow: 0 4px 8px #888;-webkit-box-shadow: 0 4px 8px #888;box-shadow: 0 4px 8px #888;}
.ovalBoxDefault{padding:3%;background:#6ac4f1;-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
         -moz-box-shadow: 0 4px 8px #888;-webkit-box-shadow: 0 4px 8px #888;box-shadow: 0 4px 8px #888;}     
                
/* FOOTER */
footer{clear:both; width:100%; background:#222; padding:40px 0}
.footBox{margin:0 auto;width:80%;}
.footBox h3 {width: 450px; margin: 0 auto;}
.footBox h3 a {width: 450px; height: 50px; display: block; margin: 0 auto 25px; text-indent: -9000px; text-decoration: none; border: none;}
.footBox p{font-size:13px;line-height:1.4em; color:#fff; padding:0; text-align:center;}


@media screen and (max-width: 939px){
	.container{width:90%;margin:0 5%;} 
	header h1{font-size:2.2em;}
	header nav {float:none;}
	#content {margin:0 3%;padding-top:50px;padding-bottom:50px;width: 94%;}
	
	/* HOMEPAGE */
	.contentOuter{width:100%;margin:0 auto;padding-top:30px;padding-left:0;padding-right:0;text-align:center;}
	.contentOuter .contentInner{width:98%;}
	.contentOuter .contentInner .homepageOuter .homepageInner .singleSection .middleSection .imageslider{margin:auto;float:none;}
	.buttonOuter .light{margin-right:auto;margin-left:auto;}
	.main{padding-top:50px;margin-bottom:0;width:100%;background: #fff;}
	.contentOuter .contentInner .homepageOuter h2{background:none;}
	.contentOuter .contentInner .homepageOuter h2 span {padding: 0;background:none;}
	.middleSection{width:71.875%;width:100%;float:none;margin:auto;text-align:center;}
	.leftSidebar,.rightSidebar {display:none;}
	.limit{display:none;}
	
	/* PORTFOLIO */
	#content .portfolioGrid div{width:45%;}
	#content .portfolioSection .portfolioImage img {max-width:90%;height:auto;}
	#content .portfolioSection .portfolioImage {float: none;width:100%;margin:auto;text-align:center;}
	#content .portfolioSection .projectDesc{float:none;width:100%;}
	#content h4.pageSummary{clear:left;width:100%;}
	#project-nav{margin:auto;float:none;width:100%;font-size:.85em;font-weight:bold;}
	#project-nav .alignleft{float:left;width:160px;}
	#project-nav .viewall{float:right;}
	#project-nav a{text-decoration:none;text-transform:uppercase;color:#777;}
	#project-nav a:hover{color:#000;}
	#project-nav .spacer{color:#777;}

	/* CONTACT/QUOTE */
	#content .pagesContent textarea{width:90%;}
	#content .pagesContent .contactLeft{float:none;width:auto;}
	#content .pagesContent .contactLeft .pageIntro .pageIntroIcons img{padding:0;}
	#content .pagesContent .contactRight{margin-top:30px;float:none;width:100%;}
  
	footer{width:100%;overflow:hidden;}
	footer ul{display:none;}
}
	


@media screen and (max-width: 767px){
	#topcontrol{display:none;}
	header h1{height:0px;width:0px;overflow:hidden;} 
	header nav ul li a{padding-left:4px;padding-right:4px;}
	header nav ul li a{font-size:.7em;}

	/* HOMEPAGE */
	.contentOuter{padding-right: 3%;padding-left:3%;width: 94%;overflow:hidden;}
	.contentOuter .contentInner .homepageOuter h2 span {font-size:300%;}
	.contentOuter .contentInner .homepageOuter h2.main{padding-bottom:30px;font-size:800%;}                                
	.contentOuter .contentInner .homepageOuter .homepageInner .singleSection .middleSection .imageslider{display:none;}

	#content h3.pagesTitle span{font-size:250%;}
	
	/* SERVICE PAGE */
	.col1{padding-right:0;float:none;width:100%;}
	.col2{margin-top:30px;float:none;width:100%;}
	#content .servicesContent .s_1 {margin-top:20px;margin-right:0;display:block;float:none;width:100%;}
	#content .servicesContent .s_1 .icon, #content .servicesContent .s_1 .serviceIcon{display:none;}
	#content .servicesContent .s_1 ul{margin:0;padding:0;}
	#content .servicesContent .s_1 ul li{margin:0;padding:0;min-height:0;float:left;line-height:1em;}
	#content .servicesContent .s_1 ul li .ServiceTitle {float:none;padding-top:5px;padding-left:0;width:100%;}
	#content .servicesContent .s_1 ul li .ServiceTitle h3{width:100%;height:auto;font-size:100%;}
	
	/* PORTFOLIO */
	#content .portfolioGrid div{width:43%;}

	/* QUOTE CONTACT */
	#content .pagesContent .quote .pageIntro .pageIntroContent{margin-right:0;}
	#content .pagesContent .quote .pageIntro .pageIntroIcons img{max-width:100%;}
	#content .pagesContent .contactLeft .quote .pageIntro .pageIntroIcons {width:auto;}
	#content .pagesContent .contactLeft .quote .pageIntro .pageIntroIcons img{max-width:100%;display:block;}
	#content .pagesContent .contactLeft .pageIntro .pageIntroIcons img{max-width:100%;}
	
}

@media screen and (max-width: 479px){
	#content {margin:0 5%;width: 90%;overflow:hidden;}
	nav ul {display:none;}
	header nav select {margin-top:6px;margin-bottom:6px;padding:2px;display:block;width:260px;float:left;}
	a.buttonLarge {max-width:100%;font-size:14px;}
	
	/* HOME */
    .homepageOuter h2 span{margin:0;padding:0;font-size:180%;}
    .homepageOuter h2.main{margin:0;padding:0;font-size:450%;}
    .homepageOuter .homepageInner .singleSection h3{padding-top:20px;font-size:200%;}
    .homepageOuter .homepageInner .singleSection .whatwedo{padding:0 5%;}
    .homepageOuter .homepageInner .singleSection .middleSection .testimonialsHome{padding:0 5%;}
	.homepageOuter .homepageInner .singleSection .leftSidebar {margin-right:0;float:none;width:100%;}
	.homepageOuter .homepageInner .singleSection .middleSection{margin:0 auto;float:none;width:100%;}
	.homepageOuter .homepageInner .singleSection .middleSection .imageslider{display:none;}
	.homepageOuter .homepageInner .singleSection .middleSection .imageslider #head-slider-pager{display:none;}

	/* ABOUT */
	#content h3.pagesTitle span{font-size:200%;}
	#content h3.pagesTitle span img{display:none;}
	#content .secondaryPageNarrow{margin-left:0;margin-right:0;}
	#content .side50percent{float:none;width:100%;}
	
	/* SERVICES */
	#content .servicesContent h3{font-size:200%;}
	
	/* PORTFOLIO */
	#content .portfolioGrid div{width:90%;float:none;}
	
	/* QUOTE */
	#content .pagesContent .quote{margin-left:0;width:95%;}
	
}
