/*
Theme Name: Webstigma
Theme URI: http://wordpress.org/  copy
Description:  Webstigma
Version: 1.0
Author: phudv
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------------
# Webstigma - April, 2010
# ------------------------------------------------------------------------
# Copyright (C) 2010 Webstigma. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: AnhTh
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
* {margin: 0; padding: 0;}
body {background: #FFF;}
body, input, select, textarea {font: 12px/normal Arial,Verdana,Sans-serif; color: #5D5D5D; line-height:18px;}

/* Normal link */
a {color: #d63101; text-decoration: none; cursor: pointer;}
a:focus {outline: none;}
img {border: none;}

/* Heading */
h1 {font-size: 24px; color: #2D2D2D; font-style: italic;}
h2 {font-size: 18px; color: #282828;}
h4 {font-size: 12px; color: #282828; text-transform: uppercase;}

hr {color: #D1D1D1;/* IE */ background: #D1D1D1;/* FF */ border: 0; height: 1px; margin: 9px 0; padding: 0;}

/* List */
ul {list-style: none;}

/* FORM
--------------------------------------------------------- */
input, select, textarea {color: #6D6D6D; border: #A6A6A6 solid 1px;}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.fl {float: left;}
.fr {float: right;}
.clr{clear: both;}

/* clearfix */
.clearfix:after {clear: both; display: block; content: "."; height: 0; visibility: hidden;}
* html > body .clearfix {width: 100%; display: block;}
* html .clearfix {height: 1%;}

/* --------------------------------Start css for site----------------------------------- */
#wrapper {width: 100%;}
#header, #footer, .slide-show {/*width: expression(document.body.clientWidth < 1005? "1005px" : document.body.clientWidth > 1005? "100%" : "auto");*/ min-width: 1005px; max-width: 100%;}
#container, .header-inner, .slide-show-inner, .footer-inner {width: 1005px; margin: 0 auto;}
/* -------------header----------------- */
#header {background: #272727 url(images/bg_header.gif) 0 0 repeat-x;}
.header-inner {position: relative; height: 136px;}
.logo {background: url(images/bg_logo.jpg) 0 0 no-repeat;}
.phone {background: url(images/bg_phone.png) 0 0 no-repeat; color: #C2C2C2; font-size: 10px; font-weight: bold; width: 140px; height: 21px; line-height: 21px; padding-left: 39px; margin: 9px 32px 0 0;}
* html .phone {margin-right: 16px;}
.phone span {color: #FFF;}
.menu-top {position: absolute; right: 3px; bottom: 0;}
.menu-top li {float: left; margin-right: 15px; padding-left: 14px;}
.menu-top a {float: left; display: block; height: 36px; line-height: 36px; color: #FFF; padding-right: 14px;}
.menu-top a:hover {color: #747474;}
.menu-top li.current a:hover {color: #FFF;}
.menu-top li.current, .menu-top li.current a {background: url(images/bg_menutop.gif) 0 0 no-repeat;}
.menu-top li.current a {background-position: 100% 0;}


/* -------------slideshow----------------- */
.slide-show {background: url(images/bg_slideshow.jpg) 0 0 repeat-x; border-bottom: #EDEDED solid 1px;}
.slide-show-inner {position: relative; width: 948px; padding: 41px 0 18px 57px; overflow:hidden;}
* html .slide-show-inner {padding-bottom: 0;}
*+html .slide-show-inner {padding-bottom: 0;}
#slider, #slider li {width: 890px;}
#slider li {float: left;}
.slide-up {height: 289px; overflow: hidden; margin-bottom: 25px;}
.slide-text, .slide-text h1 {width: 442px; color: #FFF;}
.slide-text h1 {font-size: 30px; font-style: normal; margin: 5px 0 20px;}
.slide-down {width: 595px; padding: 11px 0 0 2px;}
.slide-down h3 {color: #6D6D6D; font-size: 18px; font-weight: normal; font-style: italic;}
.slide-down h3 span {display: block; color: #A2A2A2; font-size: 11px;}
#controls {position: absolute; top: 304px; left: 460px;}
#prevBtn, #nextBtn {float: left;}
#prevBtn a, #nextBtn a {background: url(images/btn_prev.gif) 0 0 no-repeat; display: block; width: 43px; height: 48px;}
#nextBtn a {background-image: url(images/btn_next.gif); width: 42px;}

/* -------------container----------------- */
#container {padding: 32px 0 36px;}
*+html #container, *+html .box-content {overflow: hidden;}
#container h1 {margin-bottom: 32px;}
#container h2 {margin-bottom: 20px;}

.left-col {width: 551px; padding-left: 33px;}
.right-col {width: 311px; padding-right: 33px; color: #4C4C4C;}

.box-content, .testimonial, #slide h3 {line-height: 18px;}
.box-content {padding-bottom: 55px;}
.box-content em {color: #7A7A7A;}
.box-img {float: left; margin-right: 20px;}

.testimonial {background: url(images/left_quote.gif) 0 0 no-repeat; color: #7F7F7F; font-style: italic; padding: 15px 0 0 40px; margin-top: 10px;}
.testimonial p {padding-right: 22px;}
.testimonial p.author {background: url(images/right_quote.gif) 100% 100% no-repeat; text-align: right; padding: 0 50px 15px 0;}

/*-left menu------ */
.leftmenu-col {background: url(images/leftmn_middle.gif) 0 0 repeat-y;}
.leftmenu-col .left-inner {background: url(images/leftmn_bottom.gif) 0 100% no-repeat;}
*+html .left-inner {overflow: hidden;}
.leftmenu-col .leftmenu {background: url(images/leftmn_top.gif) 0 0 no-repeat;}
.leftmenu {width: 177px; margin-right: 32px; padding: 0 14px 180px 29px;}
.leftmenu ul {border-top: #D0D0D0 solid 1px;}
.leftmenu li {border-bottom: #D0D0D0 solid 1px; padding: 7px 0 6px;}
.leftmenu ul ul, .leftmenu li li {border: none;}
.leftmenu li li {padding: 0 0 0 18px;}
* html .leftmenu li li {height: 1px;}
*+html .leftmenu li li {overflow: hidden;}
.leftmenu a {background: url(images/leftmn_bull.gif) 2px 3px no-repeat; display:block; color: #37413F;}
.leftmenu ul ul li a {background-position: 0 -75px; padding: 3px 6px; font-size: 11px;}
.leftmenu ul ul li a:hover {background-position: 0 -51px; color: #F14A03;}
.leftmenu h3.head a, .leftmenu h3.selected a {background-position: 2px 3px; font-size: 12px; font-weight: normal; padding-left: 15px;}
.leftmenu h3.selected a {background-position: 2px -27px; color: #F14A03;}
/*end left menu*/

/*-about------ */
#container .content h1, #container .blog-cont {margin-bottom: 24px; color: #282828;}
.content .box-content {padding-bottom: 35px;}
.content .box-img {margin-right: 30px;}
.box-left, .box-right {width: 332px; float: left;}
.box-right {float: right;}
/*end about*/

/*-clinets------ */
.clients .box-content {padding-bottom: 45px;}
.clients h4 {margin-bottom: 7px;}
.box-clients {width: 222px; float: left; margin-left: 25px;}
* html .box-clients {margin: 0 10px 0 0;}
.box-clients h4, .box-clients p {margin-bottom: 0; padding: 0 4px;}
.box-clients .box-img {float: none; margin: 0 0 22px 0; text-align: center;}
/*end clients*/

/*-blog------ */
.blog-cont a, .blog-right a {color: #F14A03; text-decoration: underline;}
.blog-cont a:hover, .blog-right a:hover {text-decoration: none;}
.blog-link {margin-bottom: 10px;}
.blog-link img {vertical-align: middle;}
.blog-cont a.comment {margin-left: 6px; text-decoration: none;}
.comment span {font-weight: bold; color: #2E2E2E; padding-left: 4px;}
.postmetadata {font-size: 11px; margin-top: 29px;}
.blog-right {float: left; width: 181px; margin-left: 48px;}
.blog-right h4 {border-bottom: #D0D0D0 solid 1px; margin-top: 34px;}
.blog-right ul {margin: 7px 0 1px 7px;}
.blog-right li {line-height: 20px;}
.search {background: url(images/bg_search.png) 0 0 no-repeat; width: 181px; height: 20px;}
.search input {width: 150px; padding: 2px 0 1px 8px; background: transparent; border: none;}
.search input, .search a {float: left;}
.search a {display: block; width: 23px; height: 20px; background: url(images/spacer.gif) 0 0 no-repeat;}

/*end blog*/

/*-contact------ */
.contact label, .contact input, .contact textarea {float: left; padding: 1px 3px 1px 5px;}
.contact label {display: block; width: 110px; padding: 0 6px 0 27px;}
.contact input {width: 200px;}
.contact input.btn-submit {width: auto; padding: 0; border: none; margin-top: 4px;}
.contact .clr {margin-bottom: 18px;}
*+html .contact .clearfix {overflow: hidden;}
.contact-right {float: left; width: 277px; margin-left: 41px;}
.contact-right address {background: url(images/stamp.png) 0 100% no-repeat; color: #000; font-style: normal; padding: 11px 0 78px 56px; line-height: 19px;}
/*end contact*/

/* -------------footer----------------- */
#footer {background: #272727 url(images/bg_footer.gif) 0 0 repeat-x; border-top: #B1B1B1 solid 1px;}
.footer-inner {width: 645px; color: #9A9A9A; font-size: 11px; text-align: center; padding: 25px 180px 23px;}

/* -------------width/height style----------------- */
.w255 {width: 255px;}
.w408 {width: 408px;}
.w506 {width: 506px;}
.w720 {width: 720px;}

/* -------------width/height style----------------- */
.mar-l01 {margin-left: -25px;}
* html .mar-l01 {margin-left: 0;}