html, body, div, span, applet, object, img, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size:100%; vertical-align: baseline; background: transparent;
}
body {

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { background: url(images/bg.jpg) repeat #f0f0f0; font-family: 'Century Gothic'; color: #5f5f5f; }

a { text-decoration: none; font-weight: bold; color: #5f5f5f; }
a:hover { text-decoration: underline; }
.bold { font-weight: bold; }
h2 { font-size: 20px; font-weight: bold; color: #29767a; text-shadow: 0px 1px 3px #c6ebee; padding:4px 20px 8px 45px; -moz-border-radius:7px; -webkit-border-radius:7px; behavior:url(border-radius.htc); background: url(images/bg_icons.gif) no-repeat #90c5c9 15px -4px; display: inline;  }
p { margin-bottom: 20px; }

#header ul li { float: left; }
#header ul li a { color: white; margin-left: 20px; }

#wrapper { width: 960px; margin: 20px auto 0 auto; min-height: 550px; }


/* TOP */
#win a { width: 124px; height: 31px; display: block; background:url(images/bg_winSide.jpg) top no-repeat; position: absolute; right:10px; top: 65px; text-indent: -9999px;}
#win a:hover { background-position: bottom;}
#top { background: url(images/bg_top.jpg) repeat-x; height: 85px; width: 100%;}
a#logo { display: block; width: 254px; height:56px; background:url(images/bg_logo.jpg) no-repeat 0 0; float: left; text-indent: -9999px;}
a#logo:hover { background-position: 0px -56px; }
a#logo:active { background-position: 0px -112px; }

#nav { width: 960px; height: 85px; margin: auto; background: url(images/bg_navActive.jpg) no-repeat 270px 0;}
.pageid-3 #nav, .single #nav, .category #nav { background-position: 400px 0; }
.pageid-402 #nav { background-position: 530px 0; }
.pageid-5 #nav { background-position: 665px 0; }
.pageid-46 #nav { background-position: 787px 0; }
.pageid-518 #nav, .four04 #nav { background: none; }

#nav ul { float: right; display: block; width: 680px; }
#nav ul li a { display: block; width: 100px; height: 30px; float: left; background: url(images/nav.gif) 0 0; text-indent: -9999px; margin-top:10px; }
#nav ul li { float: left; display: block; height: 30px; width: 100px; margin-left: 30px; }



#nav ul li.home a:hover { background-position: 0 -30px;}
#nav ul li.home a:active { background-position: 0 -60px; }
.blog #nav ul li.home a { background-position: 0 -90px; }


#nav ul li.page-item-3 a { background-position: -100px 0;}
#nav ul li.page-item-3 a:hover { background-position: -100px -30px; }
#nav ul li.page-item-3 a:active { background-position: -100px -60px; }
#nav ul li.page-item-3.current_page_item a, .single #nav ul li.page-item-3 a, .category #nav ul li.page-item-3 a { background-position: -100px -90px; }


#nav ul li.page-item-402 a { background-position: -200px 0;}
#nav ul li.page-item-402 a:hover { background-position: -200px -30px;}
#nav ul li.page-item-402 a:active { background-position: -200px -60px; }
#nav ul li.page-item-402.current_page_item a { background-position: -200px -90px; }


#nav ul li.page-item-5 a { background-position: -300px 0;}
#nav ul li.page-item-5 a:hover { background-position: -300px -30px;}
#nav ul li.page-item-5 a:active { background-position: -300px -60px; }
#nav ul li.page-item-5.current_page_item a { background-position: -300px -90px; }


#nav ul li.page-item-46 a { background-position: -400px 0;}
#nav ul li.page-item-46 a:hover { background-position: -400px -30px;}
#nav ul li.page-item-46 a:active { background-position: -400px -60px; }
#nav ul li.page-item-46.current_page_item a { background-position: -400px -90px; }


/* HOME */
#homeLeft { width: 450px; float: left; }
#homeLeft h2 { font-size: 48px; line-height: 54px; color: #333; background: none; padding-left: 0px; padding-top: 15px; float: left; text-shadow: 0px 3px 3px #fff; }
#homeLeft h3 { font-size: 34px; font-weight: normal; line-height: 41px; margin-top: 30px; color: #333; float: left; width: 400px;}
#homeLeft p { font-size: 30px; font-weight: bold; }
#homeLeft p a { color:#218a90; }
#homeRight { width: 480px; float: right; }
#work { background: url(images/bg_workComp.jpg) no-repeat; width: 480px; float: right; }
.workThumb { float: left; margin: 18px 0px 0px 18px; width: 293px; height: 237px;}
.navEgs { float: left; position: relative; top: 320px; z-index: 1000; width: 460px; left: 10px; }
.navEgs a { color: #000; }
.navEgs #prev { float: left; }
.navEgs #next { float: right; }
#text { width: 480px; float: left; clear: both; margin-top: 155px; font-size: 20px; }
#homeRight #text a:hover { text-decoration: none;}

#cta { width: 436px; height: 100px; margin-top: 30px; float: left; }
#cta a { width: 218px; height: 100px; float: left; display: block; text-indent: -9999px; background: url(images/bg_ctaHome.jpg);}
#cta a#ctaServices { background-position: -225px 0px;}

#cta a:hover { background-position: 0px -100px;}
#cta a:active { background-position: 0px -200px;}
#cta a#ctaServices:hover { background-position: -225px -100px;}
#cta a#ctaServices:active { background-position: -225px -200px;}


/* LISTING */
.listing { width: 200px; height: 122px; padding: 6px 5px; background: url(images/bg_listing.jpg) no-repeat; display: block; float: left; margin:0px 10px 50px 0px; }

.listing-container { float: left; margin: 0px 20px 0px 0px; height: 150px; }
.listing-container h3 { width: 211px; font-weight: normal; text-transform: uppercase; font-size: 12px; margin-left: 4px;}

.filter { width: 930px; height: 25px; display: block; background: url(images/bg_btmLine.gif) bottom repeat-x; padding-bottom: 20px; margin-bottom: 20px; }
.filter li { float: left; display: block;}
.filter li a { line-height: 18px; float: left; padding:3px 10px 3px 10px; margin-right:13px;  text-transform: uppercase; font-size: 12px; color:#757575; font-weight: bold; background: #d4d5d7; -moz-border-radius:7px; -webkit-border-radius:7px; behavior:url(border-radius.htc); }
.filter li a:hover, .filter li.current-cat a, .category-work-all .filter
li.work-all a { background-color: #757575; color: #fff; text-decoration: none; text-shadow: 0px 1px 1px #222; }

#quote { }
#quote li { float: left; width: 300px; height: 200px;}
#quote span { clear: both; float: left; width: 300px; }
.nav { height: 30px; float: left; clear: both;}
#quote .url { text-transform: uppercase; }

/* SINGLE */
#single-content { border-bottom: 1px solid #dddddd; padding-left: 10px; margin-bottom: 30px; }
#right { float: right; width: 355px; margin-right: 10px;}
#right span p { color: #555555; line-height: 25px; padding: 0px 5px 0px 5px; }
p.name { margin-top: 10px; font-size: 35px; font-weight: bold; color:#5f5f5f; font-family: 'Reenie Beanie', arial, serif; }
.single-work { padding-right: 7px; background: url(images/bg_single.jpg) right no-repeat;}

.entry-meta, .entry-title, .url { border-bottom: 1px solid #dddcdc; padding: 10px 0px 10px 30px; font-size: 12px; background: url(images/bg_iconsDark.gif) no-repeat left top; color: #5f5f5f; }
.entry-meta { border-top: 1px solid #dddcdc;  }
.url { margin-bottom: 10px; }
.url a { color: #5f5f5f; font-size: 14px; }
.url a:hover { color: #000000;  }

.entry-title { border: none; font-size: 16px;}
.entry-meta { background-position: 0px -36px; font-weight: bold;}
.url { background-position: 0px -72px; }

.entry-meta a { font-weight: normal; font-size: 11px; color: #5f5f5f; text-transform: uppercase; }
.entry-meta a:hover { color: black; }

/* SERVICES */
.pageid-402 .entry-content ul { float: left; }

.pageid-402 .entry-content img { border: 5px solid white; margin-bottom: 10px; }

#servicesRight { float: right; width: 400px;}

#servicesLeft { float: left; width: 450px; padding-bottom: 50px; }
#services { float: left; width: 450px; padding-bottom: 20px; }
#services ul, #skills ul { margin-top: 20px;}
#services h2 { background-position: 12px -2px; }
#services li { font-size: 18px; margin-bottom: 15px; }
#services li img { float: left; }
#services li.main { background: url(images/bg_btmLine.gif) repeat-x bottom; padding-bottom: 25px; margin-bottom: 25px; }
#services li.second { display: block; width: 190px; float: left; font-size: 16px;}
#services li.rightPad { margin-right: 35px; }

#skills { background: url(images/bg_btmLine.gif) repeat-x bottom; width:450px; height: 130px; float: left; padding-top: 20px; }
#skills h2 { background-position: 12px -38px; }
#skills ul li { text-transform: uppercase; float: left; margin-right: 40px; }

ul#platforms { float: left; clear: both; padding-top: 35px; margin-top: 35px; background: url(images/bg_btmLine.gif) repeat-x top;}

ul#platforms ul { float: left; width: 450px; margin-top: 35px; background:url(images/bg_platforms.jpg) no-repeat; }
ul#platforms ul li { display: block; float: left; }
ul#platforms ul li a { display: block; height: 62px; width: 150px; float: left; text-indent: -9999px; }
ul#platforms ul li.facebook a:hover { background:url(images/bg_platforms.jpg) 0 -124px;}
ul#platforms ul li.youtube a:hover { background:url(images/bg_platforms.jpg) -150px -124px;}
ul#platforms ul li.twitter a:hover { background:url(images/bg_platforms.jpg) -300px -124px;}

ul#platforms ul li.wordpress a { width: 245px; }
ul#platforms ul li.vimeo a { width: 205px; }
ul#platforms ul li.wordpress a:hover { background:url(images/bg_platforms.jpg) 0px -186px;}
ul#platforms ul li.vimeo a:hover { background:url(images/bg_platforms.jpg) -245px -186px;}

#project-cycle { float: left; }

#navCycle { float: left; clear: both; height: 45px; width: 450px; }
#navCycle a { font-size: 45px; font-weight: bold; color: #5f5f5f; display:block; margin-right: 40px; text-decoration: none; float: left;}
#navCycle a.activeSlide { color: #000; }
#navCycle a:focus { outline: none; }

#project-cycle { background: url(images/bgCycle.jpg) no-repeat 0px 70px; width: 400px; height: 500px;  float: left; overflow: hidden; width: 400px;
}
#project-cycle ul { float: left; margin-bottom: 70px; }
#project-cycle h2 { background-position: 12px -108px; }

#platforms h2 { background-position: 12px -144px; }


#steps { float: left; display: block; width:240px; height: 220px; overflow: hidden; margin: 105px 0px 0px 50px; }
#steps li { text-align: center; padding-top: 100px; background: url(images/bg_iconsLarge.gif) top center no-repeat; }
#steps li.two { background-position: center -400px; }
#steps li.three { background-position: center -800px; }
#steps li.four { background-position: center -1200px; }
#steps li.five { background-position: center -1600px; }
#steps li.six { background-position: center -2000px; }

/* ABOUT */
.pageid-5 #wrapper { min-height: 820px; }
#about-content {  width: 500px; font-size: 22px; float: left;  }
#testimonials { width: 400px; float: right; padding-left: 50px; }
#testimonials p b { background: url(images/bg_iconsDark.gif) no-repeat 0px -10px; padding-left: 30px; line-height: 30px; }
#testimonials span p { margin-bottom: 5px; font-family: 'Georgia'; line-height: 23px; }
#testimonials div { padding: 20px 0px 20px 0px; background: url(images/bg_btmLine.gif) bottom repeat-x; clear: both; overflow: auto; }
#testimonials a .name { float: left; line-height: 30px; font-size: 30px; margin-top: 5px;}
#testimonials a:hover { text-decoration: none; color: #333333; }

#about-content #ctaQuote { margin-top: 40px;}

/* CONTACT */
#contactQuote { padding-top: 30px;}
#contactQuote h2.project { background-position: 15px -109px;}
#contactQuote h2.idea { background-position: 15px -147px;}

#contactQuote span { line-height: 40px; font-size: 13px; text-transform: uppercase; color: #5f5f5f; font-weight: bold; }
#contactQuote input, #contactQuote textarea { border-top: 2px solid
#cfcfcf; border-right: 2px solid #cfcfcf; border-left: none; border-bottom: none; padding: 10px 8px 5px 8px; font-size: 14px; font-family: Helvetica; color: #5f5f5f; }

#contactQuote #full { width: 960px;}
#contactQuote #full li { width: 300px; float: left; margin-right: 10px; }
#contactQuote #full li input { width: 250px; }

#contactQuote textarea:hover, #contactQuote input:hover { color: #000000; }

#contactQuote ul { margin-top: 20px; }
ul #half { width: 400px; float: left; margin-right: 60px; }
ul #half input { width: 300px; }
ul #half textarea { width: 400px; }
ul #half li { margin-bottom: 10px;}
span.line { width: 960px; height: 2px; display: block; background: url(images/bg_btmLine.gif) top repeat-x; padding-top: 20px; float: left; margin-top: 30px; }

#contactQuote span.submit { float: left; clear: both; margin-top: 20px; display: block; }
#contactQuote span.submit input { width: 203px; height: 54px; background: url(images/bg_submit.jpg) no-repeat; border: none; cursor: pointer; font-size: 1px;  }
#contactQuote span.submit input:hover { background-position: 0 -54px;}
#contactQuote span.submit input:active { background-position: 0 -108px;}

.FileUpload input { border: none;}

.wpcf7-response-output { float: left; }

/* CONTACT TOP */
.pageid-46 #wrapper { background: url(images/bg_contact.jpg) top right no-repeat;}
.pageid-46 .entry-content p { width: 550px; font-size: 20px; }
.pageid-46 .entry-content strong { font-size: 24px; }


/* WIN */
.pageid-518 #wrapper { background: url(images/bg_win.jpg) top no-repeat; padding-top: 95px; margin-top: 10px;}
.pageid-518 .entry-content p {  width: 560px; font-size: 19px; }
.pageid-518 .entry-content h1 { font-size: 30px; line-height: 40px; margin-bottom: 20px;}
.pageid-518 #contactQuote { margin-top: 50px; }

/* FOOTER */
#footer { height: 200px; width: 100%; background: url(images/bg_footer.jpg) repeat-x; float: left; margin-top: 30px;  }
#footer div { width: 960px; margin: auto; }

#footer div a#ctaFooter { width: 370px; height: 62px; margin: auto; display: block; text-indent: -9999px; background: url(images/bg_ctaFooter.jpg) no-repeat;}
#footer div a#ctaFooter:hover { background-position: bottom; }

#footer div ul { width: 700px; float: left; }
#footer div ul h3 { margin-bottom: 8px; }
#footer div ul li { width: 200px; display: block; float: left; margin-bottom: 3px; margin-right: 30px; padding-bottom: 5px; }
#footer div ul li a { font-size: 13px; font-weight: normal; display: block; border-bottom: 1px solid #ccc; }
#footer div ul li a:hover { text-decoration: none; color: black;  }

#ctaQuote { display: block; width:700px; height: 100px; float: right; text-indent: -9999px; background: url(images/bg_ctaQuote.jpg) no-repeat top;}
#ctaQuote:hover { background-position: 0 -100px; }
#ctaQuote:active { background-position: 0 -200px; }

#footer img { }

#footer.two { height: 140px; padding-top: 60px;  }

/* 404 */
.four04 .entry-content p { font-size: 24px;}
.four04 h1 { font-size: 30px; }

/* SLIDER */
#mycarousel { height: 160px;  }
#navSlides { margin-left: 443px; padding-bottom: 20px; float: left; }
.nextSlide, .prevSlide { border: none; }


.nextSlide {
   width: 23px;
   height: 32px;
   cursor: pointer;
   background: url(images/bg_arrows.gif) no-repeat 0 0;
}

.prevSlide {
   width: 23px;
   height: 32px;
   cursor: pointer;
   background: url(images/bg_arrows.gif) no-repeat 0 -32px;
}



/* THUMBS */

/*dynamically added*/
div.wrapper{width:200px; height:125px; overflow:hidden; position:relative; background-color: #2f9aa2;   }

/*generic style for all div */
div.caption { font-weight:bold; font-size:18px; letter-spacing:-1px; position:relative; text-align:center; padding:55px 15px 15px 15px; min-height:125px; color:#f0f0f0; text-transform:capitalize; line-height:20px; }
#mycarousel a, .listing-container a { text-decoration: none; }

/* styles for error box */  
.error {  
    background:#FBE3E4;  
    color:#8a1f11;  
    border-color:#FBC2C4;  
    padding:20px;  
    border:dashed 2px red;  
    width:70%;  
    margin:0px auto;  
    font-family:Arial, Arial, Helvetica, sans-serif;  
    font-size:1em;  
    line-height:1.3em;  
}  
  
.error a, .error a:hover{  
    color:#8a1f11;  
}  
  
/* simply moves close box to right */  
.kickRight {  
    text-align:right;  
}