/*-- http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ ---*/

/** Common Css Here Start **/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
.clear { clear:both }
a img,
:link img,
:visited img { border:0; }
a { text-decoration:none }
ol,
ul { list-style: none; }
q:before,
q:after,
blockquote:before,
blockquote:after { content: ""; }
* { margin: 0; padding: 0; outline: none; }
body{ font-family:"Trebuchet MS", Arial, sans-serif; background:#f1eee3 url(../images/bg_content.gif) repeat top center; }
img { border: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.hide { display:none; }
.over { overflow:visible }
a:link { color: #e3297e; text-decoration:none; }
a:visited { color: #a72761; text-decoration:none; }
a:hover { color: #e3297e; text-decoration:underline; }
a:active { color: #e3297e; text-decoration:none; }
div { font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#353223; text-align: left; line-height: 20px; }
h1 { display:block; width: 139px; height:140px; background:url(../images/logo.png) 0 0 no-repeat; text-indent:-9999px; z-index:1000; }
h2 { font-size: 19px; color: #000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:0.2em; font-weight:normal; line-height:25px }
h3 { font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#358481; text-align: left; }
h4 { font-size: 24px; color: #000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:0.2em; font-weight:normal; line-height:28px }
hr { border-top: 1px solid #e0e0e0; height: 1px; }
p { margin: 0 0 10px 0; padding: 0; line-height:20px }
/** Common Css Here End **/

.small { font-size:11px; text-transform:uppercase }
.title { font:bold 19px/22px Arial, Helvetica, sans-serif; margin-bottom:8px; color:#353223 }
.footTitle { font-size: 16px; color:#cfc485; font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:0.2em; font-weight:lighter; line-height:20px; }
.address { font:10px/12px Arial, Helvetica, sans-serif; color:#ccc; text-align:center }
#bgTop { background:url(../images/bg_page_top.jpg) repeat-x 0 0; float:left; width:100%; }
#wrapper { background:url(../images/bg_wrapper_mainimg83.jpg) no-repeat top center; float:left; width:100%; }
#slider { position:fixed; top:0; left:0; width:100%; z-index:500; float:left }
#slideCenter { margin:0 auto; width:1024px; }
.intro { margin-left:25px; padding-top:50px; color:#353223; float:left; display:inline; }
a.quote1 { display:block; width:140px; height:48px; background:url(../images/btn-quote1.gif) no-repeat top right; text-indent:-9999px; position:absolute; left:610px; top:597px }
a.quote1:hover { background:url(../images/btn-quote1.gif) no-repeat 0 -53px; height:48px; }
a.port { display:block; width:145px; height:90px; background:url(../images/btn-port.gif) no-repeat 0 0; text-indent:-9999px; position:relative; left:390px; top:-380px }
a.port:hover { background: url(../images/btn-port.gif) 0 -94px no-repeat; height:90px; }
/** Navigation Section Start **/
#header_top_row { float:left; width:100%; }
ul#nav { float:right; width:auto; padding:0 40px 0 0; }
ul#nav li { display:block; text-indent:-9999px; margin:0; padding:0; float:right; }
ul#nav li.home a { background:url(../images/nav_sprite.png) no-repeat -8px -2px; display:block; width:71px; height:103px; }
ul#nav li.home a:hover { background:url(../images/nav_sprite.png) no-repeat -8px 0; display:block; width:71px; height:103px; cursor:pointer; }
ul#nav li.services a { background:url(../images/nav_sprite.png) no-repeat -79px -2px; display:block; width:137px; height:103px; }
ul#nav li.services a:hover { background:url(../images/nav_sprite.png) no-repeat -79px 0; display:block; width:137px; height:103px; cursor:pointer; }
ul#nav li.process a { background:url(../images/nav_sprite.png) no-repeat -351px -2px; display:block; width:138px; height:103px; }
ul#nav li.process a:hover { background:url(../images/nav_sprite.png) no-repeat -351px 0; display:block; width:138px; height:103px; cursor:pointer; }
ul#nav li.contact a { background:url(../images/nav_sprite.png) no-repeat -488px -2px; display:block; width:110px; height:103px; }
ul#nav li.contact a:hover { background:url(../images/nav_sprite.png) no-repeat -488px 0; display:block; width:110px; height:103px; cursor:pointer; }
ul#nav li.folio a { background:url(../images/nav_sprite.png) no-repeat -215px -2px; display:block; width:137px; height:103px; }
ul#nav li.folio a:hover { background:url(../images/nav_sprite.png) no-repeat -215px 0; display:block; width:137px; height:103px; cursor:pointer; }
/** Navigation Section End **/

#header { margin: 0 auto; width:980px; height:348px; padding-top:385px; position:relative }
.main { margin: 0 auto; width:980px; position:relative; padding-top:150px; }
.servWrapper { background:url(../images/bg_servN.jpg) top center no-repeat; float:left; width:100%; }
.portWrapper { background: url(../images/bg-portfolio2.jpg) top center no-repeat; height:810px; float:left; width:100%; }
.procWrapper { background: url(../images/bg-process.jpg) top center no-repeat; float:left; width:100%; height:756px; }
#footerwrapper { background:url(../images/bg-gp.jpg) no-repeat; background-position:center center; min-height:900px; height:auto !important; height:900px; margin:0px; padding:0px; font-family:"Trebuchet MS", Arial, sans-serif; color:#9d9885; font-size:14px; float:left; width:100%; }
/*------------ FOOTER----------------*/
.fclear { clear:both }
.fwrapper { width:1020px; margin:auto; padding-top:150px; }
.fright_side { float:right; margin-right:10px }
.fleft_side { height:127px; width:378px; float:left; margin-top:160px }
.ftop-text { width:560px; }
.ftop-text .fleft { width:325px; padding:0px; margin:0px; text-align:justify; float:left; }
.ftop-text .fleft p { float:left; width:310px; color:#9d9885; }
.ftop-text .fleft h2,
.ftop-text .fright h2 { font:bold 30px/32px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; color:#9d9885; }
.ftop-text .fleft img { float:right; margin-left:5px; margin-top:-20px; }
.ftop-text .fright { text-align:left; float:left; margin-left:10px; width:220px; }
.ftop-text .fright p,
.ftop-text .fright a { float:left; width:220px; color:#9d9885; }
.fcontact_form { width:320px; margin-top:15px; float:left; }
.fcontact_form .fheading { width:267px; height:22px; background:url('../images/bg_h2_form.png') no-repeat; padding:4px 10px; }
.fcontact_form .fheading h2 { color:#9d9885; font-family:"Century Gothic", "Trebuchet MS", Arial, sans-serif; font-size:16px; width:230px; float:left; cursor:pointer; font-weight:bold }
.fcontact_form .fexpand { margin-bottom:2px; }
.fcontact_form .fheading .fbtn { float:right; margin-right:-8px; margin-top:-2px; border-left:solid 2px #645e52 }
.fcontact_form .farea { background:#3b332e; width:284px; display:none; margin-left:2px; }
.ffield { width:210px; height:20px; background:#5f554e; border:none; color:#fff }
.flabel { color:#c3c1b8; padding-left:4px; padding-right:4px }
#cinfo table tr td { padding-bottom:4px; }
#cinfo { padding-top:10px; }
#cinfo input { height:10px }
#services { padding-top:10px; padding-bottom:5px }
.fservice { color:#c3c1b8; padding-left:5px; font-size:13px; padding-bottom:5px }
.fservice input { margin-right:4px; }
#time_frame { padding-top:10px; padding-bottom:5px }
.ftframe { color:#c3c1b8; padding-bottom:8px; padding-right:40px; padding-left:7px }
.ftframe input { margin-right:6px }
#budget { padding-top:10px; padding-bottom:5px }
.fbudget { color:#c3c1b8; padding-left:10px; font-size:13px; padding-bottom:5px }
.fbudget input { margin-right:5px }
.freferred { color:#c3c1b8; padding-left:10px; font-size:12px; padding-bottom:5px }
.freferred input { margin-right:5px; background:#5f554e; border:none; color:#fff; }
#referred { padding-top:10px; padding-bottom:5px }
.ficons { float:left; margin-top:20px }
.ficons ul { margin-top:10px; clear:both; }
.ficons ul li { float:left; list-style:none; margin-right:15px; margin-bottom:10px }
.fbottom { width:284px; margin-top:10px }
.fsmall { font-size:12px; width:100px; float:left }
.fsubmit { cursor:pointer; background:url('../images/submit.png') no-repeat; width:129px; height:32px; border:none; float:right; margin-top:10px }
#thankYou { width:280px; margin-top:15px; float:left; display:none; background:#3b332e; display:none; margin-left:2px; margin-right:40px; padding:15px 10px; font-weight:bold }
.floader { }
.fbar { display:none; background: url('../images/ajax-loader.gif') no-repeat; margin-left:20px; margin-top:50px; height:20px; width: 230px; }
.footerwrapper a img { border:none; }
.footerwrapper a { text-decoration:none }
.ferrContainer { display:none }
.ferrContainer label.ferror { display: inline; color:#c1bbaa }
.ferrContainer ul { margin-left:10px; list-style:none; margin-top:0px; margin-top:10px }
.farea td .ferror { background:#6d6760 }
.fverify { width:200px; margin-left:20px }
.fverify input { background:#5f554e; border:none; color:#fff; margin-top:10px }
/*-----------------------*/
.port { display:block; width:780px; }
.sixCol { display:block; width:460px;}
.fourCol { width:300px; margin-top:-50px; z-index:2; float:left; margin-left:-10px }
.threeCol { width:210px; margin-right:20px; margin-bottom:30px; display:inline; float:left }
.twoCol { width:140px; margin-left:20px; margin-top:10px }
.nineCol { width:700px; margin-left:-20px }
.sixCol.about h3 { background:url(../images/title_wow.jpg) no-repeat 0 0; height:60px; text-indent:-9999px; margin-left:-5px; margin-bottom:10px }
.sixCol.about p span { font-size:17px }
.sixCol.about a.btn { background: url(../images/bg_stand_out.png) no-repeat 0 bottom; text-indent:-9999px; display:block; height:30px; }
.sixCol.about a.btn:hover { cursor:pointer }
.serv { height:250px; width:480px; padding:0; background:url(../images/bg_services.png) no-repeat 0 0; margin-bottom:10px; margin-top:30px }
.serv img { padding-right:10px; }
.serv_content { padding: 30px 40px 20px 10px; }
h2.email { display:block; width:310px; height:64px; background:url(../images/title-email.gif); text-indent:-9999px; margin-top:-40px; position:absolute; margin-left:10px }
h2.web { display:block; width:310px; height:64px; background:url(../images/title-web.gif); text-indent:-9999px; margin-top:-40px; position:absolute; margin-left:10px }
h2.brand { display:block; width:310px; height:64px; background: url(../images/title_brand.gif); text-indent:-9999px; margin-top:-40px; position:absolute; margin-left:10px }
h2.seo { display:block; width:310px; height:64px; background:url(../images/title-seo.gif); text-indent:-9999px; margin-top:-40px; position:absolute; margin-left:10px }
.serv_content ul li { list-style-image:url(../images/bullet.gif); margin-left:20px; padding-bottom:2px }
.serv_content .image { width:146px }
.serv_content .copy { width:280px }
.image_thumb ul.brand1 { padding-top:42px }
.image_thumb ul { height:95px }
.processBG { margin:0 auto; background:url(../images/bg_process_btm.png) no-repeat center bottom; padding-bottom:60px }
.proc h3 { background: url(../images/title_process.jpg) no-repeat 0 0; height:104px; text-indent:-9999px; margin-bottom:0; z-index:1 }
.proc img { margin-bottom:10px }
a.footlink { margin-top:200px }
#formContainer { margin-top:25px }
#formContainer label.title,
span.label { display:block; color:#685f58; font-size:11px; line-height:15px; margin-bottom:0; text-transform:uppercase }
form label em { color: #a09581; padding-left:3px }
form input,textarea { color: #c9c1af;  margin:3px 10px 10px 0; padding:2px 2px 1px 2px!important; display:inline; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
input.boxSml { width: 130px; }
input.boxLrg { width: 280px; }
div.email { clear:left }
div.column { float:left; }
div.controlset { clear:left; }
span.label { margin-bottom:5px }
div.controlset label,
div.controlset input { float:left; margin-bottom:5px }
div.controlset label { margin:3px 10px 2px 0; color:#685f58; font-size:11px; }
div.controlset input { background:none; border:none; padding:0 }
div.desc { clear:left; padding-top:10px }
div.desc label { margin-bottom:3px; }
form button { background:url(../images/btn-submit.gif) no-repeat 0 -1px; display:block; width:109px; height:50px; text-indent:-9999px; border:none }
form button:hover { background:url(../images/btn-submit.gif) no-repeat 0 -50px; display:block; width:109px; height:50px; text-indent:-9999px; border:none; cursor:pointer }
div.thankyou { width:380px; padding:10px }
div.thankyou .title { font-size:30px; line-height:36px }
div.thankyou p { font-size:18px }
/*------------------------------------------   
	Header Slider
  ------------------------------------------*/
/*--Main Container--*/
.main_view { float: left; position:relative; margin-left:-10px; width:auto; display:inline }
/*--Window/Masking Styles--*/
.window { height:210px; width:385px; overflow: hidden; position: relative; }
.image_reel { position: absolute; top: 0; left: 0; }
.image_reel img { float: left; }
/*--Paging Styles--*/
.paging { position: absolute; bottom: 10px; right: -18px; width: 93px; height:31px; z-index: 100; /*--Assures the paging stays on the top layer--*/ text-align: center; line-height: 10px; background: url(../images/paging_bg2.png) no-repeat; display: none; /*--Hidden by default, will be later shown with jQuery--*/ padding-left:35px }
.paging a { padding:5px 5px 6px; text-decoration:none; color:#333;float:left; }
.paging a.active { font-weight: bold; background:#b9cbc6; }
.paging a:hover { font-weight: bold; }
/** Portfolio Section  Code **/
.main_image { color:#fff; background-color:#333; float:left; height:505px; margin-left:5px; margin-top:68px; overflow:hidden; position:relative; width:690px; }
.main_image h2 { font-size: 2em; font-weight: normal; margin: 0 0 5px; padding: 10px; }
.main_image p { font-size: 1.2em; line-height: 1.6em; padding: 10px; margin: 0; }
.block small { /*--We'll be using this same style on our thumbnail list--*/ font-size: 1em; padding: 0 0 0 20px; background: url(../single_page/new/css/icon_calendar.gif) no-repeat 0 center; }
.main_image .block small { margin-left: 10px; }
.main_image .desc { position: absolute; bottom: 0; left: 0; /*--Stick the desc class to the bottom of our main image container--*/ width: 100%; display: none; /*--Hide description by default, if js is enabled, we will show this--*/ }
.main_image .block { width: 100%; background:#111; border-top: 1px solid #000; }
.main_image a.collapse { /*--This is our hide/show tab--*/ background: url(../single_page/new/css/btn_collapse.gif) no-repeat left top; height:27px; width:93px; text-indent:-99999px; position: absolute; top:-27px; right:20px; }
.fourCol.intro { margin-left:20px}
.main_image a.show { background-position: left bottom; }
.image_thumb { float: left; width: 280px; margin-left:20px; margin-top:160px; }
.image_thumb img { border: 1px solid #cac7b8; background:#fff; padding:4px; float: left; }
.image_thumb ul { margin: 0; padding: 0; list-style: none; }
.image_thumb ul li { margin-right:10px; margin-bottom:5px; width:60px; float:left; }
.image_thumb ul a:hover img { /*--Hover State--*/ background: #cec5aa; border: 1px solid #b2b0a6; cursor: pointer; }
.image_thumb ul .active img { /*--Active State--*/ border: 1px solid #b2b0a6; background: #dbd5c3; cursor: default; }
.image_thumb ul .active a:hover img { border: 1px solid #b2b0a6; background: #dbd5c3; cursor: default; }
html .image_thumb ul li h2 { font-size: 10px; text-transform:uppercase; padding: 0; }
.image_thumb ul li .block { float: left; padding: 0; width: 70px; }
.image_thumb ul li small { display: none; }/*--Hide the description on the list items--*/
.image_thumb ul li p { display: none; }/*--Hide the description on the list items--*/
/** Contact Form Code Start **/

/*Wrapper*/
.wrapper { width:1020px; margin:auto; padding-top:150px; }
.right_side { float:right; margin-right:10px; display:inline; }
.left_side { height:127px; width:378px; float:left; margin-top:160px }
.top-text { width:560px; }
.top-text .left { width:325px; padding:0px; margin:0px; text-align:justify; float:left; }
.top-text .left p { float:left; width:310px; margin:0; font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #9D9885; text-align:justify }
.top-text .left h2,
.top-text .right h2 { font-size:30px; float:left; color:#9D9885; }
.top-text .left img { float:right; margin-left:5px; margin-top:-20px; }
.top-text .right { text-align:left; float:left; margin-left:10px; width:220px; }
.top-text .right p { float:left; width:220px; margin:0; font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9D9885; }
.top-text .right p a { color:#9d9885; }
.contact_form { width:320px; margin-top:15px; float:left; }
.contact_form .heading { width:267px; height:22px; background:url('../images/bg_h2_form.png') no-repeat; padding:4px 10px; }
.contact_form .heading h2 { font-family:"Century Gothic", "Trebuchet MS", Arial, sans-serif; font-size:16px; width:230px; float:left; cursor:pointer; font-weight:normal; color:#9D9885; margin-bottom:0; }
.contact_form .expand { margin-bottom:2px; float:left; width:auto; }
.contact_form .heading .btn { float:right; margin-right:-8px; margin-top:-2px; border-left:solid 2px #645e52 }
.contact_form .area { background:#3b332e; width:284px; display:none; margin-left:2px; }
.field { width:206px; height:18px !important; background:#5f554e; border:none; color:white; margin-right:0 }
.label { color:#c3c1b8; padding-left:4px; padding-right:4px; font-family: "Trebuchet MS", Arial, sans-serif; font-size:14px; }
#cinfo table tr td { padding-bottom:4px; }
#cinfo { padding-top:10px; float:left; }
#services { padding-top:10px; padding-bottom:5px; float:left }
.service { color:#c3c1b8; padding-left:5px; padding-bottom:7px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif !important ; }
.service input { margin-right:4px }
#time_frame { padding-top:10px; padding-bottom:5px; float:left }
.tframe { color:#c3c1b8; padding-bottom:9px; padding-right:40px; padding-left:7px }
.tframe input { margin-right:6px }
#budget { padding-top:10px; padding-bottom:5px; float:left }
.budget { color:#c3c1b8; padding-left:10px; font-size:13px; padding-bottom:7px }
.budget input { margin-right:5px; background-color:#3B332E; border:0; }
.referred { color:#c3c1b8; padding-left:10px; font-size:12px; padding-bottom:7px }
.referred input { margin-right:5px; border:none; color:white; }
.referred input.txtbox { background:#5f554e; height:19px; width:127px }
#referred { padding-top:10px; padding-bottom:5px; float:left }
.contact_form input { margin-top:0; padding:0; margin-bottom:0 }
#services input { background-color:#3B332E; border:0; }
#message { float:left; }
#message textarea { color:#c3c1b8; width:258px; height:173px; margin:15px 6px; background:#584f48; border:solid 1px black; font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:6px !important; display:inline }
.icons { float:left; margin-top:20px }
.icons ul { margin-top:10px; clear:both; }
.icons ul li { float:left; list-style:none; margin-right:15px; margin-bottom:10px; display:inline; }
.bottom { float:left; width:284px; padding-top:10px }
.form_small { font-size:12px; width:100px; float:left; margin:0; color: #9D9885; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
.submit { cursor:pointer; background:url(../images/submit_btn01.png) no-repeat 0 0; width:129px; height:32px; border:none; float:right; margin-top:10px }
#thankYou { width:280px; margin-top:15px; float:left; display:none; background:#3b332e; display:none; margin-left:2px; margin-right:40px; padding:15px 10px; font-weight:bold }
.bar { display:none; background:url('../images/ajax-loader.gif') no-repeat 0 0; margin-left:20px; margin-top:50px; height:20px; width: 230px; }
.errContainer { display:none }
.errContainer label.error { display:inline; color:#c1bbaa }
.errContainer ul { margin-left:10px; list-style:none; margin-top:0px; margin-top:10px }
.area td .error { background:#6d6760 }
.verify { width:208px; margin-left:20px; float:left; }
#sum { margin-right:0; }
.verify label { font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9D9885; }
.verify input { background:#5f554e; border:none; color:#fff; margin-top:10px; height:20px; }
/** Footer Section Code Here Start **/
#footer .main p { color:#98927e; margin-bottom:10px }
#footer .twoCol { width:200px }
#footer .twoCol img.icon { display:inline; padding:10px 0 20px 0; }
#footer .twoCol { margin-top:20px }
#footer .fourCol { margin-right:30px; width:300px; color:#9f9a8a; margin-top:20px }
#footer .fourCol img { margin-bottom:10px }
#footer .small { font-size:15px; color:#998e85 }
#footer .title { font:normal 30px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:8px; color:#98927e }
a.btnEmail { background: url(../images/btn-email.gif) 0 -1px no-repeat; display:block; width:200px; height:50px; text-indent:-9999px }
a.btnEmail:hover { background: url(../images/btn-email.gif) 0 -50px no-repeat; display:block; width:180px; height:50px; text-indent:-9999px }
#footer .social { background: url(../images/title-reviews.png) right 0 no-repeat; padding-top:50px; margin-top:40px; overflow:visible }
#footer .verify { background: url(../images/title-test.png) right 0 no-repeat; padding-top:50px; overflow:visible }
#footer .social div.right,
#footer .verify div.right { margin-right:15px }
#footer .social div.first,
#footer .verify div.first { margin-right:30px }
#footer .social div.right:hover,
#footer .verify div.right:hover { cursor:pointer }
/** Footer Section Code Here End **/