body{background:#8cc06f;margin:0;padding:0;color:#555;font-family:Helvetica, Arial, sans-serif;}
img{border:none}
a{color:#005d9c;text-decoration:none;}
a img{border:none;}
.clear{clear:both;}
.center{text-align:center;}
.line{height:2px;background:#f0f0f0;clear:both;width:100%;}

#wrapper{background:url(../images/background.png) no-repeat top center;margin-top:-25px;*margin-top:-5px;}
#container{width:1015px;margin:0 auto;}
#content{background:url(../images/footer-white.png) bottom center no-repeat;margin:25px 0 24px -2px;min-height:569px;height:auto !important;height:569px;padding-bottom:24px;}
#top{padding:0 25px 20px 25px;overflow:hidden;width:auto;}

#header{width:999px;height:130px;margin-left:-16px;*margin-bottom:-60px;}
a#logo{color:#DA1C49;font-size:30px;position:relative;display:block;height:70px;width:215px;margin-top:3px;*margin:-10px 0 0 0;display /*\**/:none\9;*display:block;}
a#logo canvas{margin:-50px 0 -50px -50px;float:left;*margin:0;*position:relative;*top:-60px;*left:-50px;}
a#logo .text{position:relative;top:20px;left:115px;*display:none;}
.text{color:#DA1C49;font-size:30px;position:relative;top:-48px;left:65px;z-index:1;}
#logo-ie{display:block;height:62px;width:215px;margin-top:-110px;position:relative;z-index:9;background:#8acef1;*filter:alpha(opacity = 0);margin-top /*\**/:7px\9;background: /*\**/url(../images/logo-ie8.jpg) no-repeat\9;*margin-top:-110px;}
#logo-ie .text{color:#DA1C49;font-size:30px;position:relative;top:30px;left:55px;}
#navigation{float:right;margin:-45px 0 0 0;width:520px;padding:0;text-align:right;}
#navigation ul{list-style-type:none;padding:0;margin:0;}
#navigation ul li{display:inline;padding-right:10px;}
#navigation ul li a{color:#3b3b3b;font-size:18px;}
#navigation ul li a span{color:#737373;font-size:14px;}

h1.home{margin:-35px 0 10px;position:relative;z-index:99;color:#4d4d4d;font-size:36px;font-weight:normal;}
h1.home span{font-size:26px;color:#737373;padding-right:3px;}
ul#banner{width:967px;height:278px;list-style:none;margin:0;padding:0;background:#fff;float:left;margin:0 16px 30px -16px;padding:0 16px 0 16px;}
ul#banner li{margin:0;padding:0 0 0 -6px;position:relative;left:15px;}
ul#banner a div{float:right;position:absolute;top:260px;right:10px;}
ul#banner a:hover div{color:#DA1C49;}
ul#banner.static{margin-bottom:-20px;}
ul#banner.static li{margin-left:-16px;}
ul#banner.static.blog{margin:-40px 0 -5px -16px;}

/*____  Header Box  ____*/
#header-box{width:969px;margin:-35px 0 10px 0;}
#header-box-top{width:969px;height:47px;background:url(../images/header-box-top.jpg) no-repeat;}
#header-box-middle{width:929px;background:url(../images/header-box-middle.jpg) repeat-y;padding:0 20px 0 20px;}
#header-box-bottom{width:969px;height:66px;background:url(../images/header-box-bottom.jpg) no-repeat;}
#header-box-middle .content{margin:-30px 0 -50px 0;}
#header-box.portfolio-project{width:984px;margin:-35px 0 -10px -16px;padding:0 0 0 16px;background:#fff;}
#header-box-bottom.portfolio-project{margin-top:-20px;}

h2, h1#blog-post{color:#4d4d4d;font-size:32px;font-weight:normal;border-bottom:6px solid #f0f0f0;margin:0;padding: 0 0 7px 0;clear:both;position:relative;z-index:99;}

#recent-projects{margin:0 16px -9px -16px;padding:0 29px 0 30px;background:#fff;float:left;}
#recent-projects.the-blog, #recent-projects.the-portfolio{margin:0 0 -9px -16px;padding:0 27px 0 32px}
#recent-projects h2{font-size:22px;margin:0 0 -20px 0;}
ul#portfolio-list{float:left;list-style:none;padding:0;width:970px;margin:10px 0 20px -30px;}  
ul#portfolio-list li{float:left;list-style:none;margin:10px 0 10px 30px;}  
ul#portfolio-list li a{float:left;width:277px;background:url(../images/square.jpg);padding:15px 8px 25px 8px;text-decoration:none;}

ul#portfolio-list li a .headline{font-size:18px;height:40px;color:#da1c49;margin:0 10px 0 10px;}
ul#portfolio-list li a .headline strong{font-weight:normal;}
ul#portfolio-list li a img{margin-top:10px;}
.recent-project{float:left;margin:0;width:280px;height:190px;display:block;overflow:hidden;position:relative;cursor:pointer;}
.recent-project img{position:absolute;top:28px;left:8px;z-index:2;}
ul#portfolio-list li a .sub{width:260px;margin:126px 0 0 10px;color:#4d4d4d;margin-top /*\**/:126px\9;*margin-top:124px;}
ul#portfolio-list li.the-blog a .sub{width:263px;margin:119px 0 0 10px;line-height:1.1em;position:relative;z-index:1;font-size:14px;margin-top /*\**/:119px\9;*margin-top:115px;}
ul#portfolio-list li a .sub div{float:right;font-size:13px;margin-top:2px;width:90px;background:url(../images/view-project.png) 77px 0 no-repeat;color:#737373;*margin-top:-16px}

#fresh{width:967px;background:#fff;float:left;margin:0 16px -9px -16px;padding:0 16px 0 16px;}
#fresh a:hover{color:#DA1C49;}
#fresh h3.left{height:240px;width:463px;float:left;margin:10px 25px 20px 0;padding:10px;cursor:pointer;}
#fresh a h3.left .headline{font-size:24px;margin:-20px 0 -10px 0!important;position:relative;top /*\**/:10px\9;*top:5px;}
#fresh a h3.left p{font-size:15px;margin:0 0 8px 0;line-height:50px;margin-top /*\**/:25px\9;*line-height:20px;*margin-top:20px;}
#fresh .left div em{font-size:12px;color:#555;}
#fresh .right{width:469px;float:left;margin:5px 0 20px -20px!important;}
#fresh .right h3{height:115px;width:141px;float:left;margin:15px 0 0 15px;cursor:pointer;}
#fresh .right h3 .headline{float:left;font-size:12px;width:140px;line-height:14px;margin-top:-15px;}
#fresh .right h3 .headline.ie8{position:relative;top /*\**/:20px\9;*top:0;}
#fresh .right h3 .square{height:12px;width:12px;background:url(../images/blue-square.jpg);float:right;margin-top:3px;}
#fresh a:link, #fresh a:visited{text-decoration:none;}

/*____  Footer  ____*/
#footer-wrapper{background:#363228 url(../images/footer.png) repeat-x top left;}
#footer-container{width:967px;margin:0 auto;overflow:hidden;padding-top:8px;color:#8b8877;font-size:12px;line-height:17px;}
.footer-column{width:204px;float:left;margin:20px 0 20px 50px;padding-bottom:8px;border-bottom:1px dotted #3d392e;}
.footer-column.left{margin-left:0;}
.vcard, #twitter, #copy{margin-top:-4px;}
.region, .phone{margin-top:5px;}
#copy div{margin-top:5px;}
#footer-container a{color:#6d865f;border:none;}
#footer-container h2{color:#b5a274;font-size:22px;padding-bottom:8px;border-bottom:1px solid #423e34;margin-bottom:12px}
#footer-container ul{list-style:none;padding:0;margin:-8px 0 0 -5px;}
#footer-container ul li{display:inline;margin-left:5px;}

/*____  The Blog Page  ____*/
ul#portfolio-filter{float:left;list-style:none;margin:15px 0 0 0;width:540px;}  
ul#portfolio-filter.the-blog{margin-left:168px;}
ul#portfolio-filter.the-portfolio{margin-left:203px;}
ul#portfolio-filter li{float:left;line-height:16px;margin-right:10px;list-style:none;}  
ul#portfolio-filter li a{font-size:1.4em;color:#aeaeae;text-decoration:none;letter-spacing:-1px;display:block;height:30px;}
ul#portfolio-filter li a span{padding:10px 12px;height:38px;display:block;}
ul#portfolio-filter li a.current{color:#0F99C8;}
ul#portfolio-filter li a.current span{color:#0F99C8;}

/*____  The Blog Content  ____*/
h2#blog-post{font-size:20px;margin:16px 16px 6px 16px;padding:0;background:#fff;width:935px;margin:0 0 0 -16px;padding:16px 32px 3px 32px;border:none;}
h2#blog-post p{margin:0 0 10px 0;}
h2#blog-post em{color:#888;}
#blog-content{width:935px;background:#fff;float:left;margin:0 0 -9px -16px;padding:0 32px 0 32px;}
#blog-content h2{padding:0 0 5px;}
#blog-content h2 img{margin:0 5px 0 10px;position:relative;top:10px;}
#blog-content h3{clear:both;color:#4d4d4d;font-size:20px;font-weight:normal;border-bottom:6px solid #f0f0f0;margin:0 0 10px 0;padding: 0 0 5px 0;clear:both;}
#blog-content .example{font-size:16px;text-align:center;font-weight:bold;margin:15px 0 15px;}
#blog-content .below{margin-top:10px;}
#blog-content .code{color:#f81a29;font-size:14px;margin-bottom:10px;}
#blog-content .red{color:#DA1C49;}
#blog-content .violet{color:#8f007c;}
#blog-content .blue{color:#00f;}
#blog-content .white{color:#fff;}
#blog-content .note{font-size:12px;font-style:italic;background:#EDF4F7;margin:10px auto 15px auto;padding:30px;width:800px;-moz-border-radius:15px;-webkit-border-radius:15px;}
#blog-content .note .headline{font-size:16px;font-weight:bold;}
#blog-content .note .img{margin:15px auto;width:100%;text-align:center;}
#blog-content ol.ordered-list{margin:-5px 0 -20px;}
.post-image-right{float:right;margin:0 10px 10px 10px;}
.post-image-left{float:left;margin:0 15px 15px 0;}
#tags{clear:both;line-height:5em;}
#tags div{margin-top:4px;}
#tags a{margin:0 5px 5px 5px;line-height:5em;display:inline-block;}

/*____  Portfolio  ____*/
ul#portfolio-filter{float:left;list-style:none;margin-left:0;padding:4px 0 0 40px;width:auto;}  
ul#portfolio-filter li{float:left;line-height:16px;margin-right:10px;list-style:none;}  
ul#portfolio-filter li a{font-size:1.4em;color:#aeaeae;text-decoration:none;letter-spacing:-1px;height:38px;display:block;}
ul#portfolio-filter li a span{padding:10px 12px;height:38px;display:block;}
ul#portfolio-filter li a.current{}
ul#portfolio-filter li a.current span{}
ul#portfolio-list{float:left;list-style:none;padding:0;width:972px;margin:0 0 20px -32px;}  
ul#portfolio-list li{float:left;list-style:none;}  
	
#project-details{width:375px;float:left;padding:5px 0;color:#808080;margin:-20px 0 0 0;}
#project-details img{display:none;}
#project-details h1{border-bottom:6px solid #f4e596;width:929px;margin-top:-5px;}
#project-details h2{color:#fff;background:url(../images/horizontal-line.gif) repeat-x bottom left;padding:0;margin:0 0 -10px 0;border:none;font-size:24px;}
#project-display{width:522px;float:right;position:relative;overflow:hidden;margin:40px 0 0 0;}
#project-display-slider{width:522px;height:auto;position:relative;}
#project-display-slider #corners-top{width:522px;height:5px;display:block;background:url(../images/projectcornerstop.png) no-repeat;position:absolute;top:0;left:0;z-index:2;}
#project-display-slider #corners-bottom{width:522px;height:5px;display:block;background:url(../images/projectcornersbottom.png) no-repeat;position:absolute;bottom:0;left:0;z-index:2;}
#project-display ul{list-style: none;}
#project-display-slider .textholder{display:none;}
#project-display .thumbs{width:100px;margin:15px auto 0;}
#project-display a.thumb{background:url(../images/project-navigator.png) no-repeat 0 0;}
#project-display a.thumb:hover{background-position:0 -14px;}

/*____  Active State (Current Page State)  ____*/
#project-display a.thumb.active{background-position:0 -28px;}
a#view-website{width:135px;height:37px;display:block;background:url(../images/view-website.gif) no-repeat;text-indent:-9999px;float:left;position:relative;display:inline;margin:0 10px 0 0;}
a#view-website.fadeThis span.hover{position:absolute;top:0;left:0;display:block;width:135px;height:37px;background:url(../images/view-website.gif) no-repeat 0 -37px;}
a#back-to-portfolio{width:179px;height:37px;display:block;background:url(../images/back-to-portfolio.gif) no-repeat;text-indent:-9999px;float:left;position:relative;display:inline;}
a#back-to-portfolio.fadeThis span.hover{position:absolute;top:0;left:0;display:block;width:179px;height:37px;background:url(../images/back-to-portfolio.gif) no-repeat 0 -37px;}

/*____  Home Page Slider  ____*/
#hero-holder{position:absolute;top:110px;width:100%;display:block;z-index:100;height:353px;}
.textholder{z-index:10;}
.textholder p{position:absolute;top:24px;left:140px;color:#ccc;z-index:100;font-size:1.2em;letter-spacing:-1px;}
.textholder a{position:absolute;right:10px;top:20px;width:97px;height:39px;display:block;}
.thumbs{text-align: center;width:150px;margin:26px auto 0;z-index:14;position:relative;}
#carousel-holder{width:960px;margin:0 auto;position:relative;z-index:12;display:block;height:384px;padding:28px 0 0 0;}
#carousel-holder h2{font-size:4em;position:absolute;bottom:0;color:#3b3b3b;left:0;}
#carousel{width:960px;margin:0 auto 0;}
#carousel ul{list-style:none;width:20000px;margin:0;padding:0;position:relative;z-index:12;}
#carousel li{display:inline;float:left;}
#carousel li span p{display: none;}
.thumb{display:block;width:14px;height:14px;float:left;margin:2px;display:inline;cursor:pointer;text-indent:-9999px;}

/*____  About  ____*/
#project-details.about-me{width:500px;}
#project-details.about-me p{font-size:18px;}
#project-details.about-me ul{font-size:16px;}
.about-right{margin-top:45px;float:right;}
.about-column{width:309px;float:left;}
.about-column h2{border:none;margin:20px 0 -15px;font-size:24px;}

/*____  Contacrt Page  ____*/
#header-box-middle.contact h1{border-bottom:6px solid #f4e596;width:929px;margin-top:-20px;}
#header-box-middle.contact h2{color:#fff;background:url(../images/horizontal-line.gif) repeat-x bottom left;padding:0;margin:0 0 -10px 0;border:none;font-size:24px;}
.contact-column p{float:left;width:444px;padding:0 10px 0 10px;}
ul.pagination{margin:-45px 0 0 0;float:right;}
ul.pagination li{list-style:none;display:inline;padding-left:10px;}  
#content-carousel{background:#fff;width:920px;overflow:hidden;-moz-border-radius:15px;-webkit-border-radius:15px;position:relative;border:4px solid #fff;}
#content-carousel ul{margin:0;padding:0;list-style:none;}
#content-carousel li{margin:0;padding:10px 10px 10px 30px;width:872px;}
#content-carousel li div{float:left;width:436px;height:70px;position:relative;}
#content-carousel li div.textarea{width:872px;display:block;height:auto;clear:both;}
#content-carousel li div label{width:426px;display:block;padding:6px 0;font-size:1.2em;}
#content-carousel li div label.error{color:#f00;position:absolute;top:0;right:20px;width:auto;}
#content-carousel li div input{width:400px;background:#282828;-moz-border-radius:15px;-webkit-border-radius:15px;color:#CCC;border:4px solid #282828;padding:4px;}
#content-carousel li div.radio label{padding-bottom:12px;}
#content-carousel li div.radio span{font-size:1.2em;width:80px;color:#CCC;float:left;}
#content-carousel li div.radio input{width:auto;background:none;border:0;float:left;}
#content-carousel li div textarea{width:836px;background:#444;-moz-border-radius:154px;-webkit-border-radius:15px;color:#CCC;border:4px solid #444;height:100px;padding:4px;}
#content-carousel li button{width:135px;height:37px;clear:both;background:url(../images/submit-btn.gif) no-repeat;text-indent:-9999px;margin:10px 0 0 0;position:relative;border:0;display:block;float:left;}
#content-carousel li button:hover{background:url(../images/submit-btn.gif) no-repeat 0 -37px}

/*____  Columinzer  ____*/
h3.sitemap .headline{margin:5px 0 -15px 10px;}
h3.sitemap .all{width:800px;margin:0 auto;text-align:left;}
h3.sitemap ul{padding:5px;overflow:hidden;margin:5px;/* ---  must have right margin. IE bug */ }
h3.sitemap ul li{margin:2px 10px 2px 40px; padding:5px 10px;}
h3.sitemap div.li_container{padding:0;margin:5px 0; overflow:hidden;border:none;/* don't use left and right border, padding and margin */ }

/*____  Preload Images  ____*/
body:after{content:url(../images/banner/background.png) url(../images/banner/office-space-amarillo.jpg) url(../images/banner/lightning-labels.jpg) url(../images/banner/cattlenetwork.jpg) url(../images/banner/golftec.jpg) url(../images/banner/healthagen.jpg) url(../images/blog/ie-hacks-galore-medium.jpg) url(../images/blog/ipad-website-example-small.jpg) url(../images/blog/ipad-replace-flash-with-image-javascript-example-small.jpg) url(../images/blog/javascript-detect-ipad-small.jpg) url(../images/blog/image-preloading-through-css3-caching-small.jpg) url(../images/blog/liquid-anchor-button-small.jpg) url(../images/blog/crispin-porter-html-test-small.jpg) url(../images/portfolio/office-space-amarillo.jpg) url(../images/portfolio/itriagehealth.jpg) url(../images/portfolio/healthagen.jpg) url(../images/portfolio/lightning-labels.jpg) url(../images/portfolio/accuthera.jpg) url(../images/portfolio/cattlenetwork.jpg) url(../images/portfolio/agTraderIndex.jpg) url(../images/portfolio/luke-atticus-combs.jpg) url(../images/portfolio/golfTEC.jpg) url(../images/portfolio/imi-global.jpg) url(../images/portfolio/usverified.jpg) url(../images/portfolio/americas-job-network-1.jpg) url(../images/portfolio/americas-job-network-2.jpg) url(../images/portfolio/imi-global-media-kit.jpg) url(../images/portfolio/giphart-consulting-and-design.jpg) url(../images/portfolio/repeats-childrens-resale.jpg) url(../images/portfolio/david-burke.jpg) url(../images/portfolio/the-masters-at-copper-creek.jpg) url(../images/portfolio/bayer.jpg) url(../images/portfolio/certified-humane.jpg) url(../images/portfolio/imi-global-branding.jpg) url(../images/portfolio/farnum.jpg) url(../images/portfolio/imi-global-advertising.jpg) url(../images/portfolio/imi-global-printing.jpg) url(../images/portfolio/the-masters-at-copper-creek-brochure.jpg) url(../images/blog/ie-hacks-galore-thumb.jpg) url(../images/blog/ipad-website-example-thumb.jpg) url(../images/blog/ipad-replace-flash-with-image-javascript-example-thumb.jpg) url(../images/blog/javascript-detect-ipad-thumb.jpg) url(../images/blog/image-preloading-through-css3-caching-thumb.jpg) url(../images/blog/liquid-anchor-button-thumb.jpg) url(../images/blog/crispin-porter-html-test-thumb.jpg) url(../images/blog/firefox-css-hack-thumb.jpg) url(../images/blog/firefox-mac-hack-thumb.jpg) url(../images/blog/internal-popup-example-thumb.jpg) url(../images/blog/iphone-android-lightbox-lightview-internal-popup-thumb.jpg) url(../images/blog/iphone-android-website-example-thumb.jpg) url(../images/blog/javascript-detect-iphone-thumb.jpg) url(../images/blog/safari-css-hack-thumb.jpg) url(../images/blog/apple-touch-icon-iphone-thumb.jpg) url(../images/blog/palm-pre-css-thumb.jpg) url(../images/blog/php-captcha-email-submission-thumb.jpg) url(../images/blog/hide-url-iphone-thumb.jpg) url(../images/blog/mac-osx-hack-thumb.jpg);display:none;}

@media screen and (-webkit-min-device-pixel-ratio:0){
	ul#portfolio-list li.the-blog a .sub{margin:105px 0 0 10px;}
	ul#portfolio-list li a .sub{margin:112px 0 0 10px;}
	#fresh .right{margin-top:-10px;}
}}/*Safari Hack*/