@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; /*background: #f2f1ec url(../images/bg-body.gif) repeat-x scroll 0 0;*/ background: #f2f1ec url(../images/bg-body-short.gif) repeat-x scroll 0 0; }
.fix{clear:both; float: none; overflow:hidden; height:0px !important; width:100%; }

.bgL{width:50%; height:138px; background:url(../images/bg-left.gif) repeat-x 0 111px; }
.container{width:100%; position: absolute; top: 0; left: 0; }
.shL{/*width:1015px; margin: auto; background: url(../images/shadow-left.jpg) no-repeat left 138px; */}
.shR{/*width:1015px; margin: auto; background: url(../images/shadow-right.jpg) no-repeat right 138px; */}
.content{width:995px; margin: auto; }

.header{width:995px; height:106px; overflow: hidden; background: #FFFFFF url(../images/logo-clientsolution.gif) no-repeat scroll 23px 15px; font-size:13px; color:#89b417; text-align:right; }
.header a {display:block; float:left; width:400px; height:106px; text-decoration:none; }
.header .menu_extra_top{/* display: none; */ float: right; width: 300px; color: #c8dc93; text-align: right; font-size: 11px; line-height: 100px; }
.header .menu_extra_top a{display: inline; float: none; width: auto; height: auto; color:#4b4b4b; }

.content .left {width:270px; height: 340px; overflow: hidden; float:left; }
.content .left ul {display:block; margin:0; padding:18px 0 0 0; list-style:none; width:270px; height: 320px; background: #8ab417 url(../images/bg-left-menu.jpg) no-repeat scroll 0 0; color: #FFF; }
.content .left ul li {display:block; margin:0; padding:0; list-style:none;}
.content .left ul li a {display:block; line-height: 43px; font-size: 18px; color: #FFF; text-decoration: none; font-family: "Trebuchet MS", Tahoma, Sans-Serif; }
.content .left ul li a span {display:block; float: left; width: 43px; height: 43px; line-height: 43px; font-size: 24px; color: #333; text-align: center; }
.content .left ul li a:hover span {color: #FFF; }

.content .right {width:725px; height: 340px; overflow: hidden; float:left; }
.content .right .menu_top {padding-top:5px; width: 100%; height:27px; overflow:hidden;}
.content .right .menu_top ul {display: block; width: 100%; height:26px; margin:0; padding:0; list-style:none; background-color: #413f40; border-bottom: 1px solid #FFF; }
.content .right .menu_top ul li {display: block; width: 24.9%; height:26px; float:left; margin:0; padding:0; list-style:none; }
.content .right .menu_top ul li a {display: block; height:25px; line-height: 25px; background: #413f40 url(../images/bg-top-menu.gif) no-repeat scroll 0 0; border-top: 1px solid #676767; text-decoration:none; font-size: 18px; color: #FFF; text-decoration: none; font-family: "Trebuchet MS", Tahoma, Sans-Serif; text-align: center; }
.content .right .right_content {width:725px; height: 308px; overflow: hidden; background-color:#FFF; }

.content .main_content{width: 995px; height: auto; overflow: hidden; background-color:#FFF; }

.footer {width:100%; float: none; clear:both; background: transparent url(../images/bg-footer.gif) repeat-x scroll 0 0; padding-top: 10px; text-align:center; }
.footer .main_footer {width:995px; margin:auto; color:#888; font-size:11px;}
.footer .main_footer a {color:#888; text-decoration: none; }
.footer .main_footer .footer_menu {width: 995px; overflow: hidden; padding: 0 0 10px 0; }
.footer .main_footer .footer_menu ul {display: block; margin: 0; padding: 0; list-style: none; text-align: left; }
.footer .main_footer .footer_menu ul li {display: block; margin: 0; padding: 0; list-style: none; text-align: left; width: 11%; float: left; padding-right: 1.5%; }
.footer .main_footer .footer_menu ul li ul li {width: 100%; float: none; }
.footer .main_footer .copyright {text-align: center; padding: 10px; clear: both; border-top: 1px dotted #ccc; }


/* HOMEPAGE */


.content .right_content .index_pic {width:725px; height:306px; background:url(../images/index_pic.jpg) no-repeat; }

.content .main_content .box {width:270px; min-height: 250px; margin:15px 39px 0 0; float:left; background-color: #FFF; border: 1px solid #FFF; }
.content .main_content .box h5 {font-family: "Trebuchet MS", Tahoma, Sans-Serif; font-weight: normal; font-size: 17px; color: #000; line-height: 35px; text-indent: 10px; width: 100%; height: 45px; margin: 0; padding: 0; background: transparent url(../images/bg-box-header.gif) repeat-x scroll 0 0; }
.content .main_content .box input {width:150px; background:#f2f1ec; border:1px #d3d3d3 solid;}
.content .main_content .box textarea {width:150px; background:#f2f1ec; border:1px #d3d3d3 solid; height:76px;}
.content .main_content .box table {font-family: Arial, Helvetica, Sans-Serif; height: 205px; }
.content .main_content .box td.label {text-align:right; color:#534b4d; font-size: 13px; line-height: 20px; }
.content .main_content .box input.submit {width:74px; height:21px; margin-right:25px;}
.content .main_content .box td.submit {text-align:right; height:33px; vertical-align:top;}

.content .main_content .box2 {width:300px; min-height: 250px; margin:15px 39px 0 0; float:left; background-color: #FFF; border: 1px solid #FFF; }
.content .main_content .box2 h5 {font-family: "Trebuchet MS", Tahoma, Sans-Serif; font-weight: normal; font-size: 17px; color: #6f9408; line-height: 35px; text-indent: 10px; width: 100%; height: 45px; margin: 0; padding: 0; background: transparent url(../images/bg-box2-header.gif) repeat-x scroll 0 0; }



/* SECONDARY PAGES */


.content .right_content .text {display: block; padding: 10px 20px 0 20px; width:685px; overflow: hidden; }
.content .main_content .text {display: block; padding: 20px; width: 955px; overflow: hidden; }

.text h1 {font-family: "Trebuchet MS", Tahoma, Sans-Serif; font-size: 28px; color: #231f20; font-weight: normal; }
.text h2 {font-family: "Trebuchet MS", Tahoma, Sans-Serif; font-size: 24px; color: #646464; font-weight: normal; }
.text h3 {font-family: "Trebuchet MS", Tahoma, Sans-Serif; font-size: 20px; color: #383838; font-weight: normal; margin: 0; padding: 0; height: 24px; line-height: 24px; background: #FFF url(../images/bg-h3.gif) repeat-x scroll 0 4px; }
.text h3 a {float: right; line-height: 24px; }
.text h3 span {display: block; float: left; width: 20px; height: 24px; background: transparent url(../images/arrow-right-title.gif) no-repeat scroll left; }
.text h4 {font-family: Arial, Helvetica, Sans-Serif; margin-bottom: 0; padding-bottom: 0; }

.right_content h1 {margin: 0; padding: 0; height: 45px; line-height: 45px; color: #79a10b; }

.text p {font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; color: #413f40; font-weight: normal; line-height: 20px; }
.text li, .text dt, .text dd {font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; color: #413f40; font-weight: normal; line-height: 20px; }
.text a {display: inline; text-decoration: none; border-bottom: none; font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; color: #79a10b; font-weight: normal; line-height: 20px; }
.text a:hover {display: inline; color: #79a10b; text-decoration: none; border-bottom: 1px solid #79a10b; }
.text a img {border: none; }
.text hr {height: 20px; width: 100%; overflow: hidden; border: none; border-bottom: 1px dashed #CCC; background-color: transparent; float: none; clear: both; padding: 0; margin: 0 0 20px 0; }

.text_pics {width:260px; min-height: 200px; overflow: hidden; background-color: #FFF; padding-bottom: 10px; text-align: center; }
.text_pics a {display: block; width: 260px; }
.text_pics a:hover {display: block; border-bottom: none; }
.text_pics a strong {color: #000; }
.main_content .text_pics {float: left; padding-right: 20px; }
.right_content .text_pics {float: right; padding-left: 20px; }

.thb_pics {width:33%; min-height: 200px; overflow: hidden; background-color: #FFF; padding: 0 0 20px 0; float: left; text-align: center; }
.thb_pics a {display: block; width: 100%; outline: none; }
.thb_pics a:hover {display: block; border-bottom: none !important; }
.thb_pics a strong {color: #000; }

.text ul.list1 {display: block !important; position: relative; margin: 0 inherit 0 inherit !important; padding: 0 inherit 0 inherit !important; list-style-type: inherit !important; list-style-position: inherit !important; list-style-image: inherit !important;}
.text ul.list1 li{position: relative; margin-top: 0 !important; margin-right: inherit !important; margin-bottom: 0 !important; margin-left: inherit !important; padding-top: 0 !important; padding-right: inherit !important; padding-bottom: 0 !important; padding-left: inherit !important; list-style-type: square !important; list-style-position: outside !important; float:none !important; display:list-item !important; }

.text ul.list2 {display: block !important; position: relative; margin: 0 inherit 0 inherit !important; padding: 0 inherit 0 inherit !important; list-style-type: inherit !important; list-style-position: inherit !important; list-style-image: inherit !important;}
.text ul.list2 li{position: relative; margin-top: 0 !important; margin-right: inherit !important; margin-bottom: 0 !important; margin-left: inherit !important; padding-top: 0 !important; padding-right: inherit !important; padding-bottom: 0 !important; padding-left: inherit !important; list-style-type: square !important; list-style-position: inside !important; float:none !important; display:list-item !important; }

.text ul.testimonials {margin: 0; padding: 0; list-style: none; }
.text ul.testimonials li {margin: 0; padding: 0; list-style: none; min-height: 120px; overflow: hidden; }
.text ul.testimonials li h4 {margin: 0; padding: 0; }
.text ul.testimonials li a {display: block; float: left; margin: 0 20px 20px 0; }
.text ul.testimonials li a:hover {display: block; border-bottom: none; }
.text ul.testimonials li a img {}
.text ul.testimonials li p {margin: 0; padding: 0; font-style: italic; letter-spacing: 1px; font-size: 1.1em; }
.text ul.testimonials li p a {display: inline; float: none; margin: 0; }
.text ul.testimonials li p a:hover {display: inline; float: none; margin: 0; border-bottom: 1px solid #79a10b; }

.text .industrySelect {display: block; float: right; width: 216px; height: 45px; margin: 0 5px 0 0; position: relative; background: transparent url(../images/bg-box-header.gif) repeat-x scroll 0 0; }
.text .industrySelect span {display: block; width: 216px; height: 35px; background: transparent url(../images/arrow-down-selector.gif) no-repeat scroll 190px 10px; }
.text .industrySelect ul {display: none; margin: 0; padding: 0; list-style: none; position: absolute; width: 216px; background-color: #8ab417; }
.text .industrySelect ul li {display: block; margin: 0; padding: 0; list-style: none; border-top: 1px dotted #FFF }
.text .industrySelect span a {display: block; text-decoration: none; border-bottom: none; font-family: "Trebuchet MS", Tahoma, Sans-Serif; font-size: 18px; color: #000; font-weight: normal; line-height: 35px; text-indent: 10px; }
.text .industrySelect span a:hover {display: block; text-decoration: none; border-bottom: none; color: #333; }
.text .industrySelect li a {display: block; text-decoration: none; border-bottom: none; font-family: "Trebuchet MS", Tahoma, Sans-Serif; font-size: 18px; color: #fff; font-weight: normal; line-height: 35px; text-indent: 10px; }
.text .industrySelect li a:hover {display: block; text-decoration: none; border-bottom: none; color: #fff; }

.text .industryBig {width:678px; height:241px; overflow: hidden; margin: auto; background-position: 0 12px; background-repeat: no-repeat; padding-top: 12px; }
.text .industryBig img {display: block; width:678px; height:241px; border: none; }
    .healthcare {background-image: url(../images/indB_healthcare.jpg); }
    .retail {background-image: url(../images/indB_retail.jpg); }
    .travel {background-image: url(../images/indB_travel.jpg); }
    .realestate {background-image: url(../images/indB_realestate.jpg); }
    .restaurants {background-image: url(../images/indB_restaurants.jpg); }
    .community {background-image: url(../images/indB_community.jpg); }

.text .industrySmall {width:678px; height:241px; overflow: hidden; margin: auto; background: #f2f1ec url(../images/industry-mask-big.gif) no-repeat scroll 0 0; margin-top: 12px; }
.text .industrySmall ul {display: block; width:668px; height:231px; margin: 0; padding: 5px; list-style: none; }
.text .industrySmall li {display: block; float: left; clear: none; width:222px; height:115px; margin: 0; padding: 0; list-style: none; background-repeat: no-repeat; background-position: 7px 35px; }
.text .industrySmall li a {display: block; float: left; clear: none; width:210px; height:100px; margin: 0; padding: 6px 6px 9px 6px; line-height: 28px; font-size: 16px; color: #4c4c4c; }
.text .industrySmall li a img {display: block; width:210px; height:74px; margin: 0; padding: 0; border: none; }
.text .industrySmall li a:hover {display: block; border-bottom: none; color: #79a10b; }
    .healthcareSmall {background-image: url(../images/indS_healthcare.jpg); }
    .retailSmall {background-image: url(../images/indS_retail.jpg); }
    .travelSmall {background-image: url(../images/indS_travel.jpg); }
    .realestateSmall {background-image: url(../images/indS_realestate.jpg); }
    .restaurantsSmall {background-image: url(../images/indS_retstaurants.jpg); }
    .communitySmall {background-image: url(../images/indS_community.jpg); }

.text dl.features {display: block; margin: 0; padding: 10px 0 10px 220px; list-style: none; width: 450px; overflow: hidden; background-color: #eee; position: relative; }
.text dl.features dt {display: block; margin: 0; padding: 0; list-style: none; width: 190px; position: absolute; left: 10px; top: 10px; font-weight: bold !important; text-align: left; vertical-align: middle; }
.text dl.features dd {display: inline; margin: 0; padding: 0; list-style: none; min-width: 49%; float: left; font-size: 0.8em !important; white-space: nowrap; }




/*Styles for the Forms */
.Form {width: 100%; margin: auto; margin-top: 0px; margin-bottom: 10px; border-width: 1px; border-style: solid; border-color: #CCCCCC; background-color: #FFFFFF; color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; line-height: 20px; overflow: hidden;}
.Form div.FormContent {width: 580px;  padding: 0px; overflow: hidden;}

.Form h5, .Form h6 {display: block; float: none; clear: both; text-align: center; margin: 0px; padding: 0px; margin-bottom: 5px; text-transform: capitalize; }
.Form h5 {width: 100%; font-size: 15px; height: 25px; line-height: 25px; background-color: #EEEEEE; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; }
.Form h6 {width: 98%; margin: 1%; font-size: 14px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; height: 30px; line-height: 30px; }

.Form p.Info {width: 40%; float:left; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px !important; line-height: 20px; color: #666666; margin: 1%; padding: 0px; }
.Form p.Error {width: 98%; float: none; clear: both; font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; text-align: center; color: #FF0000; line-height: 15px; margin: 1%; padding: 0px; }


.Form div.Buttons {width: 50%; text-align: center; float: right; margin: 1%; padding:0; white-space: nowrap; }
.Form div.Buttons .Button {width: 100px !important; float: right !important; clear: none; position: relative; margin-right: 10px; }
/*
a.Button {width: 100px; margin: auto; display: block; position: relative; text-align: center; text-decoration: none; font-weight: bold; height: 20px !important; line-height: 20px !important; font-size: 12px; }
a.Button:hover {}
input.Button {width: 100px; margin: auto; text-align: center; text-decoration: none; font-weight: bold; height: 20px !important; line-height: 20px !important; font-size: 12px; border: none; }
input.Button:hover {}
*/


.Form input, 
.Form select, 
.Form textarea {width: 98%; border: 1px solid #CCCCCC; background-color: #f2f1ec; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

.Form ul {display: block; margin: 0px; padding: 0px; list-style-type: none; }
.Form li {display: block; margin: 0px; padding: 0px; list-style-type: none; float: left; clear: none; }

.Form ul li label {display: block; float: left; clear: none; text-align: right; text-transform: capitalize; }
.Form ul li span {display: block; float: left; clear: none; text-align: left; height: 25px; /*overflow: hidden; */}
.Form ul li label span {color: #FF0000; font-weight: bold; display: inline !important; visibility: hidden; }

.Form .Full {width: 100%; margin: 0%; overflow: hidden;  /**/}
.Form .Half {width: 50%; margin: 0%; overflow: hidden; /**/}
.Form .Inline {display: block; float: left; clear: none; }
.Form .Block {display: block; float: none; clear: both; }

.Form ul.Full li.Full label {width: 18%; margin-right: 1%; }
.Form ul.Full li.Full span {width: 81%; margin-right: 0%;color:#FF0000 !important }

.Form ul.Full li.Half label {width: 36%; margin-right: 2%; }
.Form ul.Full li.Half span {width: 60%; margin-right: 0%; margin-left: 0%; }
.Form ul.Half li.Full label {width: 36%; margin-right: 2%; }
.Form ul.Half li.Full span {width: 60%; margin-right: 0%; margin-left: 0%; color:#FF0000 !important}

.Form ul.Half li.Half label {width: 94%; margin-right: 2%; margin-left: 2%; display: inline; }
.Form ul.Half li.Half span {width: 94%; margin-right: 0%; margin-left: 2%; display: inline; }

.Form ul.Full li.Full label span, 
.Form ul.Full li.Half label span, 
.Form ul.Half li.Full label span, 
.Form ul.Half li.Half label span {display: inline !important; float: none; clear: none; text-align: right; width: 5%; margin-right: 0%; margin-left: 0px; }

.Form span.Double {display: block !important; float: none !important; clear: both !important; width: 100% !important; height: 20px !important; overflow: hidden !important; margin-bottom: 5px !important; }
.Form span.Double input, 
.Form span.Double select {display: block !important; float: left !important; clear: none !important; width: 48% !important; }
.Form span.Double span {display: block !important; float: left !important; clear: none !important; width: 2% !important; }

/* END styles for the Forms */

li.Message {visibility: visible !important; height:100px !important}
div.ContactForm li.Email label span,
div.ContactForm li.Message label span {visibility: visible !important;}
a.Button {background-color: #2c2c2c; color: #FFFFFF !important; width: 100px; margin: auto; display: block; position: relative; text-align: center; text-decoration: none; font-weight: bold; height: 20px !important; line-height: 20px !important; font-size: 13px; }
a.Button:hover {background-color: #3d3d3d; color: #FFFFFF; }
input.Button {background-color: #2c2c2c; color: #FFFFFF !important; width: 100px; margin: auto; text-align: center; text-decoration: none; font-weight: bold; height: 20px !important; line-height: 20px !important; font-size: 13px; border: none; }
input.Button:hover {background-color: #3d3d3d; color: #FFFFFF; }

/*CONTACT PAGE*/
.Form 
{
    width: 580px !important; 
    border-color: #60502e;
    }
.Form h5 
{
    background-color: #88b417;
    color: #fefefe;
    margin-bottom: 10px;
    }
.Form h6 
{
    color: #292929; 
    }
	
.Form .LastName { font-size:13px}
.Form .Phone { font-size:13px}
.Form .Subject { font-size:13px}
.Form .Message { font-size:13px}
.Form .Email { font-size:13px}
.Form .FirstName { font-size:13px}




.listClients li {display: block; clear: both !important; }




/* OVERLAY */

        /* the overlayed element */
        .big_overlay {
	
	        /* must be initially hidden */
	        display:none;
	
	        /* place overlay on top of other elements
	        z-index:10000; */
	
	        /* styling */
	        width:800px;	
	        height:600px;
	        background-image: url(../images/portfolio/bg_big.png);
	        background-position: center;
	        background-repeat: no-repeat;
	        text-align: center;
	        vertical-align: middle;
	        padding: 10px;
	        }

        /* close button positioned on upper right corner */
        .big_overlay .close {
	        background-image:url(../images/portfolio/bg_close.png);
	        background-position: center;
	        background-repeat: no-repeat;
	        position:absolute;
	        right:-5px;
	        top:-5px;
	        cursor:pointer;
	        height:35px;
	        width:35px;
        }