/*
Theme Name: Road Mate
Theme URI: http://www.forge-web.com/
Description: Website design and development by Forge Web.
Version: 1.0
Author: Sam Malapas
Author URI: http://www.forge-web.com/
*/

/* IE6 and IE7 Conditional inlclude 
----------------------------------------------*/ 
.cufon-vml{ 
        margin:3px 0 0 0; 
} 

/* Firefox 2 Specific rules 
-------------------------------------*/ 
.cufon, x:-moz-any-link { 
        position: relative; 
        top: 0px; 
} 

/* Firefox 3 Specific rules 
-------------------------------------*/ 
.cufon, x:-moz-any-link, x:default{ 
        top: 0; 
} 

* { margin:0; padding:0; }
body { background:url(images/bg.jpg) #000 top center no-repeat; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
ul { list-style:none; }
img { border:none; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
#gforms_confirmation_message { border-top:1px solid #333; color:#fff; display:block; font-size:11px; }
#field_4 { clear:both; }
.gform_footer { clear:both; }

.slide { float:left; height:509px; overflow:hidden; width:996px; }
#menu { bottom:0px; height:77px; right:20px; position:absolute; }
#menu ul { margin:0px; padding:0px; }
#menu li { height:77px; float:left; list-style:none; margin-right:10px; overflow:hidden; }
#menu li.act a { cursor:default; }
#menu li a { display:block; height:67px; padding-top:10px; }
#row1 { height:509px; overflow:hidden; position:relative; width:996px; }
#row1 #slides { height:509px; overflow:hidden; width:996px; }

#slide1 { background:url(images/feature-01.jpg) no-repeat; }
#slide2 { background:url(images/feature-02.jpg) no-repeat; }
#slide3 { background:url(images/feature-03.jpg) no-repeat; }
.slide .block { padding:140px 60px; }
.slide img { display:block; }
.slide .header { padding-bottom:20px; }
.slide .desc { padding-bottom:20px; }

#home { min-height:460px; }
#page-wrapper { min-height:600px; }
#feature-content { padding-top:100px; }

#page { margin:0 auto; position:relative; width:996px; }
#page .feature { left:0; position:absolute; top:0; z-index:1; }
#page .feature-header { display:block; position:relative; left:60px; top:30px; }
#page .feature-desc { display:block; left:60px; position:relative; top:40px; }
#page .feature-learn { display:block; left:60px; position:relative; top:50px; }
#page .arrow { background:url(images/icon-arrow.png) no-repeat 0px 1px; color:#f47421; font-size:11px; font-weight:bold; padding-left:20px; text-decoration:none; }

body.page-id-41 #menu li.tech, body.page-id-18 #menu li.about, body.parent-pageid-22 #menu li.service, body.category-blog #menu li.blog { background:url(images/bg-menu-over.png) repeat-x; height:33px; width:164px; }

#nav { top:35px; position:absolute; z-index:10; }
#nav li { background:url(images/bg-menu.png) repeat-x; float:left; height:33px; text-align:center; width:164px; }
#nav li.div { background:none; height:33px; width:1px; }
#nav li.home { background: #1c1e1d; /* Old browsers */
background: -moz-linear-gradient(top,  #1c1e1d 0%, #3b3635 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1e1d), color-stop(100%,#3b3635)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1c1e1d 0%,#3b3635 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1c1e1d 0%,#3b3635 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1c1e1d 0%,#3b3635 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1c1e1d 0%,#3b3635 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1e1d', endColorstr='#3b3635',GradientType=0 ); /* IE6-9 */
position:relative; width:171px; }
#nav li.home img { position:relative; top:4px; }
#nav li a { color:#fff; display:block; font-size:12px; font-weight:bold; height:33px; line-height:33px; text-decoration:none; }

.tech { display:block; height:663px; position:relative; z-index:-1; }

#sidebar { background:#000; float:left; min-height:650px; padding-top:100px; width:337px; }
#sidebar .block { margin:0 30px 20px 30px; }
#sidebar h2 { color:#eee; font-size:12px; margin-bottom:5px; }
#sidebar ul { border-top:1px solid #333; }
#sidebar li { border-bottom:1px solid #333; padding:5px 10px; }
#sidebar li a { color:#fff; font-size:10px; text-decoration:none; text-transform:uppercase; }

#single { background:url(images/bg-bottom2.jpg) repeat-x #000; float:left; min-height:650px; padding-top:100px; width:659px; }
#single h2 { color:#fff; font-size:20px; margin-bottom:6px; }
#single small { color:#ccc; font-size:10px; text-transform:uppercase; }
#single .post { padding:0 40px; padding-bottom:20px; }
#single .post .entry p { color:#fff; font-size:11px; line-height:18px; margin-bottom:22px; width:75%; }
#single .post .entry li { color:#fff; float:left; font-size:11px; line-height:18px; margin-bottom:22px; width:50%; }

#bottom { background:url(images/bg-bottom.jpg) repeat-x #000; padding:0px 40px; padding-top:20px; position:absolute; top:509px; width:916px; }
#bottom small { color:#ccc; font-size:10px; }
#bottom h2 { color:#fff; font-size:20px; margin-bottom:6px; padding-top:3px; }
#bottom p { color:#fff; font-size:11px; line-height:18px; margin-bottom:16px; }
#bottom #col-1 p, #bottom #col-2 p { width:225px; }
#bottom-wrapper { border-bottom:1px solid #333; height:200px; width:100%; }

#tech { background:url(images/bg-bottom.jpg) repeat-x; min-height:485px; padding:0px 40px; padding-top:20px; width:916px; }
#tech .image { margin-bottom:20px; }
#tech small { color:#ccc; font-size:10px; }
#tech h2 { color:#fff; font-size:14px; margin-bottom:18px; padding-top:3px; }
#tech p { color:#fff; font-size:11px; line-height:18px; margin-bottom:16px; }
#tech #col-1, #tech #col-2 { background:none; }

#tech #col-2 img { float:left; }
#tech #col-2 ul { float:right; width:260px; }
#tech #col-2 li { background:url(images/icon-plus.png) no-repeat 0 4px; color:#bfbfbf; font-size:11px; line-height:16px; margin-bottom:10px; padding-left:20px; }
#tech #col-2 li h5 { color:#fff; font-size:11px; font-weight:bold; padding-bottom:3px; }

#col-1 { margin-right:30px; }
#col-2 { background:url(images/home-02.jpg) no-repeat top right; border-left:1px solid #333; padding-left:30px; }
#col-1, #col-2 { float:left; height:180px; padding-bottom:20px; width:427px; }
#col-1 { background:url(images/home-01.jpg) no-repeat top right; }

#col-1b, #col-2b { float:left; padding-top:20px; width:427px; }
#col-1b h2, #col-2b h2 { font-size:14px; }
#col-1b {  padding-right:30px; }
#col-1b h3 { padding-bottom:3px; }
#col-1b h3 a { color:#f47421; font-size:11px; text-decoration:none; }
#col-1b h3 a:hover { text-decoration:underline; }
#col-1b .entry { background:url(images/bg-entry.gif) no-repeat bottom left #131313; padding:10px 20px; width:350px; }
#col-1b .meta { padding-left:20px; margin-bottom:10px; }
.meta { color:#ccc; font-size:10px; padding-top:5px; }
.meta a { color:#f47421; font-weight:bold; text-decoration:none; }
#col-2b { padding-left:30px; }
#col-2b .email { width:300px; }
#col-2b input { font-size:11px; }

.category-blog .post { border-bottom:1px solid #333; margin-bottom:20px; padding-bottom:20px; }
.category-blog .meta { border-top:1px solid #333; }

#footer { border-top:1px solid #333; clear:both; padding-bottom:30px; padding-top:20px; margin-left:40px; margin-right:40px; }
#footer #wrapper { clear:both; width:100%; }
#footer .col-25 { float:left; height:125px; width:25%; }
#footer h3 { color:#fff; font-size:11px; margin-bottom:10px; }
#footer li { color:#ccc; font-size:11px; line-height:20px; }
#footer li a { color:#ccc; font-size:11px; line-height:20px; text-decoration:none; }
#footer li a:hover { text-decoration:underline; }
#footer .col-25 p { color:#fff; font-size:11px; line-height:18px; margin-bottom:8px; }
#footer #wrapper { color:#ccc; font-size:9px; }
#footer .left a { color:#f47421; text-decoration:none; }
#footer .right a { color:#fff; text-decoration:none; }

.gform_wrapper select { font-size:11px; }
.gform_wrapper li { margin-bottom:10px; }
.gform_wrapper label { color:#ccc; font-size:10px; line-height:26px; text-transform:uppercase; }
.gform_wrapper .button { font-size:11px; }
.gform_wrapper .medium, .gform_wrapper textarea { color:#333; font-size:11px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:2px; }

#tech-section { height:663px; position:relative; width:996px; }
#tech-section .point { z-index:10; }
#tech-1 { left:138px; position:absolute; top:292px; z-index:1; }
#tech-2 { left:680px; position:absolute; top:360px; z-index:1; }
#tech-3 { left:620px; position:absolute; top:590px; z-index:1; }
#tech-4 { left:80px; position:absolute; top:590px; z-index:1; }
#tech-5 { left:520px; position:absolute; top:225px; z-index:1; }
#tech-6 { left:920px; position:absolute; top:475px; z-index:1; }
#tech-7 { left:370px; position:absolute; top:500px; z-index:1; }

.more { display: none; height:26px; width:32px; }
#bg1 { background:url(images/bg-tooltip.png) no-repeat; height:71px; padding-top:10px; padding-left:8px; padding-right:8px; position:relative; left:-256px; top:-115px; width:319px; z-index:-1; }
#bg2 { background:url(images/bg-tooltip2.png) no-repeat; height:89px; padding-top:10px; padding-left:8px; padding-right:8px; position:relative; left:-45px; top:-133px; width:319px; z-index:-1; }
.tip h3 { color:#fff; font-size:11px; margin-bottom:3px; }
.tip p { color:#ddd; font-size:10px; line-height:16px; }
.tip img { padding-right:10px; }

#facebook { background:url(images/facebook.png) no-repeat left center; padding-left:20px; }