/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/



h1, h2, h3, h4, h5, h6  { margin: 0; font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; color: #333; }
h1  {font-size: 30px;} h2  {font-size: 25px;} h3  {font-size: 20px;} h4  {font-size: 18px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

div#featured.home {height: 475px;}


#featured.home .featured-image {
width:490px;
padding:40px 0 0; 
margin-left: -7px; 
margin-bottom:-60px; 
margin-top:40px;
position:relative; 
background: url("/wp-content/uploads/2009/12/tdpromoarea.png") no-repeat;
}

#demoreel iframe{
display: none;
}

#demoreel {
cursor: hand; 
cursor: pointer;
width: 490px;
height: 410px;
padding: 0;
margin-top: -35px;
}

#featured.home .play {
bottom: auto;
}

#featured.home .featured-content { width:450px; padding:60px 0 0; }
#featured.home h2 { font-size:38px; padding:20px 0 30px; line-height:42px;}
#featured.home p { font-size:20px; color:#fff; line-height:25px; }

/* align icon underneath twitter icon */
#mini-features { margin-left: 36px;}
#mini-features .block { width: 422px; }
#mini-features h3 { line-height: 32px; margin-bottom: -5px; } /* center headline on icons */
#navigation{font-size:10px; text-transform:upper;}

#nav li:hover, #nav li.current_page_item { background: #f5f5f5; }
#nav a  { display:block; z-index:100; padding:0px 10px; line-height:30px; font-size:14px; color:#777; text-decoration:none; text-transform:uppercase; font-weight:bold; text-shadow:none;}
ul#nav li a:hover { color:#444; }
#nav li.current_page_item a { color:#444; }
ul#nav li.sfHov	er ul li a { color:#444; font-weight:normal;}
ul#nav li.sfHover a { color:#444; }
#nav li.page_item a { padding: 10px 10px 8px 10px; line-height: 14px;} /* better vertical centering of text */
#nav li.page_item { margin-left: 1px;} /* put some space between button */

#nav li ul li { border-bottom: 0px;}
#nav li ul li a { display: block; margin-left: 5px !important; background: transparent url(images/ico-bullet.png) no-repeat scroll 2px 12px; }


#contactform {	margin: 15px 0 0 0;  }
#contactform input.txt  {  color:#666; background: #fcfcfc; width: 235px; margin: 0 5px 10px 0; padding: 7px 10px; border: 3px solid #e2e2e2; }
#contactform  textarea  { color:#666; background: #fcfcfc; width: 65%!important; padding: 7px 10px; border: 3px solid #e2e2e2; }
#contactform  text { color:#666; background: #fcfcfc; width: 35%!important; padding: 7px 10px; border: 3px solid #e2e2e2; }

#contactform input.txt,
#contactform textarea {-moz-border-radius:10px; -webkit-border-radius:10px;}


input, textarea, submit { font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;  font-size: 14px; }
#contactform #submit  { margin: 15px 0 0 0; background:#f0f0f0 url(images/ico-bullet.png) no-repeat 90% 50%; color:#333; font-size:12px; text-transform:uppercase; border:none; padding:4px 25px 4px 15px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#contactform #submit:hover  { background:#666; url(images/ico-bullet.png) no-repeat 90% 50%; color:#fff; cursor:pointer; }

#featured.home p { text-shadow:none;}

/* Breadcrumb tweaks */
#twitter_update_list li>a { color: #ccc; margin-left: 10px;}
#breadcrumb div.fl { color: #444; } 
#breadcrumb div.fl strong {color: #73797E;}
#breadcrumb div.fl a:first-child { margin-left: 6px;}

/* Breadcrumb tweak on portfolio page */
#breadcrumb div.fl span.port-cat a { margin-left: 0px; line-height: 14px; padding: 2px 6px 0px 6px; font-size: 14px;}

/* Adjusted the caret next to the links in the bottom footer area */
.widget ul li { background:transparent url(images/ico-bullet.png) no-repeat scroll left 5px; }
#footer #footer-widgets li { padding-left: 10px;}

/* Icon Padding */
#mini-features .home-icon {
padding-left: 10px;
}

/* Home page headings spacing */
#mini-features h3 {
word-spacing: 2px;
letter-spacing: 1.5px;
}

/* Mini Feature margins */
#mini-features {
margin: 0 0 0px 0 ;
}


/* Home page boxes */

#mini-features .block1 {
width:442px; 
margin:0px 36px 36px 0; 
float:left;
    background-color: #ECECEC;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    padding: 10px;
-moz-box-shadow: 0 6px 6px 0px #b0b0b0;
-webkit-box-shadow: 0 6px 6px 0px#b0b0b0;
box-shadow: 0 6px 6px 0px #b0b0b0;
background-color: white;
}

#mini-features .block2 {
width:442px; 
margin:0px 0px 36px 0; 
float:left;
    background-color: #ECECEC;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    padding: 10px;
-moz-box-shadow: 0 6px 6px 0px #b0b0b0;
-webkit-box-shadow: 0 6px 6px 0px #b0b0b0;
box-shadow: 0 6px 6px 0px #b0b0b0;
background-color: white;    
}
#mini-features .block2.last { margin:0; }

/* Content background */
#content {
background-color: #ececec;
padding-bottom: 0px;
}

/* Read More Button Color/Arrow */
#mini-features a.btn {
background: url("images/ico-bullet.gif") no-repeat scroll 90% 50% #e0e0e0;
margin-bottom: 24px;
}
#mini-features a.btn:hover {
background: url("images/ico-bullet.gif") no-repeat scroll 90% 50% #73797e;
}

/* Twitter feed link color */
#twitter_update_list li > a {
  color:  #7e797e;
}
#twitter_update_list li span a {
     color: #e38201;
}


#mini-features h3 {
    font-size: 22px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    word-spacing: -1px;
    text-shadow: 1px 2px 0 #E1E1E1;
}
#mini-features p {
    padding-bottom: 15px;
    padding-right: 15px;
}

#mini-features h3 a {
    text-decoration:none;
    color: #333333;
}