/* base.css */

/*
--------------------------
CSS RESET
--------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before,q:after {content: "";} blockquote, q {quotes: "" "";}


/*
--------------------------
BASIC STRUCTURE
--------------------------
*/
html {background: #f9f9f9 url(../images/bg_header.gif) repeat-x;}

body {background: transparent url(../images/bg_headerall.jpg) no-repeat 50% 0; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: .81em; text-align: center; color: #212930;}

#wrapper {width: 950px; margin: 0 auto;  position: relative; text-align: left;}

#header {width: 950px;}

#content {width: 920px; padding: 0 15px 25px 0;}

body#index #content {width: 950px; padding: 0 0 25px 0;}

#footer {width: 100%; background: #b7e04e url(../images/bg_footer.gif) repeat-x;}

.clear {clear: both;}



/*
--------------------------
FONTS/LINKS
--------------------------
*/
h1, h2, h3, h4, h5, h6 {padding-bottom: 15px;}

h1 {font: 1.69em/1.69em Georgia, serif; color: #6a737c;}

h1.blogtitle {font: 2em/1.25em Tahoma, Geneva, Verdana, sans-serif; color: #80b00b;}
h1.blogtitle, h2 a {padding-bottom: 10px;}
h1.blogtitle a, #recent-news a {color: #80b00b; text-decoration: none !important;}
h1.blogtitle a:visited, #recent-news a:visited {color: #96b059;}
h1.blogtitle a:hover, #recent-news a:hover {color: #80b00b; text-decoration: underline !important;}

h2 {font: 1.25em/normal Tahoma, Verdana, sans-serif; color: #6a737c; padding: 10px 0;}
h2 a {color: #80b00b; text-decoration: none !important;}
h2 a:visited {color: #96b059;}
h2 a:hover {color: #80b00b; text-decoration: underline !important;}
h2.spacing {padding: 0 0 10px 0;}
h2.callus {font:1.5em Tahoma, Verdana, sans-serif; color: #9ca3a9;}
span.number {color:#f56b99;}

h3 {font: 1.38em/1.38em Georgia, serif; color: #6a737c; text-transform: uppercase;}
h3.blogsubhead {font: 1.08em/normal Tahoma, Geneva, Verdana, sans-serif; color: #6a737c; text-transform:none;}

h4 {font: 1.08em/normal Tahoma, Verdana, sans-serif; color: #80b00b; padding-bottom: 5px;}

h5 {font: 1.08em/normal Tahoma, Verdana, sans-serif; color: #999;}
h5 img {vertical-align: text-bottom;}



/* blog byline */
p.byline {font-size: .88em; /*line-height: .85em;*/ color: #999;}

p.standout {font-size: 1.25em; color:#6a737c; padding-bottom:25px;}

p {font: 1em/1.62em Tahoma, Verdana, sans-serif; color: #212930; padding-bottom: 15px;}

em {font-style: italic;}

strong {font-weight: bold; color:#2f3b45;}

blockquote {border: 1px solid #d8d8d8; background: #ebecec; padding: 10px 15px 0; margin-top: 30px;}

/* post-it note */
blockquote#note {border: none; padding: 0; margin: 15px 0 0; width: 228px; font-size: .92em; background: #fbf376 url(../images/img_note_mid.gif) repeat-y;}
blockquote#note p {padding: 0 15px 15px;}
blockquote#note #citation {font-style: normal;}
blockquote#note #top {display: inline-block; width: 228px; height: 29px; margin-bottom: 15px; background: url(../images/img_note_top.gif) no-repeat;}
blockquote#note #bottom {display: inline-block; width: 228px; height: 12px; background: url(../images/img_note_bottom.gif) no-repeat; position: relative; left: 0;}

/* pull to the left, neg right marg to make IE happy */
blockquote#note {position: relative; left: -15px; margin-right: -15px;}


/* img replacement for headings or navigation */
span.img-text {position: absolute; top: -9999px;}

a {color: #0099cc;}
a:link, a:visited {text-decoration: underline;}
a:active, a:hover, a.active {text-decoration: underline;}
a:hover {color: #0bb5ee;}
a:visited {color: #3aa7cc;}

a.what-is-this {font-size: .77em;}

a.read-more {font-size: 1.08em; line-height: 1.69em; font-weight: bold;}

/*
--------------------------
LISTS
--------------------------
*/
ul {color: #212930;}
ul.normallist {list-style-image:none; list-style-type:disc;padding:0 0 0 1.5em;}
ul.normallist li {padding: 0 0 1em 1em;}

/* large bullets */
ul.bullets-lg li {padding: 0 0 0 29px; background: url(../images/img_bullet_lg.gif) no-repeat; line-height:1.63em;}

/* small bullets */
ul.bullets-sm li {padding: 0 0 2px 25px; background: url(../images/img_bullet.gif) no-repeat;}

/* arrow bullets */
ul.arrowbullets li {padding: 0 0 0 25px; margin: .75em 0 .88em 0; background: url(../images/img_bulletarrow.gif) no-repeat;}
ul.arrowbullets {margin-bottom:1.56em;}

/* social networking */
ul#networking {margin-top:5px;}
ul#networking li {padding-bottom: 5px;}

ol {padding:0 0 0 2em;}
ol li {padding: 0 0 1em 1em; line-height:1.38em;}
ul li {line-height:1.5em;}

/* icons */
a.icon {display: block; padding: 3px 0 6px 30px;}
a#rss {background: url(../images/icon_rss.gif) no-repeat;}
a#rss2 {background: url(../images/icon_rss.gif) no-repeat;}
a#facebook {background: url(../images/icon_facebook.gif) no-repeat;}
a#digg {background: url(../images/icon_digg.gif) no-repeat;}
a#technorati {background: url(../images/icon_technorati.gif) no-repeat;}
a#linkedin {background: url(../images/icon_linkedin.gif) no-repeat;}
a#twitter {background: url(../images/icon_twitter.gif) no-repeat;}
a#mandy {background: url(../images/icon_mandy.gif) no-repeat;}
img.msn {vertical-align:middle;}
img.icon {vertical-align:middle;}

/*
--------------------------
MAIN NAVIGATION
--------------------------
*/
#mobile {position:absolute; top:3px; left:3px; color:#fff;}

ul#navigation {height: 48px; padding: 38px 0 40px 20px;}
ul#navigation li {float: left;}
ul#navigation li a {display: block; overflow: hidden; height: 41px; background-repeat: no-repeat; background-image: url(../images/img_nav.gif);}

/* logo */
ul#navigation li#logo {margin-right: 110px;}
ul#navigation li#logo a:link,
ul#navigation li#logo a:visited,
ul#navigation li#logo a:hover {width: 268px; height: 48px; background: url(../images/img_successdesignslogo.gif) no-repeat 0 0 !important;}

/* set widths and background position from the left */
/* grrr @ FF for not supporting background-position-x */
ul#navigation li#home a {width: 61px; background-position: 0 0;}
ul#navigation li#services a {width: 94px; background-position: -61px 0;}
ul#navigation li#why-us a {width: 97px; background-position: -154px 0;}
ul#navigation li#portfolio a {width: 94px; background-position: -252px 0;}
ul#navigation li#articles a {width: 89px; background-position: -346px 0;}
ul#navigation li#contact-us a {width: 97px; background-position: -435px 0;}

/* set visited, hover positions from the top */
ul#navigation li#home a:hover {width: 61px; background-position: 0 -41px;}
ul#navigation li#services a:hover {width: 94px; background-position: -61px -41px;}
ul#navigation li#why-us a:hover {width: 97px; background-position: -154px -41px;}
ul#navigation li#portfolio a:hover {width: 94px; background-position: -252px -41px;}
ul#navigation li#articles a:hover {width: 89px; background-position: -346px -41px;}
ul#navigation li#contact-us a:hover {width: 97px; background-position: -435px -41px;}

/* set .active positions from the top */
ul#navigation li#home a.active {width: 61px; background-position: 0 -123px;}
ul#navigation li#services a.active {width: 94px; background-position: -61px -123px;}
ul#navigation li#why-us a.active {width: 97px; background-position: -154px -123px;}
ul#navigation li#portfolio a.active {width: 94px; background-position: -252px -123px;}
ul#navigation li#articles a.active {width: 89px; background-position: -346px -123px;}
ul#navigation li#contact-us a.active {width: 97px; background-position: -435px -123px;}



/*
--------------------------
COLUMNS
--------------------------
*/
.column {float: left;}
.column.left {width: 645px; padding: 15px 25px 15px 20px; border-right: 1px solid #dfe0e1;}
.column.right {width: 195px; padding: 15px 0 15px 25px;}

.column.right ul {padding-bottom: 20px;}
.column.right ul li {padding-bottom: 10px;}

body#index .column.left {width: 630px; padding: 0;}
body#index .column.right {width: 315px; padding: 0;}



/*
--------------------------
CUSTOM
--------------------------
*/
#intro {width: 942px; padding: 4px; margin-bottom: 35px; position: relative;}
#intro .slide {position: relative; display: block; width: 942px; height: 226px; overflow: hidden;}
#intro .slide .content {width: 380px; position: absolute; left: 527px; top: 65px;}
#intro .slide .content p {line-height: 16px;}
#intro .slide .content a {color: #006699; font-size: 1.15em; line-height: 1.54em;}
#intro .slide .content a:visited {color: #367899;}
#intro .slide .content a:hover {color: #003366;}

#slideshow-nav {width: 50px; position: absolute; top: 205px; left: 890px; z-index: 9999;}

#footer-content {width: 950px; height: 109px; overflow: hidden; position: relative; margin: 0 auto; text-align: left;}
#footer-logo {position: absolute; top: 6px; left: 0;}
#footer-text {position: absolute; top: 38px; left: 260px; width: 670px;}
#footer-text p {font-size: 1em; padding-bottom:0;}
p#footer-nav {color: #669933; line-height: normal; padding-bottom: 5px;}
p#footer-nav a {color: #336600;}
p#footer-nav a:visited {color: #418200;}
p#footer-nav a:hover {color: #003300;}
p#footer-nav a#footer-rss {position: absolute; right: 0; top: -1px; background: url(../images/icon_rss.gif) no-repeat; padding: 3px 0 6px 25px;}
#footer-text p.footersm {font-size:.88em; color:#748e31;}

body#index #intro {height: 226px;}

.imgborder {border:1px solid #CCCCCC;}
/* body#interior #intro {height: 144px;} */

/* homepage */
hr {border: none; border-top: 1px dashed #dfe0e1; margin-bottom: 15px; height: 1px; display: block; clear: both;}
hr.blog {margin-bottom: 25px;}

.column.left .bucket hr {margin: 15px 0 30px;}
.column.right .bucket hr {margin: 15px 0;}

.column.left .bucket {padding: 15px 30px 0 20px;}
.column.right .bucket {padding: 15px 15px 0 30px;}

#successblog {background: url(../images/bg_home_successblog.gif) repeat-x; border-top: 1px solid #dfe0e1; padding-top: 30px; margin-top: 30px;}
#coupon {border: 1px dashed #dfe0e1; padding:0px 10px; background-color:#f5f5f5;margin-top:10px;}
#coupon h2 {color:#ff6600;}
#coupon p {font-size:.88em;}

/*#site-intro {padding-bottom:16px;}*/
#our-services ul {font-size: 1.08em; color: #4a5056; margin-bottom: 10px;}

#work {border: 1px solid white; padding: 15px 30px;}

#recent-work {/*border: 1px solid #dfe0e1;*/ border-left: none; padding: 1px 1px 1px 0;}
#recent-work {background: #e8e8e8; /*padding: 15px 30px;*/}
#recent-work p {text-align: right; padding-right: 3px; padding-bottom: 0;}
#recent-work a {color: #666666;}

#recent-news p {padding-bottom: 0;}
#recent-news {padding-top: 25px;}

#work a:hover {color: #333;}

/* portfolio */
body#portfolio2 h1 {padding-bottom: 10px;}

body#portfolio2 hr {height: 1px; display: block; clear: both;}

body#portfolio2 #content {width: 905px; padding: 15px 15px 25px 20px;}

div.thumb {float: left; clear: left; margin: 0 15px 20px 0;}
.hidden{display:none;}

/* blog */
/*#comment_form label {display: block; width: 50px; text-align:right; float:left; margin-right: 10px;}
#comment_form input, #comment_form textarea {clear:left; margin-bottom: 10px;}*/
.allcomments {border-top: 1px dashed #dfe0e1; margin-bottom:20px;}
.comment {border-bottom: 1px dashed #dfe0e1; padding:15px 15px 0px 15px;}
.commentauthor {border-bottom: 1px dashed #dfe0e1; background-color: #f0fadb; padding:15px 15px 0px 15px;}
p#nocomments {margin-top: 20px;}
.addthis {margin: 10px 0 25px 0;}

/* contact */
ul.fields {padding:20px;border: 1px solid #ccc; background-color: #fff;}
#forms label {display: block; width: 140px; text-align:left; float:left; margin-right: 10px;}
#forms input.text, #forms textarea {margin-bottom: 10px; width:213px; height:24px; border:1px solid #ccc;}
#forms input.keywords {border:1px solid #ccc; width: 365px; margin-bottom:5px;}
#forms textarea {height: auto;}
#forms label.captcha {height: 40px;}
#forms span.required {color:#f00;}
#forms li#submit input.button {width:67px;height:25px;border:none;color:#f9f9f9;background-image: url(/assets/images/btn_submit.gif); background-position: 0 0; cursor: pointer;}
#forms li#submit input.button:hover {background-position: 0 100%;}
#forms li#submit {border-top: 1px solid #ccc; margin-top: 5px; padding-top: 15px; text-align: right;}

#forms li#submit {width: 365px;}

input#searchbutton {width:48px;height:20px;border:none;color:#f9f9f9;background-image: url(/assets/images/btn_search.gif); background-position: 0 0; cursor: pointer; vertical-align: bottom;}
input#searchbutton:hover {background-position: 0 100%;}
input.border {border:1px solid #ccc;}

ul.searchform li {margin-bottom:25px;}
.profile_link {}

/* alignments */
.fleft {float:left; margin: 0 10px 5px 0}
.fright {float:right; margin: 0 0 5px 10px;}
.leaves {float:right; margin: 0 -30px 0 0;}

/* pagination links */
p.pagination {text-align:right;color:#434343;font-size:.83em; font-weight: bold;}
p.pagination a {padding:3px 5px;border:1px solid #9ec7ff;}
p.pagination a:link {text-decoration:none;color:#0082df;}
p.pagination a:visited {text-decoration:none;color:#0082df;}