/* @override http://www.tridentmediasolutions.com/wp-content/themes/tms2.0/style.css */

/* 
Theme Name: TMS 2.0
Theme URL: http://www.tridentmediasolutions.com/
Description: TMS Redux
Author: Dameian Lott, Trident Media Solutions
Author URI: http://www.tridentmediasolutions.com/
Version: 0.01
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,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 {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

/* body, img, div, li, a { behavior: url(http://www.tridentmediasolutions.com/wp-content/themes/tms2.0/ie6/iepngfix.htc) } */

body {
background: #161616;
padding:0;
margin:0;
font:normal 13px/1.2em arial,sans-serif;
color:#333;
}

a {
color:#333;
text-decoration: none;
}

#site-wrapper {
background: #fff url(images/site-bg.png) repeat-x;
}

#site{
position:relative;
margin: 0 auto;
width:955px;
overflow:hidden;
}

.h1-fp {
margin:102px 0 0 0;
padding:0;
font-size: 18px;
}

h2 {
margin:40px 0 30px 0;
padding:0;
font:normal 23px georgia,"Times New Roman";
text-align: center;
}

.h2-blog {
margin:40px 0 30px 0;
text-align: left;
}

#search-box {
float:right;
margin:40px 0 0 0;
width:230px;
}

#contact-sheet {
margin:0 auto;
padding:15px 20px 40px 40px;
position:fixed;
height:340px;
width:950px;
background: url(images/site-slide-form-trans.png) no-repeat;
z-index: 1000;
display:none;
}

   
#contact-sheet-form {
border:1px solid #b3b3b3;
width:400px;
float:left;
padding:20px 20px 10px 20px;
background-color: #f1f1f1;
}

#contact-sheet-info {
width:400px;
float:left;
padding:10px 20px 10px 30px;
margin:0;
}

#contact-sheet-form h3 {
margin:0 0 15px 0;
font-size: 24px;
line-height: 30px;
font-weight: bold;
color:#000;
clear:both;
}

#contact-sheet-info h3 {
margin:0 0 15px 0;
font-size: 18px;
line-height: 30px;
font-weight: bold;
color:#333;
clear:both;
}

#contact-sheet-info ul {
list-style: none;
padding:0 0 15px 0;
margin:0 0 15px 0;
border-bottom: 1px dotted #999;
}

#contact-sheet-info li {
margin:0 0 5px 0;
}

#contact-sheet-form label {
display:inline-block;
width:80px;
vertical-align: top;
}

#contact-sheet-form ul {
list-style:none;
}

#contact-sheet-form li {
margin:0 0 10px 0;
}

#contact-sheet-form li.special {
display:none;
}

#contact-sheet-form .textbox {
border:1px solid gray;
height:16px;
width:300px;
}

#contact-sheet-form textarea {
border:1px solid gray;
height:64px;
width:300px;
}

#contact-sheet-form .li-submit {
text-align: right;
padding:10px 16px 0 0;
}

.close-message {
background: url(images/contact-sheet-back.png) right center no-repeat;
padding:0 0 0 250px;
display:block;
height:32px;
}

.contact-slideup {
background: url(images/contact-sheet-close.png) right center no-repeat;
padding:0 0 0 250px;
display:block;
height:32px;
}

#contact-sheet .message {z-index:10000;position:fixed;background:#eee; color:#000;display:none;width:360px;min-height:180px;padding:15px;margin:0 0 20px 0;}
#contact-sheet .contact {text-align:right;}
#contact-sheet .contact ul {list-style-type:none;width:370px;}
#contact-sheet .contact li {list-style-type:none;}
#contact-sheet .contact li.special {display:none;}
#contact-sheet .contact input {width:260px;}
#contact-sheet .contact textarea {width:260px;}
#contact-sheet p {text-align:left;margin:0 0 20px 0;}

.standard-img {
border:1px solid black;
}

.rule-down {
clear:both;
background: url(images/page-fadedivd.png) center top no-repeat;
height:20px;
padding:0;
margin:0;
}

#header {
background: transparent url(images/site-hdr.png) 0px 0px no-repeat;
height:101px;
overflow:hidden;
}

