@charset "UTF-8";

/* CSS Document */



/* ------------ Generic --------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

img { border: none; }

body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 62.5%; background:url(/images/bg.jpg) repeat-x top #4fa248; }

#page { background:url(/images/pagebg.jpg) repeat-x top #4fa248; }

p { font: 1.2em/1.7em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4b4b4b; padding-bottom: 15px; }

a { color: #F90; text-decoration: none; outline: none; }

a:hover { color: #369bc1; text-decoration: none; outline: none; }

h1 { text-align: center; font-size: 2em; color: #FFF; text-align:center; padding-top: 18px; height: 60px; width: 442px; }

.red { background: url(/images/heading.png) no-repeat top; }

.green { background: url(/images/heading-green.png) no-repeat top; }

.blue { background: url(/images/heading-blue.png) no-repeat top; }

.yellow { background: url(/images/heading-yellow.png) no-repeat top; }

h2 { font-size: 1.6em; color: #113d5b; padding: 18px 0 10px 0; }

h3 { font-size: 1.6em; color: #113d5b; padding-top: 6px; }

h4 { font-size: 1.8em; color: #FFF; text-align:center; padding-top: 16px; }

h5 { font: 1.1em/1.4em "Arial Black", Gadget, sans-serif; color: #113d5b; text-transform: uppercase; }

#flash { height: 214px; width: 464px; position:absolute; top: 82px; left: 519px; }

#road { position: absolute; top:555px; left: 422px; z-index:1; }

#logo { position: absolute; top: 72px; left: 247px; }

#pagelogo { position: absolute; top: 68px; left: 253px; }

#tel { position: absolute; top: 145px; left: 188px; }

#pagetel { position: absolute; top: 141px; left: 194px; }

#tel p, #pagetel p { color: #999; }

.tel { font-weight: bold; padding-left:10px; }

.fl { float: left; }

.fr {float: right; }

.bold { font-weight: bold; } 

.gary {float: right; padding-left: 15px; }

.clear { clear: both; }


/* ------------ Nav --------------- */

#nav { width: 372px; height: 33px; position: absolute; top: 23px; right: 22px; text-indent:-8000px;  }

#nav li { display: inline; }

#nav a { margin-right: 5px; display: block; height: 33px; float: left; background: url(/images/nav.png) no-repeat; }

#nav li.home a { background-position: 0 0; width: 83px; }

#nav li.home a:hover, #nav li.home a.active, #nav li.home a.active:hover { background-position: 0px -33px; }

#nav li.portfolio a { background-position: -83px 0; width: 103px; }

#nav li.portfolio a:hover, #nav li.portfolio a.active, #nav li.portfolio a.active:hover { background-position: -83px -33px; }

#nav li.blog a { background-position: -186px 0; width: 83px; }

#nav li.blog a:hover, #nav li.blog a.active, #nav li.blog a.active:hover { background-position: -186px -33px; }

#nav li.contact a { background-position: -269px 0; width: 83px; }

#nav li.contact a:hover, #nav li.contact a.active, #nav li.contact a.active:hover { background-position: -269px -33px; }



/* ------------ Body --------------- */

#wrap { width: 1019px; margin: 0 auto; position: relative; }

#wrapbody { width: 985px; margin: 0 auto; padding-bottom: 30px; }

#header { width: 1019px; height: 907px; }

#pageheader { width: 1019px; height: 330px; position: relative; }




/* ------------ Twitter Feed --------------- */


#twitterbird { position: absolute; top: 168px; left: 52px; z-index:999; }

.tweet { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #113d5b; width: 120px; position: absolute; bottom: 185px; left:15px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; padding: 10px;
  } 
  
.tweet_list li { list-style-type: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; }

