/* Stylesheet for Anatta Design
   ----------------------------------------------------*/

/* =GENERIC
   ----------------------------------------------------*/
html { height: 100%; }
body { height: 100%; text-align: center; color: #333; font: 400 13px Georgia, sans-serif; line-height: 170%;  margin:0; padding:0;}
a { text-decoration: none; outline: none; }
em { font-style: italic; }
strong { font-weight: bold; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }

/* =CONTAINER
   ----------------------------------------------------*/
#container { width: 930px; background: #FFF; height: 100%; min-height: 100%; text-align: left; margin: 0 auto; padding:20px 47px 0px 47px;}
#mother { width: 930px; float: left; background: #FFF; }

/* =HEADER
   ----------------------------------------------------*/
#header { width: 926px; height: auto; border:0px solid #ff0000;}
#header #logomenu { width: 926px;}
#header #logomenu #logo { width: 295px; height: 24px; padding: 10px 0 0 0; float: left; }
#header #top_tab { width: 166px; height: 43px; padding: 4px 6px 0 0; float: right; }
/*  =BANNER AREA
    --------------------------------------------------*/
#banner_area { width: 926px; height: 447px; border:0px solid #ff0000; background: url(../images/banner_bg.jpg) no-repeat left top;}
.banner_mid { width:150px; float:left;}
.bannerbottom_text { font-family: "Myriad Pro" ; color:#f2f2f2; font-size:14px; line-height:16px; padding-left:12px; }

/* =PAGE/SECTION DESCRIPTION BLOCK
   ----------------------------------------------------*/
#descbox_serv { width: 876px; height: auto; padding: 16px 12px; margin: 5px 0 16px 0; background: /*#D1F040*/ /*#A6E677*/ #1f4276; border-bottom: 2px solid #577FBB; overflow:hidden; }
#descbox_servGap { padding:0px 12px 45px 12px; margin:5px 0 26px 0; }
#descltbox{width: 476px; float:left; overflow:hidden; }
#descrtbox{width: 400px; float:left; overflow:hidden;}
#descbox_serv h1 { font: 700 36px Arial, sans-serif; color: #FFF; letter-spacing: 2px; padding: 0 0 3px 0; }
#descbox_serv h2 { font: 700 18px Arial, sans-serif; color: #FFF; letter-spacing: 0.5px; }
#descbox_serv_2 { width: 876px; height: auto; padding: 0 12px 16px 12px; /*background: #A4DD35;*/ float: left; }
#descbox_serv_2 h3 { font: 700 18px Arial, sans-serif; color: #444; padding: 0 0 5px 0; }
#descbox_serv_2 h3 em { font-style: normal; font-weight: bold; border-bottom: 1px solid #dadada; color: #000; background: #FAF79C; }

/* =STANDARD BLOCK
   ----------------------------------------------------*/
.standard_block{width: 876px; padding: 12px 12px 0 12px; margin: 0 0 5px 0; float: left; background: #FFF; border-top: 1px solid #dadada; overflow:hidden;}
.standard_block h2{font: 700 18px Arial, sans-serif; color: #000; padding: 0 0 5px 0; margin: 0 0 12px 0;}

/* =HOME THREE SERVICES
   ----------------------------------------------------*/
#home_descbox{width: 876px; height:120px;  padding:0px 12px 45px 12px; margin:5px 0 26px 0; background: /*#D1F040*/ /*#A6E677*/ #1f4276; border-bottom: 2px solid #577FBB; overflow:hidden;}
#home_descbox h1 { font: 700 30px Arial, sans-serif; color: #FFF; letter-spacing: 3px; padding: 4px 0 15px 0; }
#home_descbox h2 { font: 700 18px Arial; color: #FFF; letter-spacing: 1px; }
#home-pic{position: absolute; z-index: 2; padding: 0px 0 0 45px;}
#home_serv { width: 876px; padding: 0 12px; margin: 0 0 5px 0; float: left; background: url(../images/bg/dotted_div.gif) #FFF; overflow:hidden; }
#home_serv .homeserv_block{ width: 275px; float: left; overflow:hidden; padding: 0 0 12px 0; }
#home_serv .margin-left{margin: 0 15px 0 0;}
#home_serv h1 { font: 700 14px  Arial, sans-serif; color: #000; padding: 0 0 5px 0; margin: 0 0 6px 0; }
#home_serv h3 { font: 700 17px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #444; padding: 0 0 5px 0; margin: 0 0 12px 0; }
#home_serv a{ color: #175595; border-bottom: 1px solid #999;}
#home_serv a:hover{color: #000; border-bottom: 1px solid #000; background: #EFEFEF;}

/* =TWO COLUMNS
   ----------------------------------------------------*/
#maincol{ width: 926px; float: left;}
#main2col { width: 926px;  float: left;}
.main2col_left { width:700px; float: left;}
.main2col_right { width:188px; float: right; background:#f9f9f9; padding:10px; margin-right:6px; }
.tweak_job{ width:700px; background: url(../images/h_dotline.gif) repeat-y top left;}
.tweak_job_area { width:315px; float:left; padding-top:5px;}
.tweak_job_text{ font-family:"Trebuchet MS"; font-size:12px; color:#555454; line-height:17px; }
.tweak_job_price { background:#f6f3b6; width:290px; height:58px; }
.tweak_job_pricetext { font-family:"Trebuchet MS"; font-size:20px; line-height:20px; color:#56a6c4;  }
.tweak_job_turn{font-family:"Trebuchet MS"; font-size:16px; color:#474646; line-height:20px;  }
.custom_design_area { width:345px; float:left; margin-left:38px; padding-top:5px; }
.custom_design_text{ font-family:"Trebuchet MS"; font-size:12px; color:#555454; line-height:17px; }
.community_bottom_img{ width:650px; height:26px; background: url(../images/bg_img.gif) repeat-x top left; font-family:"Trebuchet MS"; font-size:12px; color:#555454; line-height:18px;}
.banner_area{ width:650px;}

/*  =Contacts
    --------------------------------------------------*/
#contacts_formarea { width:650px; float:left; border:1px solid #f0f0f0; padding:7px 5px 23px 27px;}	
.contact_head { font-family: "Trebuchet MS" ; font-size:20px; color:#1986ae;    }
.contact_form { width:647px; float:left; font-family:"Trebuchet MS"; font-size:12px; color:#555454;}
.contact_left{ width:250px; float:left; }
.contact_right{ width:390px; float:left; padding-left:5px; padding-top:3px; }
.text { font-family:"Trebuchet MS"; font-size:12px; color:#333333; line-height:18px; padding-top:3px;}
.contacts_bottom{ width:245px; height:12px; background: url(../images/contact_bottom_img.gif) no-repeat top left; }
.contact_customR{ width:115px; float:left;}
.contact_tweakR{ width:100px; float:left;}
.feedback{ font-size:10px; color:#FF0000; }



/*  =Getintouch
     -------------------------------------------------*/
#getintouch_area {width:926px; padding-bottom:10px; float:left; background: url(../images/dotted_border.gif) no-repeat top;}
.getintouch_text { width:197px; margin-top:9px; padding-right:10px; font-family:"Trebuchet MS"; font-size:12px; float:left; line-height:21px; color:#333333; background: url(../images/h_dot_line.gif) repeat-y top right; }
.getintouch_text1 { width:185px; margin-top:9px; font-family:"Trebuchet MS"; font-size:12px; float:left; line-height:21px; color:#333333;}

/* =custom themes
	--------------------------------------------------*/
#custom_themes{ width: 219px; float:left; padding:35px 0 0 30px;}
.custom_heading{ font-family:Georgia, "Times New Roman", Times, serif ; font-size:28px; line-height:31px; color:#060b13; }
.custom_headitalic{ font-family:Georgia, "Times New Roman", Times, serif ; font-size:28px; color:#060b13; font-style:italic; }
.cutom_wordpress {  font-family:Georgia, "Times New Roman", Times, serif ; font-size:35px; color:#1e4377;}
.custom_bannertext{ font-family: "Trebuchet MS" ; font-size:19px; line-height:24px; color:#090000; }
.quick_turnaround {  font-family:"Trebuchet MS"; font-size:15px; color:#000000; }
.custom_great{ width:176px; height:60px; font-family: "Trebuchet MS" ; font-size:17px; line-height:25px; color:#1e4378; background: url(../images/great.gif) no-repeat top left; text-align:center; padding-top:10px; font-weight:bold; text-transform:uppercase; }
.custom_greattext{ font-family: "Trebuchet MS" ; font-size:19px; line-height:25px; color:#1e4378; text-align:center; font-weight:bold;  }

/* =custom bottom area
    --------------------------------------------------*/
#custom_bottom_area{  width: 900px; background:#c9c7c7; padding:10px 0px 7px 25px; float: left; }
#custom_bottom_area .crazy_life{ width:90px; height:82px; float: left;}
#custom_bottom_area .custext{ width:206px; margin-top:8px; padding-right:5px; font-family:"Trebuchet MS"; font-size:12px; float: left; line-height:14px; color:#FFFFFF; background: url(../images/h_dot_line.gif) repeat-y top right;}
#custom_bottom_area .custext_1{ width:210px; margin-top:8px; font-family:"Trebuchet MS"; font-size:12px; float: left; line-height:14px; color:#FFFFFF;}

/* =FOOTER
   ----------------------------------------------------*/
#footer { width: 925px; height: auto; padding: 8px 0; background: #f0efef; border-top: 1px solid #90a1b9; margin: 0; text-align:center; float: left; }
#footer #footlink { font-family:Tohama,Arial,sans-serif; font-size:11px; color: #808080; text-align:center; line-height:16px;}
#footer #footlink a { color: #808080; text-decoration:none; }
#footer #footlink a:hover { color: #5098b4; text-decoration:none; }

/* =MISCELLANEOUS
   ----------------------------------------------------*/
.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth{clear: both;}
.alignRight { text-align: right; }
.aligncenter { text-align: center;}
.marginT {margin-top:5px;}
.margin-bottom{margin-bottom: 10px;}
.margin-top{margin-top: 10px;}
.marginL{margin-left: 5px;}
.marginL10{margin-left: 10px;}
.marginL15{margin-left: 15px;}
.marginL20{margin-left: 20px;}
.marginT15L25 { margin-top:15px; margin-left:25px; }
.marginT15L22 { margin-top:15px; margin-left:22px; }
.margin-right{margin-right: 10px;}
.input{width: 220px; height:20px; border: 1px solid #e9e9e9;}
.textarea{width: 198px; border: 1px solid #e9e9e9;}
.txt-bg{ background: #e3ecfa; padding: 5px}
a.link{ color: #175595;}
h2 { font-family: "Trebuchet MS" ; font-size:20px; line-height:18px; color:#1986ae; margin:0; padding-top:2px; }
h3 { font-family: "Trebuchet MS" ; font-size:18px; line-height:18px; color:#1986ae; margin:0; padding-top:2px; }
li{ list-style-image:url(../images/list_arrow.gif); font-size:13px; line-height:23px; }
ul { margin:0px; padding: 8px 0 10px 15px; }
input{ border:1px solid #eaeaea;}

.padding20 { padding:20px; }
.paddingL5{ padding-left:5px;}
.paddingL6{ padding-left:6px;}
.paddingL8{ padding-left:8px;}
.paddingL{padding-left:10px;}
.paddingL12{padding-left:12px;}
.paddingL15{ padding-left: 15px;}
.paddingL18{ padding-left: 18px;}
.paddingL20{padding-left:20px;}
.paddingL25{ padding-left:25px; }
.paddingL26{ padding-left:26px; }
.paddingL27{ padding-left:27px; }
.paddingL28{ padding-left:28px; }
.paddingL30{ padding-left:30px; }
.paddingL35{ padding-left:35px; }
.paddingL40{ padding-left:40px; }
.paddingL45{ padding-left:45px; }
.paddingL50{ padding-left:50px; }
.paddingL60{ padding-left:60px; }
.paddingR{padding-right:9px;}
.paddingright{ padding-right: 15px;}
.paddingT2{padding-top:2px;}
.paddingT3{padding-top:3px;}
.paddingT{padding-top:5px;}
.paddingT6{padding-top:6px;}
.paddingT7{padding-top:7px;}
.paddingT8{padding-top:8px;}
.paddingT10{padding-top:10px;}
.paddingT11{padding-top:11px;}
.paddingT12{padding-top:12px;}
.paddingT13{padding-top:13px;}
.paddingT14{padding-top:14px;}
.paddingT15{ padding-top: 15px;}
.paddingT16{ padding-top: 16px;}
.paddingT17{ padding-top: 17px;}
.paddingT19{ padding-top: 19px;}
.paddingT20{ padding-top: 20px;}
.paddingT22{ padding-top: 22px;}
.paddingT23{ padding-top: 23px;}
.paddingT25{ padding-top: 25px;}
.paddingT26{ padding-top: 26px;}
.paddingT27{ padding-top: 27px;}
.paddingT28{ padding-top: 28px;}
.paddingT30{ padding-top: 30px;}
.paddingT118{ padding-top: 118px;}
.paddingT19L28{ padding-top:19px; padding-left:28px;}
.paddingT40L18 { padding-top:40px; padding-left:18px; }
.paddingT42L17 { padding-top:100px; padding-left:17px; }
.paddingT9R17 { padding-top:9px; padding-right:17px; }
.paddingT9L23 { padding-top:9px; padding-left:23px; }
.spacer {height:5px;}
.spacer10 {height:10px;}
.spacer15 {height:15px;}
.spacer18 {height:18px;}
.spacer20 {height:20px;}
.spacer22 {height:22px;}
.spacer23 {height:23px;}
.spacer24 {height:24px;}
.spacer25 {height:25px;}
.spacer30 {height:30px;}
.spacer33 {height:33px;}
.spacer35 {height:35px;}
.spacer91 {height:91px;}
.width {width:285px;}
.bold_text{ font-size:14px; font-weight:bold; }
.bg_color {background-color:#e3ecfa;}
.txt {color:#9aa192; font-size:1em; padding-left:5px;}
.required_text{ color:#FF0000;}
.italic_text{ font-style: italic; font-weight:bold; line-height:24px;}