/* site menu */
#site-menu {
left:680px;
top:71px;
position:relative;
width:260px;
padding: 3px 0 0 0;
margin: 0;
overflow: hidden;
}
#site-menu li {
float: left;
list-style: none;
}
#site-menu li.backLava {
background: transparent url(images/site-uparrow.gif) center bottom no-repeat;
position: absolute;
}
#site-menu li a {
text-decoration: none;
color: #ccc;
text-align: center;
padding: 0 5px 12px 5px;
z-index: 10;
display: block;
position: relative;
margin: auto 5px;
text-transform: uppercase;
}

.hr {
height:12px;
background: url(images/page-fadedivu.png) center bottom no-repeat;
color:gray;
text-transform: uppercase;
}

/* content menu area */
#page-menu {
height:43px;
background: url(images/page-fadedivu.png) center bottom no-repeat;
color:gray;
text-transform: uppercase;
}

#page-menu p {
background: url(images/page-bul-blu.png) right 6px no-repeat;
float:right;
width:145px;
height:43px;
margin:2px 0 0 0;
padding:0;
}

#page-menu p a {
display: block;
height:32px;
padding:12px 0 0 0;
}

/* content menu */
#content-menu {
position:relative;
float:left;
height:43px;
font-weight: bold;
margin: 0;
overflow: hidden;
padding:0 0 0 30px;
list-style: none;
}

#content-menu li {
width:160px;
height:44px;
float: left;
list-style: none;
}
#content-menu li.backLava {
background: url(images/page-tab.png) center bottom no-repeat;
position: absolute;
}
#content-menu li a {
text-align: center;
padding: 18px 0 0 0;
z-index: 10;
display: block;
position: relative;
margin: auto 5px;
height:44px;
}

.content .banner-mission {
float:left;
background: transparent url(images/mission-bg.png) 0px 0px no-repeat;
display:inline-block;
width:374px;
height:64px;
padding:5px 40px 20px 40px;
margin:0 0 20px 0;
font-size: 13px;
letter-spacing: 1px;
color:gray;
line-height: 1.5em;
border-bottom: 1px dotted #b2b2b2;
}

.content h1 {
margin:30px 0 30px 0;
font-size: 24px;
line-height: 30px;
font-weight: bold;
color:#000;
clear:both;
}

.content h3 {
margin:30px 0 30px 0;
font-size: 24px;
line-height: 30px;
font-weight: bold;
color:#000;
clear:both;
}

.content p {
font-size: 15px;
color: #5f5f5f;
line-height: 1.4em;
margin:0 0 15px 0;
}


/* New Column Structure */

.content .single-column ul {
list-style: none;
margin:0;
padding:0;
}

.content .single-column ul li {
list-style: none;
margin:5px 0 5px 0;
padding:0;
}

.single-column {
float:left;
width:200px;
margin:0 50px 0 0;
}

.double-column {
float:left;
width:450px;
margin:0 50px 0 0;
}

.triple-column {
float:left;
width:700px;
margin:0 50px 0 0;
}

.last-column {
margin:0;
}

/* /New Column Structure */

.content .triple-column .ul-portfolio {
list-style: none;
margin:0;
padding:0;
}

.content .triple-column .ul-portfolio li {
float:left;
display:inline-block;
height:178px;
width:218px;
margin:0 20px 20px 0;
border:1px solid gray;
background-color: #000;
}

.content .triple-column .ul-portfolio li img {
filter:alpha(opacity=90); 
-moz-opacity: 0.9; 
opacity: 0.9;
}

.content .triple-column .ul-portfolio li img:hover {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

.content .triple-column .ul-portfolio .last-column {
margin:0;
}

.content .double-column .ul-buttons {
list-style: none;
margin:30px 0 30px 0;
padding:0;
}

.content .double-column .ul-buttons li {
background: url(images/page-btn-450x64.png) right center no-repeat;
margin:0 0 15px 0;
line-height: 64px;
font-size: 22px;
font-weight: bold;
}

.content .double-column .ul-buttons li p {
margin:0 0 10px 0;
line-height: 64px;
font-size: 22px;
font-weight: bold;
}

.content .double-column .ul-buttons li a {
padding:0 10px 0 72px;
display:block;
background: url(images/page-bul-blu.png) 410px center no-repeat;
}

.content .double-column .ul-buttons li a:hover {
color: #188afe;
}

.standard-border-top {
border-top: 1px solid #c2c2c2;
}

.web-design-48-bg {
background: url(images/icons/web_design_config_48.png) 10px center no-repeat;
}

.print-design-48-bg {
background: url(images/icons/services_48.png) 10px center no-repeat;
}

.marketing-48-bg {
background: url(images/icons/banner_design_48.png) 10px center no-repeat;
}

.our-work-48-bg {
background: url(images/icons/graphic_design_48.png) 10px center no-repeat;
}

#footer {
background: #161616 url(images/site-footer-bg.png) top left repeat-x;
margin:0;
padding:90px 0 0 0;
clear:both;
}

