/* GENERAL STYLES 

blue: #2462AA;
orange: #FFC20E;
*/
* {padding: 0; margin: 0; outline: none;}
body {text-align: center; background: #220f09; font-family: "Lucida Grande", helvetica, Arial, verdana, sans-serif; font-size: 11px; color: #333;}
p, #left_content li {line-height: 23px; margin: 10px;}
button {cursor:pointer; border:0; background: none; text-align: left;}
.hide {display: none;}
.clear {clear: both;}
a {outline: none;}
a img {border: none;}
a:link, a:visited {text-decoration: none; color: #2462AA;}
a:hover, a:active {text-decoration: none; color: #FFC20E;}
.left49 {float: left; width: 49%;}
.right49 {float: right; width: 49%;}
li {list-style: none;}
h1, h2, h3 {font-weight: normal; font-family: georgia, times, "Times New Roman", Serif; font-size: 20px; color: #2462AA; margin: 10px 5px;}
.small {font-size: 11px;}

/* LAYOUT */
#top, #middle, #bottom, #footer {width: 100%; padding: 20px 0; clear: both;}
#top {background: #fff url(../images/wood.jpg) 0 0 repeat-x; padding: 0;}
#middle {background: #fff; border-bottom: 1px solid #cac7c5; min-height: 200px; padding-top: 40px;}
#bottom {background: #F2EFE6; border-bottom: 3px solid #ccc;}
.container {width: 900px; text-align: left; margin: 0 auto;}
#header {height: 165px;}
#logo {position: absolute; top: 26px;}
#footer .container {padding-bottom: 30px;}
.col_1, .col_2, .col_3 {float: left; width: 270px; margin-left: 35px;}
.col_1 {margin-left: 10px;}
.scroll_left {float: left; width: 470px;}
.scroll_right {float: right; width: 416px; margin-right: 0;}
#left_content {float: left; width: 570px;}
#right_content {float: right; width: 280px; margin-right: 10px;}
form.campaign_monitor {margin: 5px 0 0 45px; }
#right_content form.campaign_monitor {margin-left: 10px;}
form.campaign_monitor label {color: #2462AA; display: block;}
form.campaign_monitor input {width: 150px; margin: 5px 0; padding: 5px; }
form.campaign_monitor button {background: #eaeaea; border: 1px solid #2462AA; color: #2462AA; padding: 5px; width: 165px; cursor: pointer; font-size: 14px; text-transform: uppercase; text-align: center;}
/*TEXT*/

#logo h1 {width: 373px; height: 87px; text-indent: -99999px;}
#logo h1 a {display: block; width: 373px; height: 87px; background: transparent url(../images/logo.png) 0 0 no-repeat;}
#middle h3 {font-style: italic;}
#bottom h2 {font-size: 17px; font-style: italic;}
.scroll_item p {font-size: 19px; margin-left: 10px; line-height: 30px; color: #555;}
p.scroll_detail {font-size: 11px;}
#bottom h2#h2_design, 
#bottom h2#h2_seo, 
#bottom h2#h2_email {padding-left: 42px; background: transparent url(../images/h2_design.gif) 0 5px no-repeat; line-height: 40px; font-size: 17px; text-transform: lowercase;}
#bottom h2#h2_seo {background: transparent url(../images/h2_seo.gif) 0 5px no-repeat;}
#bottom h2#h2_email {background: transparent url(../images/h2_email.gif) 0 5px no-repeat;}
#footer h3 {color: #f2efe6; margin-left: 0px; font-style: italic; font-size: 15px;}
#footer li {color: #2462aa; padding-left: 15px; background: transparent url(../images/li.gif) 0 6px no-repeat; line-height: 22px; margin: 0 5px;}
#left_content li {padding-left: 15px; margin: 10px 10px 10px 30px;  background: #fff url(../images/main_li.gif) 0 6px no-repeat;}
ul#connect li#li_twitter, ul#connect li#li_linkedin,  ul#connect li#li_phone, ul#connect li#li_worksheet {line-height: 35px; padding-left: 40px; background: transparent url(../images/li_twitter.jpg) 0 3px no-repeat;}
ul#connect li#li_linkedin {background: transparent url(../images/li_linkedin.jpg) 0 3px no-repeat;}
ul#connect li#li_phone {background: transparent url(../images/li_phone.jpg) 0 3px no-repeat;}
ul#connect li#li_worksheet {background: transparent url(../images/li_worksheet.jpg) 0 3px no-repeat;}
p.testimonial {font-size: 15px; font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; color: #666;}
p.citation {font-size: 13px; font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; color: #999;}
p.breadcrumbs {font-size: 11px; text-transform: uppercase; margin: -20px 0 0 -10px;}
#left_content li {margin: 3px 20px; line-height: 20px;}
img.port_img {padding: 5px; background: #fff; border: 1px solid #999; margin: 5px;}
blockquote {padding: 20px; background: #eaeaea;}
div.month {font-size: 14px; color: #2462AA;font-family: Georgia, Times, "Times New Roman", serif;}
object, embed {margin-left: 10px;}
p.first_para {font-family: Georgia, Times, "Times New Roman", serif; font-size: 14px; font-style: italic;}
/* NAV */

#nav {position: absolute; top: 135px;}
#nav ul li {display: inline; font-family: helvetica, arial, verdana, sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; margin: 0 1px; float: left; line-height: 32px; height: 30px;}
#nav ul li a:link, #nav ul li a:visited {display: block; background: transparent url(../images/nav_off.png) 0 0 repeat-x; padding: 0px 20px 10px 20px; text-decoration: none; color: #999;}
#nav ul li a:hover, #nav ul li a:active,
#home_page #nav_1, 
#services_page #nav_2,
#portfolio_page #nav_3,
#about_page #nav_4,
#blog_page #nav_5,
#contact_page #nav_6

{background: transparent url(../images/nav_on.gif) 0 0 repeat-x; color: #999;}



/*Main Banner *************************************************************************************/
#banner li{ 
	width:890px;
	height:239px;
	overflow:hidden; 
}
#banner {
	height: 239px;
	clear: both;
	position: relative;
}

/* TWITTER */
.tweet, .query {
  font-family: Georgia, serif;
  color: #FFC20E; }
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: transparent; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      background-position-y: 13px!important;
      padding: .5em; }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #FFC20E; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: transparent; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet_avatar {display: none;}
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }