body { margin: 0px; padding: 0px; background: #e5e5e5 url(../images/bg.jpg) top center no-repeat; font-family: 'Lucida Grande','Lucida Sans Unicode',sans-serif; color: #555; }

#thumbs .box { float: left; width: 183px;}

#thumbs .box img { width: 183px; margin-bottom: -5px; }

p.spacer { margin: 0 0 14px 0; padding: 0; }

#latest-tweets-container { float: left;width: 892px; padding: 14px; background-color: #ccc; margin-bottom: 40px;border-radius: 8px;-moz-border-radius: 8px; -webkit-border-radius: 8px;font-size: 12px; }

.latest-tweets-left {float: left; width: 108px;}

.latest-tweets-right { float: right; width: 784px; }

ul.tweets { margin: 0; padding:0; }

ul.tweets li { display: inline; }

.latest-tweet { font-size: 14px; }

.tweettime {font-size: 10px; margin: 0 0 0 5px; color: #999; }

.about-container {float: left; width: 608px; margin-bottom: 40px;}

ul.about { margin: 14px 0 0 0; padding:0; width: 50%; list-style: none; float: left; }

ul.about li {margin:0; padding:0; }

.seth-container, .marc-container, .aaron-container, .angie-container, .brad-container, .jason-container { width: 608px; display: none; }

.seth, .marc, .aaron, .angie, .brad, .jason { color: #2398C9; cursor: pointer;}

img { border: 0; padding: 0; margin: 0; }

img.example { border: 7px solid #ccc; width: 180px; }

.examples { float: left; border-bottom: 1px dashed #ccc; padding: 24px 0; }

div:hover.examples { background-color: #F5F5F5; }

ul.quick-links { list-style: none; margin: 0; padding: 0; }

ul.quick-links li { margin-bottom: 12px; line-height: 16px; font-size: 12px;}

ul li { margin-bottom: 10px; }

#wrapper {
height: auto !important;
margin: 0 auto;
min-height: 100%;
}

#signup-social { /*position: fixed; top:0;*/ height: 30px; background: /*url(../images/bannerbg.jpg)*/ top center repeat-x #333; }

.signup-social-content { width: 920px; display: block; margin: 0 auto; padding: 0 20px; font: 12px/30px 'Lucida Grande','Lucida Sans Unicode',sans-serif; color: #ccc; }

.signup-social-content a { color: #b4d45d; font-weight: bold; text-decoration: underline; }

.signup { width: 60%; height: 30px; float: left; }

.signup input.input { width: 100px; height: 10px; }

.signup input.button { }

.social { width: 600px; height: 30px; float: right; text-align: right; font-size: 12px; color: #666; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: .03em; font-weight: 400;}

.social ul.icons { list-style: none; line-height: 30px; float: none; display: inline;  }

.social ul.icons li a img { padding: 5px 0; margin: 0; float: left;}

.social ul.icons li  { float: right; display: inline; padding-left: 5px; }

#masthead {
height: 100px;
}

.masthead-content {
display: block;
margin: 0 auto;
padding: 0 14px;
width: 920px;
font: 11px/14px 'Lucida Grande','Lucida Sans Unicode',sans-serif;
color: #333;
}

#banner {
margin: 18px 18px;
}

.banner-content {
display: block;
margin: 0 auto;
width: 920px;
/*background: url(../images/hero-shadow.png) bottom center repeat-x;*/
padding: 0 14px 14px;
}

.banner-content2 {
display: block;
margin: 12px auto 14px;
width: 880px;
padding: 20px;
height: 460px;
/*background: #2398C9;*/
background: #6cbbdc url(../images/banner-bg.jpg) top center repeat-x;
color: #fff;
text-shadow: 1px 1px #1c6786;
}

.banner-content1 {
display: block;
margin: 14px auto 40px;
width: 920px;
padding: 0 20px;
height: 520px;
color: #333;
border-top: 1px solid #ccc;
}

.banner-content3 {
display: block;
margin: 14px auto 40px;
width: 920px;
padding: 0 20px;
height: 635px;
color: #333;
border-top: 1px solid #ccc;
overflow:hidden;
}

h2.tagline1 { text-align: center; width: 960px; height: 77px;font-family: 'Oswald', sans-serif;font-size: 36px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; background: url(../images/tagline-bg.png) no-repeat; position: relative; left: -40px; padding-top: 10px; text-shadow: 1px 1px #041e29; }

h2.tagline { text-align: center; width: 920px; font-family: 'Oswald', sans-serif;font-size: 50px; color: #2398C9; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; padding: 40px 0; }

.get-creative { text-align: center; width: 920px; font-family: 'Oswald', sans-serif;font-size: 42px; color: #000; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; padding: 20px 0; border-top: 1px solid #ccc; margin:0 auto; display:block; }

h2.tagline span { color: rgba(0, 0, 0, 0.2); text-shadow: none; }

.banner-left, .banner-right {
margin-top: -10px;
}

.banner-left {
float: left;
width: 440px;
text-align: left;
height: 310px;
}

.banner-right1 {
float: right;
background: #1c6786; padding: 10px;
-moz-border-radius: 5px;
width: 420px;
font-family: 'Oswald', sans-serif;font-size: 21px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; text-shadow: 1px 1px #041e29;
text-align:center;
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}

.banner-right {
float: right;
background: #333; padding: 10px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
width: 420px;
font-family: 'Oswald', sans-serif;font-size: 21px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; text-shadow: 1px 1px #041e29;
text-align:center;
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}

.banner-right a.port, .banner-right a.port:hover {
color: #fff;
text-decoration:none;
}

#slideshow img {
background: #fff; padding: 10px;
}

#slideshow {
margin-bottom: 8px;
}

.banner-left ul {
list-style: none;
padding:0;
margin:0px 0 20px 30px;
}

.banner-left ul li {
padding:10px 10px 10px 30px;
margin:0;
font-size: 24px;
border-bottom: 0px dotted #1c6786;
background: url(../images/check.png) left center no-repeat;
}

.banner-left ul li.last {
border-bottom: none;
background: none;
}

.main-content {
display: block;
margin: 0 auto;
padding: 0 14px;
width: 920px;
font: 14px/20px 'Lucida Grande','Lucida Sans Unicode',sans-serif;
color: #555;
}

.footer-content {
display: block;
margin: 0 auto;
padding: 0px 0;
width: 920px;
color: #999; text-align: left;
font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: .03em; font-weight: 400;
height: 100px;
}

.footer-content a { color: #999; font-size: 12px; }

#logo { width: 307px; float: left; height: 90px; margin-top: 10px;}

h1 { text-decoration: none; border: 0; width: 307px; height: 90px; margin: 0; padding: 0; background: url(../images/dadm-logo.png) no-repeat 0 0; }

h1 a { display: block; height: 90px; text-indent: -9999px; }

h2 { color: #333; font: 26px 'Oswald',sans-serif; margin: 0 0 18px 0; }

h3 { color: #333; font: bold 14px 'Lucida Grande','Lucida Sans Unicode',sans-serif; margin: 0 0 14px 0; }

h4 { color: #333; font: bold 14px 'Lucida Grande','Lucida Sans Unicode',sans-serif; margin: 0 0 14px 0; }

#address { width: 412px; font: 12px/14px 'Lucida Grande','Lucida Sans Unicode',sans-serif; color: #666; float: right; text-align: right; margin-top: 10px; text-transform: uppercase; }

#address a { color: #666; }
#address a:hover { color: #2398C9; text-decoration: none; }

#masthead-right {float:right; width: 612px; height: 90px; margin-top: 10px; /*background: url(../images/nav-bg.png) top center repeat-x;*/}

#main {
height: auto !important;
min-height: 100%;
}

#footer {
margin: 40px 0 24px;
background-color: none;
}

div#colleft { width: 600px; float: left; }

div#colright { width: 280px; float: right; }

ul.footer-nav { list-style: none; margin: 0; padding: 0; }

ul.footer-nav li { display: inline; }

ul.footer-nav li a { color: #999; font-size: 12px; text-decoration: none; padding: 0 14px; }

ul.footer-nav li a:hover { color: #666; }

A:link {text-decoration: none; color: #2398C9;}
A:visited {text-decoration: none; color: #2398C9;}
A:active {text-decoration: none; color: #2398C9;}
A:hover {text-decoration: underline; color: #2398C9;}

#left-col-index { float: left; width: 267px; background: url(../images/bg-grey2.gif) bottom center repeat-x #FFF; padding: 14px;font-size: 14px; height: 180px; border-bottom: 2px solid #ddd; border-right: 2px solid #ddd; font-size: 12px; }

#mid-col-index { float: left; width: 267px; background: url(../images/bg-grey2.gif) bottom center repeat-x #FFF; padding: 14px; margin-left: 14px;font-size: 14px; height: 180px; border-bottom: 2px solid #ddd; border-right: 2px solid #ddd; }

#left-col { float: left; width: 608px; background: url(../images/bg-grey2.gif) bottom center repeat-x #FFF; padding: 20px; border-bottom: 2px solid #ddd; border-right: 2px solid #ddd; }

#right-col { float: right; width: 226px; background: url(../images/bg-grey2.gif) bottom center repeat-x #FFF; padding: 14px; margin-left: 14px; font-size: 12px; line-height: 18px; border-bottom: 2px solid #ddd; border-right: 2px solid #ddd; }

#right-col-index { float: right; width: 267px; background: url(../images/bg-grey2.gif) bottom center repeat-x #FFF; padding: 14px; margin-left: 14px;font-size: 14px; height: 180px; border-bottom: 2px solid #ddd; border-right: 2px solid #ddd; }

.col-link { margin-top: 14px; }

.col-link a { font-weight: bold; }

.icon { float: right; margin: 0px 0 0 14px; }

.quote { font: italic 18px/24px Georgia,Times New Roman,Times,serif; }

.webdesign-container, .maintenance-container, .ppc-container, .seo-container, .design-container, .ecom-container, .email-container, .crm-container, .socialmm-container { width: 608px;}

.webdesign-container { display: block; }

.webdesign, .maintenance, .ppc, .seo, .design, .ecom, .email, .crm, .data { color: #FFF; background-color: #af5523; display: inline; width: 10px; padding: 0 3px; cursor: pointer;}

.ribbon { background: url(../images/ribbon.png) no-repeat; width: 264px; height: 38px; position: relative; top: 0; left: -28px; margin: 24px 0 10px 0; font: 16px/28px 'Oswald',sans-serif; color: #FFF; padding-left: 28px; text-shadow: #af5523 1px 1px; z-index: 999; }

.ribbon1 { background: url(../images/ribbon.png) no-repeat; width: 264px; height: 38px; position: relative; top: 0; left: -22px; margin: 0px 0 6px 0; font: 16px/28px 'Oswald',sans-serif; color: #FFF; padding-left: 22px; text-shadow: #af5523 1px 1px; z-index: 999; }

.ribbon-long { background: url(../images/ribbon2.png) no-repeat; width: 464px; height: 38px; position: relative; top: 0; left: -28px; margin: 24px 0 10px 0; font: 16px/28px 'Oswald',sans-serif; color: #FFF; padding-left: 28px; text-shadow: #af5523 1px 1px; z-index: 999; }

.ribbon-long2 { background: url(../images/ribbon3.png) no-repeat; width: 620px; height: 38px; position: relative; top: 0; left: -28px; margin: 24px 0 10px 0; font: 16px/28px 'Oswald',sans-serif; color: #FFF; padding-left: 28px; text-shadow: #af5523 1px 1px; z-index: 999; }

.ribbon, .ribbon1, .ribbon-long, .ribbon-long2 { letter-spacing: .03em; }

.webdesign, .maintenance, .ppc, .seo, .design, .ecom, .email, .crm, .data { font-family: arial; }

/* Main Nav */

#nav { width: 610px; height: 33px; clear: both; float: right;  }

ul.nav { list-style: none; margin: 0; padding: 0; float: right; }

ul.nav li { float:left; }

ul.nav li a { color: #666; font: 16px/33px 'Oswald',sans-serif;padding: 0 22px; text-align: center; display: block; border-right: 0px solid #e5e5e5;margin: 0 2px; /*background-color: #999;*/ border-top: 4px solid #ccc; font-weight: 400; }

ul.nav li.last a { border-right: 0; }

ul.nav li a:hover { /*background-color: #f88b2a;*/ background-color: none; color: #333; text-decoration: none; border-top: 4px solid #f88b2a; }
ul.nav li.last a:hover { /*background-color: #f88b2a;*/ background-color: none; text-decoration: none; border-top: 4px solid #f88b2a; }

ul.nav li a.active { color: #333; text-decoration: none; border-top: 4px solid #f88b2a; }

/* Page Nav */

#page-nav { width: 610px; float: left; height: 30px; border-bottom: 1px dotted #999; margin-bottom: 14px;}

ul.page-nav { list-style: none; margin: 0; padding: 0;  }

ul.page-nav li { float:left; }

ul.page-nav li a { color: #2398C9; font: bold 14px Arial, Helvetica, sans-serif; width: 100px; padding: 0 20px 0 0; text-decoration: none; }

ul.portfolio { display:inline; list-style: none; }
ul.portfolio li { float: left; width: 275px; padding: 8px; height: 290px; text-align: center;}
ul.portfolio li img { width: 275px; height: 180px; margin-bottom: 10px; border: 1px solid #999; }
ul.portfolio li h2,ul.portfolio li h3,ul.portfolio li h4 { margin: 0 0 10px 0;}
ul.portfolio li h2 { font: italic 18px Georgia; }

/* WRAPPERS */

#jeffbridges_wrapper, #donny_wrapper, #richharvest_wrapper, #aaronlewis_wrapper, #markballas_wrapper, #hulkhogan_wrapper, #wilsonphillips_wrapper, #karadioguardi_wrapper, #trunk_wrapper, #lit_wrapper, #christmascarol_wrapper, #rockthesoap_wrapper, #cult_wrapper, #fuel_wrapper, #sylvia_wrapper, #anthrax_wrapper, #buckcherry_wrapper, #debbieharry_wrapper, #rayrobby_wrapper, #staind_wrapper { display: none; width: 100%; height: 100%; z-index: 9997; background-color: #000; position: fixed; top: 0; left: 0; opacity:0.7;filter:alpha(opacity=70); }

#jeffbridges_target, #donny_target, #richharvest_target, #aaronlewis_target, #markballas_target, #hulkhogan_target, #wilsonphillips_target, #karadioguardi_target, #trunk_target, #lit_target, #christmascarol_target, #rockthesoap_target, #cult_target, #fuel_target, #sylvia_target, #anthrax_target, #buckcherry_target, #debbieharry_target, #rayrobby_target, #staind_target { display: none; width: auto; background-color: #fff; z-index: 9998; position: fixed; top: 50%; left: 50%; margin-left: -150px; margin-top: -200px;padding: 10px; text-align: center; }

#jeffbridges_target span, #donny_target span, #richharvest_target span, #aaronlewis_target span, #markballas_target span, #hulkhogan_target span, #wilsonphillips_target span, #karadioguardi_target span, #trunk_target span, #lit_target span, #christmascarol_target span, #rockthesoap_target span, #cult_target span, #fuel_target span, #sylvia_target span, #anthrax_target span, #buckcherry_target span, #debbieharry_target span, #rayrobby_target span, #staind_target span  { width: auto; text-align: center; font: 12px Arial, Helvetica, sans-serif; cursor: pointer; margin-top: 8px; display:block; font-weight: bold; }