/*
Theme Name: 5A V1
Theme URI: http://5android.com
Description: A Private Theme with 5android.com.
Version: 0.1
Author: Renom&Paran
Author URI: http://5android.com
*/

/* ------------------------------------------------------------------------------
RESET
--------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: normal; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0 none; }
h1, h2, h3, h4, h5, h6,strong{font-weight:bold;}
h1{font-size:12px;}
h2{font-size:16px;}
h3{font-size:14px;}
a{text-decoration:none;color:#FF6600;}
a:hover{text-decoration:underline;}
ol, ul { list-style: none; }
fieldset, img, abbr,a img, :link img, :visited img {border: 0 none;}
table { border-collapse: separate; border-spacing: 0; }
:focus { outline: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote, q { quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }


/* ------------------------------------------------------------------------------
LAYOUTS
--------------------------------------------------------------------------------*/
html{background:#F9F9F9;}
body {background:#F9F9F9;line-height: 162%; color: #382D16; font-family:Arial, Helvetica, Verdana, sans-serif;font-size:12px;}
.inner{width:960px;margin:0 auto;}
#container{padding:40px 0 30px 0;background:#FFF;border-top:1px solid #C5C5C5;border-bottom:1px solid #C5C5C5; }
#container .inner{min-height:200px;height:auto !important;height:200px;}
#content{float:right;width:831px;}
#sidebar{float:left;width:129px;padding-bottom:50px;}
#footer{color:#999;border-top:1px solid #dCCC;padding:20px 0 30px 0;}


/* ------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------*/
#header .inner{position:relative;height:48px;padding:20px 0 5px 0;}
#header h1{float:left;}
#header h1 a{background:url(images/logo.png);width:150px;height:44px;text-indent:-5555em;overflow:hidden;display:block;}

#header ul{position:absolute;bottom:15px;right:0;background: url(images/logo.png) no-repeat right bottom;width:400px;height:14px;text-indent:-5555em;}
#header ul li{float:left;text-align:center;}
#header ul li a{color:#5F5F5F;display:block;width:70px;height:14px;background:url(images/logo.png) no-repeat right bottom;}
#header ul li a:hover{color:#FF6600;text-decoration:none;background:url(images/logo.png) no-repeat right top;}

#header ul li#p1 a{background-position:-400px bottom;width:50px;}
#header ul li#p2 a{background-position:-450px  bottom;}
#header ul li#p3 a{background-position:-520px  bottom;}
#header ul li#p4 a{background-position:-590px  bottom;}
#header ul li#p5 a{background-position:-660px  bottom;}
#header ul li#p6 a{background-position:-730px  bottom;}

#header ul li#p1 a:hover,#header ul li#p1 a.current{background-position:-400px top;width:50px;}
#header ul li#p2 a:hover,#header ul li#p2 a.current{background-position:-450px  top;}
#header ul li#p3 a:hover,#header ul li#p3 a.current{background-position:-520px  top;}
#header ul li#p4 a:hover,#header ul li#p4 a.current{background-position:-590px  top;}
#header ul li#p5 a:hover,#header ul li#p5 a.current{background-position:-660px  top;}
#header ul li#p6 a:hover,#header ul li#p6 a.current{background-position:-730px  top;}

#header dl{position:absolute;top:0;right:0;cursor:pointer;}
#header dl dt, #header dl dd{float:right;}
#header dl dt{background: url(images/logo.png) no-repeat -175px top;width:100px;height:18px;text-indent:-5555em;}
#header dl dd{display:none;padding:0 20px 0 0;}
#header dl:hover dd{display:block;}


/* ------------------------------------------------------------------------------
SIDEBAR
--------------------------------------------------------------------------------*/
#sidebar h2{margin-bottom:10px;}
#sidebar li{padding:3px 0;}
#sidebar li.on,#sidebar li.out{cursor:pointer;}
#sidebar li.on{font-weight:bold;}

/* ------------------------------------------------------------------------------
PAGE TEMPLATE
--------------------------------------------------------------------------------*/
#content span{color:#FF6600;font-weight:bold;}
#content h3{margin-bottom:10px;}
#content ul{margin-bottom:20px;}
#content p{margin-bottom:20px;}

/*----HOME----*/
.home #container{}
.home #container .inner{background:url(images/hbg.png) no-repeat right top;}
.home #container dl{margin-top:25px;}
.home #container dt{margin-bottom:5px;}
.home #container dd{padding-left:20px;}

/*----PROJECTS----*/
.projects #container .inner{background:url(images/bgicon/p.png) no-repeat left bottom;}
.projects .post{float:left;padding:8px;border-left:1px solid #F2F2F2;border-right:1px solid #FFF;border-bottom:1px solid #F2F2F2;border-top:1px solid #FFF;}
.projects .post .thumb{display:block;width:256px;height:144px;overflow:hidden;border:1px solid #E2E2E2;position:relative;}
.projects .post .thumb img.cover{position:absolute;top:0;left:0;}

.navigation{padding-top:20px;text-align:center;}
.navigation span,.navigation a{padding:0 10px;font-size:12px;font-weight:bold;}
.navigation span{color:#999 !important;}
.navigation .current{color:#000;}

/*----SHOWCASE----*/
.showcase #sidebar h2{background:#F9F9F9;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomleft:3px;
-webkit-border-topleft-radius: 3px; 
-webkit-border-bottomleft-radius: 3px; 
border-topleft-radius: 3px;
border-bottomleft-radius: 3px;
border:1px solid #F2F2F2;padding:5px 5px 5px 10px;margin-top:20px;font-size:13px;border-right:none;}
.showcase #sidebar ul li{padding:3px 15px 3px 0;}
.showcase #sidebar ul span{color:#FF6600;display:block;}
.showcase #sidebar ul cite{padding-left:12px;display:block;}
.showcase #content img{border-left:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;}


/*----SERVICES----*/
.services #container h3{color:#FF6600;}
.services #container .inner{background:url(images/bgicon/s.png) no-repeat left bottom;}
.services #content1{background:url(images/schematic.png) no-repeat right top;min-height:300px;}
.services #content1 p{width:450px;}

ul.workflow li{width:200px;float:left;height:100px;padding:0 17px 0 60px;}
ul.workflow li strong{display:block;margin-bottom:5px;}
.flow-1{background:url(images/flow/1.png) no-repeat left top;}
.flow-2{background:url(images/flow/2.png) no-repeat left top;}
.flow-3{background:url(images/flow/3.png) no-repeat left top;}
.flow-4{background:url(images/flow/4.png) no-repeat left top;}
.flow-5{background:url(images/flow/5.png) no-repeat left 10px;}
.flow-6{background:url(images/flow/6.png) no-repeat left top;}
.flow-7{background:url(images/flow/7.png) no-repeat left top;}
.flow-8{background:url(images/flow/8.png) no-repeat left top;}

.services #content ul ul{margin-bottom:0;padding-left:15px;}
.services #content3 ul li{margin-bottom:3px;}

/*----CONTACT----*/
.contact #container .inner{background:url(images/bgicon/c.png) no-repeat left bottom;left:0;bottom:0;}
.contact h3{font-weight:bold;font-size:14px;margin-bottom:10px;color:#FF6600;}
.contact span{color:#FF6600;font-weight:bold;}

.wpcc7{float:left;width:370px;}
.wpcc7 p{border:1px solid #F2F2F2;padding:10px 20px;margin-bottom:20px !important;line-height:200%;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; }
.wpcc7 p img{float:left;padding:10px 25px 20px 0;}
.wpcc7  ul{text-align:right;padding-right:5px;}

.wpcc7  ul li:first-letter,
.home #container dd:first-letter,
#sidebar ul li:first-letter,
#content1 ul li:first-letter,
.showcase #sidebar ul span:first-letter
{font-weight:bold;color:#D6D6D6;}

.wpcf7{float:right;background:#FCFCFC;padding:10px 20px 15px 20px;-moz-border-radius:5px;-webkit-border-radius: 5px; border-radius: 5px;width:400px;height:340px;border:1px solid #F2F2F2;} 
.wpcf7 p{margin-bottom:8px !important;}
.wpcf7 p input{-moz-border-radius:3px;-webkit-border-radius: 3px; border-radius: 3px;border:1px solid #D5D5D5;width:200px;margin-right:10px;height:12px;padding:4px;}
.wpcf7 textarea{font-size:12px;width:350px;padding:3px 5px;-moz-border-radius:3px;-webkit-border-radius: 3px; border-radius: 3px;border:1px solid #D5D5D5;height:120px;}
.wpcf7 p input:focus,.wpcf7 p input:hover,.wpcf7 textarea:focus,.wpcf7 textarea:hover{border:1px solid #FF6600;outline:0;}
.wpcf7 p.submit-button{margin:0;height:26px;float:left;}
.wpcf7 p.submit-button input{display:block;width:70px;float:left;margin-bottom:10px;height:24px;line-height:22px;padding:0;-moz-border-radius:3px;-webkit-border-radius: 3px; border-radius: 3px;font-family:Arial;background:#FFF;}
.wpcf7 p.submit-button input:hover,.wpcf7 p.submit-button input:focus{background:#FF6600;color:#FFF;cursor:pointer;}
.wpcf7 p.submit-button img{float:left;}
.wpcf7 .textarea{position:relative;}
.wpcf7 .textarea .wpcf7-not-valid-tip{position:absolute;top:0;left:60px;}
.wpcf7-response-output{float:left;width:280px;padding:3px 20px 0 0;font-weight:bold;color:#FF6600;}

.free #container .inner{background:url(images/bgicon/f.png) no-repeat left bottom;}

/*----ABOUT----*/
.about #container .inner{background:url(images/bgicon/a.png) no-repeat left bottom;}
.about #content h3{font-size:12px;margin-bottom:5px;}
.about #content p{margin-bottom:10px;}

 /* ------------------------------------------------------------------------------
HACKS
--------------------------------------------------------------------------------*/
.clearfloat:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfloat {display: inline-block;}
.clearfloat {display: block;}
* html .clearfix {height:1%;}