.tweet a { color:#6b922e; }

#speech { position: absolute; bottom: 165px; left: 40px; }



/* ------------ Content --------------- */


#breadcrumbs { height: 46px; width: 977px; line-height: 43px; }

#breadcrumbs p { color: #FFF; display: inline; line-height: 43px; padding-right: 5px; font-size: 1.1em; }

#breadcrumbs a { color: #d3ecac; text-decoration: none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.1em; }

#breadcrumbs a:hover { color: #FFF; }

.backlinks { display: inline; }


.button { margin-left: 125px; outline: none; }

.award { float: left; padding: 5px 15px 20px 0; }


.break { background: url(/images/break.jpg) no-repeat top; height: 44px; width:487px; float:left; }

.breakcont { border-left: 4px solid #fff; border-right: 4px solid #fff; width: 443px; background: url(/images/tint4.jpg) top repeat-x #d8d8d8; float: left; padding: 5px 18px 3px 18px; }

.breaksmall { border-left: 4px solid #fff; border-right: 4px solid #fff; width: 443px; background: url(/images/smallgrad.jpg) top repeat-x #d8d8d8; float: left; padding: 5px 18px 3px 18px; }

#leftcol { float: left; width: 487px; margin-right: 10px; }

#leftcol ul { padding: 0 0 15px 30px; }

#leftcol li { list-style-type: circle; font: 1.2em/1.9em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4b4b4b; }

#rightcol { float: left; width: 487px; }

.breaktop { background: url(/images/breaktop.jpg) no-repeat top; height: 19px; width:487px; float:left; }

.breakbottom { background: url(/images/breakbottom.jpg) no-repeat top; height: 15px; width:487px; float:left; }

.contactcol { width: 200px; float: left; padding-right: 20px; margin-bottom: 15px; }

.nopad { padding: 0; }

#team { background-color:#fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 4px solid #FFF; behavior:url(/border-radius.htc); width: 977px; overflow:hidden; }

.fourcol { width: 200px; float: left; padding: 20px 20px 20px 20px; }


/* ------------ Arrows --------------- */


.arrow4, .arrowportfolio, .arrowhor { background:url(/images/arrow4.png) no-repeat top; width: 28px; height: 30px; position:absolute; }

.arrow4 { top: 997px; left: 504px; }

.arrowportfolio { top: 450px; left: 420px;  }

.arrowhor { top: 430px; left: 504px;  }



/* ------------ Home Page Steps --------------- */

.steps { border-left: 4px solid #fff; border-right: 4px solid #fff; width: 479px; background: url(/images/tint4.jpg) top repeat-x #d8d8d8; float: left; padding: 5px 0 5px 0; }

.steps p { font: 1.2em/1.7em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4b4b4b; padding: 10px 18px 0 10px; }





/* ------------ Home Services --------------- */

.webdesign { background: url(/images/webdesign.jpg) no-repeat top; }

.seo { background: url(/images/seo.jpg) no-repeat top; }

.video { background: url(/images/video.jpg) no-repeat top; }

.print { background: url(/images/print.jpg) no-repeat top; }

.ecommerce { background: url(/images/ecommerce.jpg) no-repeat top; }

.cms { background: url(/images/cms.jpg) no-repeat top; }

.info { font: 1.2em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4b4b4b; text-align: center; padding: 155px 15px 10px 15px; }

#services { background: url(/images/tint2.jpg) top #e1e1e1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 4px solid #FFF; behavior:url(/border-radius.htc); width: 977px; height: 331px; position: absolute; top: 568px; left: 16px; }

#services a { color: #FFF; }

.slidermore { margin-left: 27px; }

.webdesignservices { background: url(/images/webdesign-services.jpg) no-repeat top; }

.seoservices { background: url(/images/seo-services.jpg) no-repeat top; }

.videoservices { background: url(/images/video-services.jpg) no-repeat top; }

.printservices { background: url(/images/print-services.jpg) no-repeat top; }

.jcarousel-skin .jcarousel-container-horizontal { width: 940px; padding: 18px 18px 18px 18px; }

.jcarousel-skin .jcarousel-clip-horizontal { width:  940px; height: 295px; }

.jcarousel-skin .jcarousel-item { width: 235px; height: 295px; }

.jcarousel-skin .jcarousel-item-horizontal { margin-right: 0; }

.jcarousel-skin .jcarousel-item-placeholder { background: #fff; color: #000; }

.jcarousel-skin .jcarousel-next-horizontal { position: absolute; top: 130px; right: -20px; width: 70px; height: 64px; cursor: pointer; background: transparent url(/images/button2.png) no-repeat 0 0; }

.jcarousel-skin .jcarousel-next-horizontal:hover { background-position: 0 -64px; }

.jcarousel-skin .jcarousel-prev-horizontal { position: absolute; top: 130px; left: -19px; width: 70px; height: 64px; cursor: pointer; background: transparent url(/images/button.png) no-repeat 0 0; }

.jcarousel-skin .jcarousel-prev-horizontal:hover { background-position: 0 -64px; }


/* ------------ Page Services --------------- */


#pageservices { background: url(/images/servicesbg.jpg) top #e1e1e1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 4px solid #FFF; behavior:url(/border-radius.htc); width: 977px; height: 82px; position: absolute; top: 240px; left: 16px; }

#pageservices a { color: #FFF; }

.jcarousel-skin-tango .jcarousel-container-horizontal { width: 940px; padding: 18px 18px 18px 18px; }

.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  940px; height: 52px; }

.jcarousel-skin-tango .jcarousel-item { width: 235px; height: 52px; }

.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 0; }

.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 16px; right: -20px; width: 70px; height: 64px; cursor: pointer; background: transparent url(/images/button2.png) no-repeat 0 0; }

.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: 0 -64px; }

.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 16px; left: -19px; width: 70px; height: 64px; cursor: pointer; background: transparent url(/images/button.png) no-repeat 0 0; }

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: 0 -64px; }



/* ------------ Teaser --------------- */


.teaser { width: 136px; height: 136px; overflow: hidden; position: relative; cursor: pointer; float: left; margin: 0 6px 10px 5px; }

.teaser img, .twodrop img { position: absolute; top: 0; left: 0; z-index:999; }

.twodrop { width: 204px; height: 136px; overflow: hidden; position: relative; cursor: pointer; margin: 0 7px 10px 8px; float: left; }




/* ------------ Feed Area --------------- */

#webfeed { font-size: 1.1em; clear: left; float: left; width: 985px; height: 34px; padding-top: 16px; }

#webfeed a { color: #d3ecac; text-decoration: none; float: left; width: 25%; text-align: center; }

#webfeed a:hover { color: #FFF; }




/* ------------ Feed Slider --------------- */

#portfolio { background:url(/images/mac.png) no-repeat top; width: 466px; height: 272px; float: left; margin: 20px 0 20px 20px; position: relative; }

#banner { position: absolute; top:-30px; left:-31px; z-index:999; }

#slider { width:343px; height:218px; overflow:hidden; position: absolute; top: 20px; left: 61px; }

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

#slider li { width:343px; height:218px; overflow:hidden; }

#prevBtn a, #nextBtn a { text-indent:-8000px; width:25px; height:24px; position: absolute; left:5px; top:120px; background: url(/images/prev.png) no-repeat top; display:block; outline: none; }

#nextBtn a { left:435px; background: url(/images/next.png) no-repeat top; }

.marketing { width: 220px; float: left; margin: 25px 0 0 30px; background: url(/images/feed.gif) no-repeat top left; padding-top: 40px; }

.marketing p a { color: #c87e2f; }

#feed { background: url(/images/tint3.jpg) top repeat-x #e1e1e1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 4px solid #fff; behavior:url(/border-radius.htc); width: 977px; clear: left; float: left; margin-bottom: 30px; }

#twitter { position: absolute; top: 45px; left: 830px; }

#facebook { position: absolute; top: 112px; left: 743px; }

#linked { position: absolute; top: 180px; left: 830px; }

#follow { position: absolute; top: 5px; left: 743px; background: url(/images/follow.gif) no-repeat top left; width: 105px; height: 16px; }

#feed a { color: #F90; text-decoration: none; outline: none; }

#feed a:hover { color: #369bc1; text-decoration: none; outline: none; }



/* ------------ Footer --------------- */

#footer { background: url(/images/footer.jpg) repeat-x top #113d5b; clear: left; padding: 50px 0 30px 0; }

#footerwrap { width: 925px; margin: 0 auto; border-top: 1px solid #00dff6; border-bottom: 1px solid #00dff6; padding: 0 10px 25px 10px; overflow:hidden; }

.col { width: 165px; float: left; padding: 0 10px; }

#footer ul { }

#footer li { padding: 5px 0; border-bottom: 1px dotted #00dff6; list-style-type: none; }

#footer li a { font: 1.1em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; }

#footer li a:hover { font: 1.1em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #00dff6; }

h6 { font: 1.1em/1.4em "Arial Black", Gadget, sans-serif; color: #00dff6; text-transform: uppercase; padding: 20px 0 8px 0; }

#footer p { font: 1.1em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; padding: 0; }

#footer a { color: #00dff6; text-decoration: none; outline: none; }

#footer a:hover { color: #F90; text-decoration: none; outline: none; }




/* ------------ Contact --------------- */


#contact p { padding: 0; color:#000; }

#contact input { margin-bottom: 12px; padding: 5px;  border: #ccc solid 1px; }

#contact textarea { margin-bottom: 12px; padding: 5px; border: #ccc solid 1px; }

#contact input:focus, #contact textarea:focus { border: 2px solid #8ebc40; }

#contact select { margin-bottom: 10px; padding: 2px; }

.submit { padding-top: 15px; }



/* ------------ Blog --------------- */


.sidebar { width: 150px; float: left; margin-left: 30px; padding: 0 30px 10px 0; border-right: 1px dotted #666; }

.sidebar li { list-style-position:inside; list-style-type:disc; color:#000; }

.sidebar a { color:#666; font: 1.3em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; }

.sidebar a:hover { color:#F90; }

label { font: 1.2em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; }