/* -- 67 Studios.com (main.css) -- */
html, body {width: 100%; height: 100%; margin: 0 auto; padding: 0; background-image: url(/images/diag_bg.jpg); background-color: #101113;}
#outline {width: 100%; height: 100%; margin: 0 auto; padding: 0; width: 780px; background: url(/images/bg_design.gif); background-repeat: repeat-y; background-position: top center; border-left: 1px solid #000000; border-right: 1px solid #000000;}
img {border: 0px;}
a {outline: none;}
ul {list-style: none; margin: 0; padding: 0;}
#header {background-repeat:no repeat; height: 90px;}
#container {width: 780px;} 
#locate_top {vertical-align: top;}
#open_menu {padding-bottom: 5px;}
#left_column {font-size: 12px; vertical-align: top; width: 434px;} 
.req { background-color: #333;}
.req input, textarea, select {background-color: #333;}
#right_column {font-size: 12px; vertical-align: top;}

#rightmenu {padding-bottom: 10px;}
#rightmenu a {font-family: Arial, Helvetica, sans-serif; color:#FFF; margin: 4px; padding: 5px 0px 0px 8px; font-size: 12px; text-decoration: none;}
a#rollover {background-image:url(/images/svcmenu_default.gif); background-repeat: no-repeat; height: 21px; width:223px; display:block; margin: 0px;}
a#rollover span {display:none;}

#menu {background: url(/images/menu_bg.gif); height: 33px;}
#search {float: right; width: 220px; height:33px;}
#search_container {width: 200px; height: 20px; display: block; padding: 0; margin: 0 0 10px 0; float: right;}
#search_container input {background-color:#2C2C2C; border-right: 1px solid #000000; border-bottom: 1px solid #000000;}
.search {padding: 4px 0px 0px 3px; margin: 0 0px 0px 0px; height:18px;}
#content {padding: 10px 5px 10px 0px; color:#CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#content_background {background: url(/images/middle_bg.gif); background-repeat: repeat-y; background-position: bottom center; border-bottom: 1px solid #000000;}
#wrapper {background: url(/images/middle_background.jpg); background-repeat: no-repeat; background-position: top center;} 
#footer {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #9B9999; padding-top: 5px; padding-bottom: 5px; padding-right: 8px; text-align: right;}
#footer a{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #9B9999; text-decoration: none;}
#footer a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
input, textarea, select {color: #FFFFFF; font: normal 11px Arial, sans-serif; background-color: #17161A /*#222126*/; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #2B2F38; border-bottom: 1px solid #2B2F38;}

input {padding: 4px 0px 0px 3px; margin: 0px 0px 2px 0px; height:18px;}
textarea {padding: 4px 0px 0px 3px; margin: 0px 0px 2px 0px;}
select {padding: 4px 0px 0px 3px; margin: 0px 0px 2px 0px; height:25px;}
.btn {color: #FFF; margin: 2px 0px 0px 0px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; height:26px; width:54px;}

#services_header {height:15px; border-bottom: 1px dotted #FFFFFF;}
#bottom {background-color: #101113; padding-top: 7px; padding-bottom: 7px;}
#bottom_content {padding: 10px; width: 260px; color:#CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: top; border-right: 1px solid #222126}
#bottom_sms {background-image: url(/images/sms.jpg); background-repeat: no-repeat; background-position: top center; height: 185px; border-right: 1px solid #222126; padding: 10px 0px 10px 10px; width: 220px; color:#CCCCCC; 
font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: top;}
#bottom_sms input { margin: 0px; padding: 0px; height: 17px; width: 126px; border: 1px solid #7f9db9; background-color: #fff;}
#bottom_sms select {width: 129px; font-size:12px;}
#bottom_sms button {margin:16px -22px 0px 0px; padding:0px; background:none; border:0px; float:right; position:relative;}

#bottom_right {height: 185px; padding: 10px 0px 0px 10px; color:#CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: top;}

#quick_contact {float: left; padding: 4px 0px 0px 20px; width: 270px; vertical-align: top; font-size: 10px;}
#left_bottom {border: 1px solid #222126; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 5px; background-color: #151618;}
#news {border: 1px solid #222126; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 5px 5px 15px 5px; width: 235px; background-color: #151618;}
.news_header {font-weight: bold; width: 100%; border-bottom: 1px dotted #FFFFFF; padding: 10px 0 2px 0;}
.news_header_top {font-weight: bold; width: 100%; border-bottom: 1px dotted #FFFFFF; padding: 0 0 2px 0;}
#testimonials {border: 1px solid #222126; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 5px 5px 15px 5px; background-color: #151618;}

.newsticker {list-style-type: none; border: 1px solid #222126; background: #151618; padding: 5px; margin: 0; width: 430px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
#ajaxnews {width: 430px; height: 20px;}

.top {padding-top: 5px; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #9B9999; text-decoration: none;}
.top a {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #9B9999; text-decoration: none;}
.top a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #9B9999; text-decoration: none; background-color: #000000; border-top: #9B9999; border-bottom: #9B9999; border-left: #9B9999; border-right: #9B9999;}
.feed {margin-left: 3px; padding: 0 0 0 19px; /*background: url(/images/feed-icon-14x14.png) no-repeat 0 50%;*/} 
#feed {float: right; width: 200px; height:90px; overflow: hidden;}
#feed_containter {float: right; width: 130px; padding: 12px 13px 0 0; margin-top: 3px; height: 25px; text-align: right;}
#feed_containter a {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #9B9999; text-decoration: none; margin-left: 3px; padding: 0 0 0 17px;}

#quotes {float: right; width: 450px; text-align:right; padding: 5px 13px 0px 8px; color:#CCCCCC;}
#news, #testimonials a:hover {background-color: #393838; border:1px dotted #999999; color: #FFFFFF; font-family: arial, helvetica; font-size: 11px; padding: 0px 2px 0px 2px; text-decoration: none;}
#news, #testimonials a:visited {background-color: #101113; border:1px dotted #999999; color: #FFFFFF; font-family: arial, helvetica; font-size: 11px; padding: 0px 2px 0px 2px; text-decoration: none;}
#news, #testimonials a {background-color: #101113; border:1px dotted #999999; color: #FFFFFF; font-family: arial, helvetica; font-size: 11px; padding: 0px 2px 0px 2px; text-decoration: none;}
#full_story a {background-color: #101113; border:1px dotted #999999; color: #FFFFFF; font-family: arial, helvetica; font-size: 11px; padding: 0px 2px 0px 2px; text-decoration: none;}
#full_story a:hover {background-color: #393838; border:1px dotted #999999; color: #FFFFFF; font-family: arial, helvetica; font-size: 11px; padding: 0px 2px 0px 2px; text-decoration: none;}
#full_story a:visited {background-color: #101113; border:1px dotted #999999; color: #FFFFFF; font-family: arial, helvetica; font-size: 11px; padding: 0px 2px 0px 2px; text-decoration: none;}

.scroll-pane a:hover {background-color: #393838; border:1px dotted #999999; color: #FFFFFF; font-family: arial, helvetica; font-size: 11px; padding: 0px 2px 0px 2px; text-decoration: none;}
.scroll-pane a:visited {background-color: #101113; border:1px dotted #999999; color: #FFFFFF; font-family: arial, helvetica; font-size: 11px; padding: 0px 2px 0px 2px; text-decoration: none;}
.scroll-pane a {background-color: #101113; border:1px dotted #999999; color: #FFFFFF; font-family: arial, helvetica; font-size: 11px; padding: 0px 2px 0px 2px; text-decoration: none;}

#pageflip {position: relative; right: 0; top: 0; float: right;}
#pageflip img {width: 75px; height: 78px; z-index: 99; position: absolute; right: 0; top: 0; -ms-interpolation-mode: bicubic;}
#pageflip .msg_block {width: 75px; height: 75px; overflow: hidden; position: absolute; right: 0; top: 0;}

/* -- testimonial quotes styling -- */
#quotations_frame {border: 1px dotted #CCCCCC;}
#top_quotations {height: 56px; background: url(/images/quotes_top.gif); background-repeat: no-repeat; background-position: top left;}
#bottom_quotations {height: 56px; background: url(/images/quotes_bottom.gif); background-repeat: no-repeat; background-position: bottom right;}
#company {height: 36px; float: left; padding-top: 18px; padding-left: 8px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 12px; font-style: italic;}
#submitted {height: 36px; float:right; padding-top: 18px; padding-right: 8px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 12px; font-style: italic;}
#quotations {vertical-align: center; color:#FFFFFF; padding: 8px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
