@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; }
body { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:20px; color:#444444; margin:0 auto; background:url('http://www.sugarsock.com/images/2010/201008-sugarsock-header2.jpg') repeat-x #FFFFFF; }
a { color:#4e83f7; text-decoration:none; }
p {margin-bottom:15px; }
.quick-links a:hover, .final-thought-content a:hover { border-bottom:1px dotted #edbc78; }
img { border:none; }
a.plain-link { color:#000000; }

.clear-both { clear:both; height:5px; overflow:hidden; }
.clear-both-rule { clear:both; height:2px; margin-bottom:5px; overflow:hidden; border-bottom:1px solid #cccccc; }

#header { height:75px; width:1000px; margin:0 auto; }
#header img { border:none; }
#page-content-divided { border-top:3px double #CCCCCC; width:1000px; margin:0 auto; padding-top:20px; }
#logo { width:420px; float:left; margin:0; }
#header-nav { width:580px; float:right; margin:50px 0 0 0; text-align:right; }
#header-nav ul li { display:block; float:right; margin:0 0 -5px 5px; width:84px; height:25px; background:url('http://www.sugarsock.com/images/2010/201004-nav-tab-blue2.png') no-repeat; text-align:center; font-family:'Tahoma', Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; list-style-type:none; padding-top:3px; }

#header-nav ul li a { color:#FFFFFF; text-decoration:none; }
#header-nav ul li a:hover { color:#FFFFFF; border-bottom:1px dotted #FFFFFF; }

#mini-header { width:1000px; margin:5px auto; }
#mini-header ul li { display:block; float:left; margin: 0 15px 0 0; list-style-type:none; font-family:"Times New Roman", Times, serif; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
#mini-header ul li.title { font-style:italic; font-weight:bold; }
#mini-header ul li a { color:#000000; text-decoration:none; }
#mini-header ul li a:hover { border-bottom:1px dotted #666666; }

#page-content { margin:0 auto; width:1000px; }

#hello { width:400px; height:368px; float:left; border-top:3px double #CCCCCC; border-bottom:3px double #CCCCCC; }
#hello-content { margin:40px 25px 30px 25px; }
#hello p.hello { margin-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; color:#6666666; text-transform:lowercase; font-weight:normal;margin-bottom:10px;  }
#hello p.hello a { color:#6666666; text-decoration:none; border-bottom:1px dotted #999999; }
#hello h1 {font-size:18px; font-weight:normal; line-height:24px; margin-bottom:15px; }
#portfolio-featured-description h1, #portfolio-section-features h2, h1.portfolio-section-title { font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; color:#999999; text-transform:lowercase; margin-bottom:10px; line-height:26px; font-weight:normal; }
#portfolio-featured-description h2.section-link {font-size:16px; line-height:22px; margin:0 0 -20px 0; }
#hello p { font-size:16px; line-height:25px; margin-bottom:20px;  }
#hello a { color:#4e83f7; }
#portfolio-featured-description h2, #portfolio-section-features h3, h2.portfolio-section-title { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#999999; text-transform:lowercase; margin-bottom:10px; line-height:20px; font-weight:normal; }
h3.project-title { font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#999999; text-transform:lowercase; margin-bottom:10px; margin-top:20px; line-height:32px; font-weight:normal; }
h2 {padding-bottom:5px; }

#featured-photo { width:600px; float:right; background-color:#CCCCCC; }
#featured-photo-content { margin:3px; }  

#photo { width:550px; height:368px; float:left; margin-bottom:3px; }
#more-photos { width:39px; float:right; text-align:center; text-transform:uppercase; margin-top:25px; }
#more-photos a { color:#666666; }
#more-photos a:hover { color:#FFFFFF; }

#blog-box { width:254px; float:left; margin:0; height:325px; overflow:hidden; }
#blog-box-content { margin:0; }

#blog-box-content h2.bloglink { font-family:"Times New Roman", Times, serif; font-size:12px; font-style:italic; text-transform:uppercase; letter-spacing:1em; text-align:center; margin:5px auto; padding-bottom:10px; border-bottom:1px solid #CCCCCC; color:#000000; }
#blog-box-content h2, h2.blog-entry-summary-title { font-size:18px; line-height:26px; color:#3d7b94; font-weight:normal; margin:20px 0 10px 0; }
#entries-column h2 { font-size:20px; line-height:28px; color:#3d7b94; font-weight:normal; margin:20px 0 0 0; }
.asset-body { margin-bottom:40px; }

p.byline { font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:11px; text-transform:uppercase; color:#999999; margin-bottom:10px; }
.vertical-divider { width:3px; float:left; height:325px; background:url('http://www.sugarsock.com/images/2010/vertical-divider.jpg') repeat-x; margin:0 10px 0 10px; }
.vertical-divider-services { width:3px; float:left; height:250px; background:url('http://www.sugarsock.com/images/2010/vertical-divider.jpg') repeat-x; margin:0 10px 0 10px; }

#web-design-box, #print-design-box { float:left; width:350px; height:325px; overflow:hidden; }
#web-design-box-content, #print-design-box-content { margin:0; }
#web-design-logo, #print-design-logo { float:left; margin:0 10px 0 0; }

.quick-links { float:left; width:209px; margin:0; text-align:center; }
.quick-links h1 { font-size:11px; letter-spacing:.5em; text-transform:uppercase; color:#999999; margin-bottom:15px; padding:5px 0 10px 0; border-bottom:1px solid #CCCCCC; font-weight:normal; }
.quick-links p { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; line-height:13px; }
.quick-links a:hover { border-bottom:1px dotted #3d7b94; }

.featured-project { background-color:#CCCCCC; }
.featured-project-image { overflow:hidden; height:150px; overflow:hidden; }
.featured-project-image img { width:350px; }

.caption { padding:3px 7px 5px 0; text-align:right; color:#999999; }
.caption a { color:#666666; border-bottom:1px dotted #666666; }
.caption a:hover { color:#FFFFFF; border-bottom:1px dotted #FFFFFF; }

.service-box { width:232px; height:250px; overflow:hidden; float:left; }
.service-box-content { margin:10px; font-size:14px; }
.service-box-content h2 { text-transform:uppercase; font-size:11px; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:bold; letter-spacing:.5em; text-align:center; margin-bottom:5px; padding-bottom:5px; border-bottom:1px dotted #999999; }
.service-box-content img { width:212px; }
.services-links { font-family:"Times New Roman", Times, serif; font-size:10px; text-transform:uppercase; letter-spacing:.1em; text-align:center; margin-bottom:5px; }
.services-links a { color:#000000; }
.services-links a:hover { border-bottom:1px dotted #000000; }
p.client { padding-top:10px; }

#portfolio-featured-description {width:190px; float:left; margin:0 10px 0 0; }
#portfolio-featured-piece {width:800px; float:right; margin:0 0 10px 0; }
.portfolio-entry-summary {width:240px; float:left; margin:0 10px 10px 0; }
.portfolio-entry-content {margin:0 0 0 0; padding-bottom:0; }
#portfolio-section-features {margin:10px 0 0 0; padding-top:5px; padding-bottom:5px; border-top:1px solid #999999; }
.details-divider {height:5px; border-bottom:1px dotted #999999; margin-bottom:5px; }
#entry-details {border-top:1px dotted #CCCCCC; margin-top:10px; padding-top:10px; }

#entries-column {width:550px; float:left; margin:0 10px 10px 0; }
#entries-column h1.portfolio-section-title { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #999999; }

#blog-sidebar {width:390px; float:right; padding-left:20px; border-left:3px double #666666; }
#beta, #gamma {width:175px; float:left; margin:0; }
#beta {margin-right:10px; }}

.widget-archive { margin:0 0 10px 0; padding-bottom:10px; border-bottom:1px solid #666666; }
h3.widget-header { font-weight:normal; }
.widget-content {margin-bottom:10px; }
.widget-content ul li, .archive-content ul li {list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:12px; text-transform:uppercase; color:#999999; }
.widget-content ul li:before, .archive-content ul li:before {content:'» '; }

#case-study-description {font-size:18px; line-height:23px; border:1px dotted #CCCCCC; padding:5px; }

.final-thought { width: 100%; height:20px; position: relative; top:20px; border-top:1px solid #CCCCCC; text-align:center; text-transform:uppercase; letter-spacing:.5em; font-size:9px; color:#999999; }
.final-thought-bottom { width: 100%; height:40px; position: relative; border-top:1px solid #CCCCCC; text-align:center; text-transform:uppercase; letter-spacing:.5em; font-size:9px; border-bottom:3px double #CCCCCC; color:#cccccc; }
.final-thought-content { padding:10px; margin-top:-3px; }
.final-thought-bottom-content { padding:10px; margin-top:0; }
.normal { letter-spacing:0; text-transform:none; }

#hello .final-thought .final-thought-content a { color:#999999; }
#hello .final-thought .final-thought-content a:hover { color:#999999; border-bottom:1px dotted #999999; }
.final-thought-bottom a { color:#999999; }

#footer { margin:20px 0 0 0; height:300px; background:url('http://www.sugarsock.com/images/2010/201008-sugarsock-footer2.jpg') repeat-x; }
#footer-content {width:1000px; margin:0 auto; }

.footer-column { width:250px; height:300px; float:left; padding-top:10px; }
#footer h3 { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:9px; display:block; float:left; clear:both; text-transform:uppercase; width:119px; text-align:right; margin-right:5px; padding-right:1px; }
/* background-color:#CCCCCC;opacity:0.6;filter:alpha(opacity=60); } */
#footer ul { font-family:Arial, Helvetica, sans-serif; font-size:9px; list-style-type:none; color:#999999; float:right; display:block; width:125px; line-height:17px; }
#footer ul li a { color:#000000; }
#footer ul li a:hover { border-bottom:1px dotted #666666; }