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

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

.bg_left{width:50%; height:446px; background:url(../images/bg_left.jpg) repeat-x top; position: absolute; top: 0; left: 0;}
.container{width:100%; position: absolute; top: 0; left: 0;}


.content{width:995px; margin: auto;}

.header{width:995px; height:106px; background:url(../images/logo.jpg) no-repeat left; display:block; float:left; text-align: center; font-size:13px; color:#89b417; text-align:right;}
.header a { width:360px; height:100px; display:block; float:left}
.header .menu_extra_top{ margin-top:40px;}
.header .menu_extra_top a{color:#4b4b4b; text-decoration:none;}

.content .left{width:360px; float:left; display:inline;}
.content .left ul,li{margin:0; padding:0; list-style:none;}
.content .left ul li{display:block; float:left;}

.content .left ul li.dvd1{background:url(../images/menu_left_dvd1.jpg) no-repeat; height:2px !important; width:360px; overflow:hidden;}
.content .left ul li.dvd2{background:url(../images/menu_left_dvd2.jpg) no-repeat; height:2px; width:360px; overflow:hidden;}
.content .left ul li.dvd3{background:url(../images/menu_left_dvd3.jpg) no-repeat; height:2px; width:360px; overflow:hidden;}
.content .left ul li.dvd4{background:url(../images/menu_left_dvd4.jpg) no-repeat; height:2px; width:360px; overflow:hidden;}
.content .left ul li.dvd5{background:url(../images/menu_left_dvd5.jpg) no-repeat; height:2px; width:360px; overflow:hidden;}
.content .left ul li.dvd6{background:url(../images/menu_left_dvd6.jpg) no-repeat; height:2px; width:360px; overflow:hidden;}
.content .left ul li.top{background:url(../images/menu_left_top.jpg) no-repeat; height:20px; width:360px;}
.content .left ul li.bottom{background:url(../images/menu_left_bottom.jpg) no-repeat; height:12px; width:360px;}

.content .left a.b1{width:360px; height:42px; background:url(../images/menu_left_b1.jpg) no-repeat; display:block; text-decoration:none;}
.content .left a.b1:hover{width:360px; height:42px; background:url(../images/menu_left_b1Roll.jpg) no-repeat; display:block; text-decoration:none;}
.content .left a.b2{width:360px; height:42px; background:url(../images/menu_left_b2.jpg) no-repeat; display:block; text-decoration:none;}
.content .left a.b2:hover{width:360px; height:42px; background:url(../images/menu_left_b2Roll.jpg) no-repeat; display:block; text-decoration:none;}
.content .left a.b3{width:360px; height:42px; background:url(../images/menu_left_b3.jpg) no-repeat; display:block; text-decoration:none;}
.content .left a.b3:hover{width:360px; height:42px; background:url(../images/menu_left_b3Roll.jpg) no-repeat; display:block; text-decoration:none;}
.content .left a.b4{width:360px; height:42px; background:url(../images/menu_left_b4.jpg) no-repeat; display:block; text-decoration:none;}
.content .left a.b4:hover{width:360px; height:42px; background:url(../images/menu_left_b4Roll.jpg) no-repeat; display:block; text-decoration:none;}
.content .left a.b5{width:360px; height:42px; background:url(../images/menu_left_b5.jpg) no-repeat; display:block; text-decoration:none;}
.content .left a.b5:hover{width:360px; height:42px; background:url(../images/menu_left_b5Roll.jpg) no-repeat; display:block; text-decoration:none;}
.content .left a.b6{width:360px; height:42px; background:url(../images/menu_left_b6.jpg) no-repeat; display:block; text-decoration:none;}
.content .left a.b6:hover{width:360px; height:42px; background:url(../images/menu_left_b6Roll.jpg) no-repeat; display:block; text-decoration:none;}
.content .left a.b7{width:360px; height:42px; background:url(../images/menu_left_b7.jpg) no-repeat; display:block; text-decoration:none;}
.content .left a.b7:hover{width:360px; height:42px; background:url(../images/menu_left_b7Roll.jpg) no-repeat; display:block; text-decoration:none;}

.content .left ul li div.bg_submenu{width:291px; min-height:19px; background:url(../images/submenu.jpg) #413f40 no-repeat top; float:right; margin-left:69px; display:inline;}

.content .left ul li ul.submenu{width:200px; text-align:left; margin:24px 30px 0 35px; padding-bottom:30px;}
.content .left ul li ul.submenu li{display:block; float:left;}
.content .left ul li ul.submenu li a{width:200px; color:#FFF; font-size:13px; display:block; text-decoration:none;}
.content .left ul li ul.submenu li a:hover{text-decoration:underline;}

.content .left .quote{width:355px; background:#FFF url(../images/quote.jpg) top no-repeat; margin:15px 0 0 2px; float:left; }
.content .left .quote input, textarea{width:217px; background:#f2f1ec; border:1px #d3d3d3 solid;}
.content .left .quote textarea{height:76px;}

.content .left .quote table{margin-top:54px;}
.content .left .quote td.label{font-weight:bold; text-align:right; color:#534b4d;}

.content .left .quote input.submit{width:74px; height:21px; margin-right:25px;}
.content .left .quote td.submit{text-align:right; height:33px; vertical-align:top;}


.content .right{width:635px; float:left; display:inline;}

.content .right .menu_top{margin-top:5px; height:26px; overflow:hidden;}
.content .right ul,li{margin:0; padding:0; list-style:none;}
.content .right ul li{display:inline; float:left;}
.content .right ul li.dvd{background:url(../images/menu_top_dvd.jpg) no-repeat; height:26px !important; width:1px; overflow:hidden;}
.content .right a.b1{width:159px; height:26px; background:url(../images/menu_top_b1.jpg) no-repeat; display:block; text-decoration:none;}
.content .right a.b2{width:159px; height:26px; background:url(../images/menu_top_b2.jpg) no-repeat; display:block; text-decoration:none;}
.content .right a.b3{width:154px; height:26px; background:url(../images/menu_top_b3.jpg) no-repeat; display:block; text-decoration:none;}
.content .right a.b4{width:152px; height:26px; background:url(../images/menu_top_b4.jpg) no-repeat; display:block; text-decoration:none;}

.content .right .main_content{background-color:#FFF; width:630px;}

.content .right .main_content .index_pic{width:635px; height:308px; background:url(../images/index_pic.jpg) no-repeat; margin-top:1px;}

.content .right .main_content .featuredclients{width:300px; background:#FFF url(../images/featured-clients.jpg) top no-repeat; padding-top:50px; display:inline; float:left; margin:13px 0 0 15px;}
.content .right .main_content .newprojects{width:301px; background:#FFF url(../images/new-projects.jpg) top no-repeat; padding-top:50px; display:inline; float:left; margin:13px 0 0 11px;}

.content .right .main_content .text{color:#413f40; padding:0 22px 0 22px;}
.content .right .main_content .text h1{margin:0; padding:22px 0 0 0; font-size:21px;}
.content .right .main_content .text p{font-size:14px;}
.content .right .main_content .text h4{border-bottom:1px #CCC solid;}
.content .right .main_content .text .links{ font-size:12px; color:#999; margin:10px 0 0 10px;}
.content .right .main_content .text .links a{color:#8ab317; text-decoration:none;}
.content .right .main_content .text .links a:hover{color:#413f40;}

.content .right .main_content .text_pics{width:650px;}
.content .right .main_content .text_pics .text{width:300px; float:left;}
.content .right .main_content .text_pics .pics{background:url(../images/pics.jpg) no-repeat; width:249px; height:0px; float:left; display:inline; margin-top:10px; padding-top:240px; text-align:center; color:#413f40;}

.content .right .main_content .text_pics .pics2{background:url(../images/pic_techConsulting.jpg) no-repeat; width:260px; height:0px; float:left; display:inline; margin-top:50px; padding-top:240px; text-align:center; color:#413f40;}

.content .right .main_content .text_pics .pics3{background:url(../images/pic_doc_imaging.jpg) no-repeat; width:260px; height:177px; float:left; display:inline; margin-top:50px;  text-align:center; color:#413f40;}
.content .right .main_content .text_pics .pics3 a{width:260px; height:200px; display:block }

.content .right .main_content .text_pics .pics4{background:url(../images/pic_website_development.jpg) no-repeat; width:260px; height:0px; float:left; display:inline; margin-top:30px; padding-top:240px; text-align:center; color:#413f40;}

.content .right .main_content .text_pics .pics5{background:url(../images/pic_google.jpg) no-repeat; width:260px; height:0px; float:left; display:inline; margin-top:20px; padding-top:210px; text-align:center; color:#413f40;}

.content .right .main_content .text_pics .pics6{background:url(../images/pic_metasphere.jpg) no-repeat; width:260px; height:0px; float:left; display:inline; margin-top:20px; padding-top:230px; text-align:center; color:#413f40;}

.content .right .main_content .text_pics .pics7{background:url(../images/pic_adminErealtysolution.jpg) no-repeat; width:260px; height:0px; float:left; display:inline; margin-top:20px; padding-top:245px; text-align:center; color:#413f40;}

.footer{height:45px; width:100%; float: none; clear:both; background:url(../images/footer_bg.jpg) repeat-x; text-align:center; color:#646464; font-size:12px;}
.footer .main_footer{width:995px; margin:auto;}
.footer .main_footer .col{float:left; display:inline; width:150px; text-align:left; margin-left:15px;}
.footer .main_footer .col strong{color:#413f40; font-size:14px;}
.footer .main_footer .col a{color:#646464; text-decoration:none;}

.content .right .main_content .text ul.lista_doc {list-style: inherit !important; margin:inherit !important; padding:inherit !important; width:550px}
.content .right .main_content .text ul.lista_doc li{list-style: disc !important; font-size:12px; float:none !important; display:list-item !important; margin:15px 0px 0px 30px !important; padding:0px !important; font-size:14px;}
.content .right .main_content .text a { color:#6a9001}

/*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; }