.footer-content {
width:955px;
margin:0 auto;
padding:0 0 40px 0;
}

.footer-content h4 {
color: #e2e2e2;
font-weight: bold;
font-size: 16px;
margin: 0 0 15px 0;
}

.footer-content p {
letter-spacing: 1px;
color: #a8a8a8;
font-size: 13px;
font-family: Georgia,"Times New Roman",serif;
margin:0 0 15px 0;
}

.footer-content ul {
list-style: none;
padding:0;
margin:0;
}

.footer-content ul li {
background:transparent;
font-family: Georgia,"Times New Roman",serif;
font-size: 13px;
font-weight: normal;
padding:5px 0 5px 0;
margin:0;
line-height: 16px;
border-bottom: 1px solid gray;
}

.footer-content a,.footer-content ul li a {
display:block;
margin:0;
padding:0;
color:#a8a8a8;
}

.footer-content a:hover,.footer-content ul li a:hover {
color: #188afe;
}

.copyright {
padding:15px 0 0 0;
border-top:1px dotted gray;
}

.copyright a {
	display: inline;
}

.post h2, #sidebar h2 {
text-align: left;
}

#postmeta{}
#postnavigation{}
#searchform{}
#sidebar{}

#sidebar ul {margin:0;padding:0;}
#sidebar ul li {margin:5px 0 5px 0;font-size: 13px;line-height: 16px;padding:0 0 5px 0;background:none;border-bottom: 1px dotted #b2b2b2;}
#sidebar ul li a {margin:0;padding:0;}
/* scroll */

#top-promo{
position:relative;
height:240px;
width:450px;
margin:30px 0 15px 0;
padding:0;
}
	
#top-promo ul {
list-style: none;
padding:0;
margin:0 auto;
width:160px;
}

#top-promo li {
float:left;
font-size: 16px;
line-height: 20px;
font-weight: bold;
margin:0;
color: #9f9f9f;
}

#top-promo li a {
display:block;
height:20px;
width:20px;
}

a.prev {
margin:0 10px 0 0;
background: url(images/tms-arrows-sm.png) left top no-repeat;
}

a.next {
margin:0 0 0 10px;
background: url(images/tms-arrows-sm.png) right top no-repeat;
}

a.prev:hover {
background: url(images/tms-arrows-sm.png) left bottom no-repeat;
}

a.next:hover {
background: url(images/tms-arrows-sm.png) right bottom no-repeat;
}

#promo-slides{
position:relative;
overflow:hidden;
width:450px;
height:220px;
clear:left;
margin:0;
padding:0;
}
	
#promo-slides ul{
width:5000px;
height:220px;
list-style: none;
overflow:hidden;
}

#promo-slides li{
float:left;
position:relative;
width:450px;
margin:0;
height:240px;
}
			
#promo-slides li p {
width:450px;
margin:0;
padding:0;
}

.promo-img-200x135-1 {
position:absolute;
top:20px;
left:0px;
}

.promo-img-200x135-2 {
position:absolute;
top:20px;
right:0px;
}

.promo-img-250x175 {
position:absolute;
z-index: 20;
top:0px;
left:100px;
}

.cover-promo-img {
margin:0 0 0 10px;
float:left;
}

.entry {

}

/* Portfoio Specific */

.portfolio-popup {
display:none;
}

.portfolio-details {
height:420px;
width:480px;
background: #fff;
color:#333;
}

.portfolio-details h3 {
font-size: 18px;
font-weight: bold;
color:#000;
margin:20px 5px 0 5px;
}

.portfolio-details p {
margin:20px 5px 0 5px;
}

.portfolio-details p a {
display:block;
font-weight: bold;
color: #000;
}

/* Utility Elements */

.clearall {
clear: both;
height: 0px;
width: 0px;
line-height: 0px;
font-size: 0px; /*for IE*/
}