@charset "UTF-8";

*{padding:0; margin:0; }
body{ background:#bdbdbd url(../images/bg-gradient.gif) repeat-x; background:#FFF; font-family:Helvetica, Tahoma, Arial, sans-serif; font-size:13px; line-height:24px; border-top:7px solid #222; }
.clear{ clear:both; }
#container{ width:980px; margin:auto; background:#FFF; }

a{ color:#1b96ce; }
a:hover{ text-decoration:none; }

#header{ height:170px; background:url(../images/bg-header.gif) repeat-x bottom;}
#header #holder{ width:950px; margin:15px auto; }
#header h1{ margin:5px 0 0 0; width:280px; height:150px; float:left; text-indent:-9999px; background:url(../images/logo.gif) no-repeat; }
#header h1 a{ display:block; height:150px;}
#header ul{ list-style:none; float:right; padding:78px 0 0 0; }
#header ul li{ float:left; clear:none; height:16px; padding:0 10px 0 20px; display:block;}
#header ul li a{ color:#1b96ce; color:#000; text-decoration:none; text-transform:lowercase; font-size:16px; letter-spacing:1px; display:block; padding:5px 12px; }
#header ul li a:hover{ background:#EEE; color:#000; }


#homeimage{ padding:0 15px 30px 0; text-align:center; }
#home-video{ float:right; margin-bottom:20px; }
#home-post{ float:left; width:400px; margin-top:40px; padding:40px 25px 40px 25px; border-bottom:1px solid #CCC; border-top:1px solid #CCC; }
#home-post h2{ font-size:20px; color:#1b96ce; font-weight:normal; }
#home-post p.author{ font-style:italic; font-size:12px; color:#888; line-height:12px; padding:10px 0;}


#banner{ clear:both; }

#content{ padding:0; }
#content h2{ font-size:28px; color:#000; font-weight:normal; padding:5px 0 15px 0;  }
#content h2.indent{ margin-left:20px; }

#content h3{ font-size:20px; color:#1b96ce; font-weight:normal; border-bottom:1px solid #DDD; margin-left:-5px; padding:5px 0 2px 5px; }
#content h3 a{ color:#1b96ce; text-decoration:none; margin-top:20px; }
#content h3 a:hover{ color:#000; text-decoration:none; }

/* Homepage */
#emphasize{ /*background: url(../images/bg-emphasize.gif) bottom repeat-x; */ color:#222; padding:10px 30px 35px; font-size:14px; _font-size:13px; line-height:24px; }
#emphasize a{ /*background:#c0d9ee; padding:2px 7px; text-decoration:none; */ font-weight:bold;}
#main-home{ width:570px; padding:20px 0 30px 0; float:right; }
#sidebar-home{ width:290px; float:left; padding:20px 0 0 25px; }


#main{ width:600px; padding:40px 30px 30px 60px; float:right; color:#333;  background:url(../images/bg-sidebar.gif) left repeat-y; }
#main p{ padding:10px 0; }
#main p a, #main li a{ color:#1b96ce;  }
#main p a:hover, #main li a:hover{ background:#c0d9ee; }
#main ul, #main ol{ padding: 10px 0 0 40px;}
#main blockquote{ padding:5px 20px; background:#EEE; border-top:1px solid #DDD; border-bottom:1px solid #DDD; margin:10px 0; font-style:italic; }
#main img.bio{ float:left; border:3px solid #CCC; margin:0 15px 8px 0; }
#main img.border{ border:3px solid #CCC; }
#main img.thumb{ border:3px solid #CCC; margin:0 3px 3px 0; }
#main #video{ float:right; margin:0 0 20px 20px; }
#main #item{ border-bottom:1px solid #DDD; padding-top:15px; }

#main .blog-image-thumb{ float:left; width:160px; height:160px; margin:0 25px 20px 0; background-position:-50%; }
#main .blog-image{ float:right; padding:0 0 20px 25px; }
#main .blog-summary{ float:right; width:400px; clear:none; }
#main .blog-entry{ border-bottom:1px solid #CCC; margin-bottom:20px; }
#main .blog-entry h3{ border:none; padding-bottom:0; }
#main .blog-entry p.more{ display:block; height:30px; text-align:right; }
#main  p.author{ font-style:italic; font-size:12px; color:#888; line-height:12px; padding:5px 0;}

#main h2.blog{ border-bottom:1px solid #DDD; border-top:1px solid #DDD; padding:15px 0 10px 0; margin-bottom:20px; line-height:36px; }

#main h4{ font-size:16px; color:#1b96ce; }
#main .web-image{ float:left; padding:0 25px 30px 0; }
#main hr{ margin:10px 0 20px; border:none; border-bottom:1px solid #DDD; clear:both; }
#main span.intro{ font-size:18px; color:#888; line-height:28px; }

#main ul.services{ float:left; list-style:none; width:195px; padding:10px 0 0 3px; line-height:24px; }
#main ul.services li{ }


#main #connect a{ background:none; border:none; }

#main img.float-left{ float:left; margin:0 20px 10px 0; }
#main img.float-right{ float:right; margin:0 0 10px 20px; }
#main p a.button { background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right; color: #333; display: block; float: right; height: 24px; margin-right: 6px; padding:0 18px 0 0; /* sliding doors padding */ text-decoration: none; font-size:12px; border:none;}
#main p.more a.button span { background: transparent url(../images/bg_button_span.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; }
#main p.more a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */}
#main p a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} 

#sidebar{ width:240px; float:left; padding:31px 0 0 30px; color:#333;}
#sidebar h3{ color:#000; font-size:16px; font-weight:normal; margin-bottom:7px;}
#sidebar h3 a{ color:#000; text-decoration:none;}
#sidebar h3 a:hover{ color:#222; text-decoration:underline; }
#sidebar em{ color:#888; }
#sidebar p{ padding:10px 0; }
#sidebar p.more{ display:block; text-align:right; padding-right:7px; }
#sidebar p.more a{ padding:2px 5px; background:#c0d9ee; text-decoration:none; color:#333; }

#sidebar ul{ padding:5px 0 10px 0; list-style:none; }
#sidebar ul li{ }
#sidebar ol{ padding:15px 10px 15px 30px; }
#sidebar ol#values{ border-bottom:1px solid #CCC; border-top:1px solid #CCC; }
#sidebar ol#values li{ padding-left:10px;}
#sidebar p a, #sidebar ul li a{ color:#1b96ce;  }
#sidebar p a:hover, #sidebar ul li a:hover{ text-decoration:none; color:#000; }
#sidebar ul li span#author{ display:block; font-size:11px; color:#666; font-style:italic; }


#sidebar #subnav{ list-style:none; }
#sidebar #subnav li{ display:block; }
#sidebar #subnav li a{ text-decoration:none; display:block; padding:8px 0 5px 10px; border-bottom:1px solid #DDD; }
#sidebar #subnav li a:hover{ background:#EEE; }

#sidebar img.profile{ width:120px; height:120px; border:2px solid #CCC; float:left; margin:0 12px 7px 0; }

#sidebar .heading{ font-size:56px;  line-height:56px; color:#1694cc; text-align:right; padding:46px 0 0; }
#sidebar .caption{ text-align:right; font-size:16px; line-height:30px; color:#999; padding:15px 4px 0 0; }

#footer{ height:300px; background:#006288 url(../images/bg-footer.gif) repeat-x; clear:both; color:#c6e3f1; line-height:24px; }
#footer #holder{ width:930px; margin:auto; }
#footer ul{ list-style:none; }
#footer h3{ color:#FFF; font-weight:normal; font-size:18px; }

#footer .left{ float:left; width:400px; }
#footer .right{ float:left; width:525px; }

#footer .video{ width:350px; padding-top:35px; }
#footer .video img{ border:2px solid #EEE; margin-right:15px; float:left; }
#footer .video p{ padding:10px 0 0; }

#footer #articles{ padding-top:30px; }
#footer #articles ul{ padding:15px 0 24px 0; font-size:11px;}
#footer #articles a{ text-decoration:none; color:#FFF; font-size:13px;}
#footer #articles a:hover{ color:#c6e3f1; }

#footer #social{ }
#footer #social ul{ padding-top:50px; }
#footer #social ul li{ float:right; height:48px; text-indent:-9999px; padding-left:20px; }
#footer #social ul li a{ display:block; height:48px;}
#footer #social ul li.facebook{ background:url(../images/social-facebook.gif) no-repeat; width:140px;}
#footer #social ul li.digg{ background:url(../images/social-digg.gif) no-repeat; width:70px;}
#footer #social ul li.twitter{ background:url(../images/social-twitter.gif) no-repeat; width:129px;}
#footer #social ul li.linkedin{ background:url(../images/social-linkedin.gif) no-repeat; width:131px;}

#footer #copyright{ text-align:right; padding:175px 20px 0 0; font-size:11px; }