/* CSS Document */

/*********************************************************************************************************************************************************************/
/*  Global Style                                                                                                                                                     */
/*********************************************************************************************************************************************************************/
body, input, form, select, textarea{font: x-small/1.3 Tahoma;} 
body {margin:0; padding:0; height:100%; background: #ffffff url(../images/bg.jpg) repeat-x;}
p{font-size:1.1em; color:#6F6F6F;}
a:link, a:visited{color:#666666; text-decoration:none; position: relative;}
a:hover{color:#000000; position:relative;}
/*********************************************************************************************************************************************************************/
/*  General Style                                                                                                                                                    */
/*********************************************************************************************************************************************************************/
.clearfloat {clear:both;}
.show{display:block;}
.hide{display:none;}
.divline{border-bottom:dashed 1px #999999; width:50%;}
.menu {height:23px; width:200px;}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:left;}
.menu li {display:inline; line-height:23px;}
.menu li a {color:#ffffff; font-weight:bold; text-decoration:none; padding:5px 5px 6px 5px; font-family:tahoma; font-size:1em;}
.menu li a.tabactive {color:#000000; background-color:#ffffff; font-weight:bold;  position:relative;}
#tabcontent1,#tabcontent2{border:1px solid #ececec; width:200px; text-align:left;padding:6px 0px; font-size:12px; margin-bottom:5px; font-family:tahoma; font-size:1em;}
#log{}
#log_res{overflow:auto; font-size:1em; color:#74011a; padding:10px;}
#log_res.ajax-loading{padding:20px 0; background: url(../images/spinner.gif) no-repeat center;}


/*********************************************************************************************************************************************************************/
/*  Entire Page Content                                                                                                                                              */
/*********************************************************************************************************************************************************************/
div.maincontainer {text-align:center;}
div.entirepagecontent {width:890px;  margin:0 auto 0 auto; background: url(../images/mainbg.jpg) no-repeat;}
/*********************************************************************************************************************************************************************/
/*  Top Page Content / Header                                                                                                                                        */
/*********************************************************************************************************************************************************************/
div.toppagecontent {}
div.toppagecontent div.lynxlogo {text-align:left; padding:25px 0 0 0;}
div.toppagecontent div.lynxlogo img{border:0; width:225px; height:128px;}
/*********************************************************************************************************************************************************************/
/*  Contact Image                                                                                                                                        */
/*********************************************************************************************************************************************************************/
div.contactimage {}
div.contactimage div.contactimg {text-align:left; padding:25px 0 0 0;}
div.contactimage div.contactimg img{border:0; width:161px; height:24px;}
/*********************************************************************************************************************************************************************/
/*  Top Menu Bar                                                                                                                                                     */
/*********************************************************************************************************************************************************************/
div.toppagecontent div.menubar {margin:0 80px 0 0; }
div.toppagecontent div.menubar ul{float:right; list-style:none; margin:0; padding:0;}
div.toppagecontent div.menubar ul li{display:inline; margin:0; padding:0;}
div.toppagecontent div.menubar ul li a{height:44px; display:inline;}
div.toppagecontent div.menubar ul li a img{border:0; margin:0 -7px 0 -7px;}
/*********************************************************************************************************************************************************************/
/*  Middle Page Content / Body                                                                                                                                       */
/*********************************************************************************************************************************************************************/
div.middlepagecontent {float:left; width:853px; margin-top:-10px; background: url(../images/notebook_Img.png) no-repeat right top; }
/*div.middlepagecontent {float:left; margin-top:-10px; position:relative; z-index:1;}
/*********************************************************************************************************************************************************************/
/*  Middle Page Content - Left bar panel                                                                                                                             */
/*********************************************************************************************************************************************************************/
/*div.middlepagecontent div.mleftbar {float:left; text-align:left; width:238px; height:394px; }*/
div.middlepagecontent div.mleftbar {float:left; text-align:left;}
div.middlepagecontent div.mleftbar div.leftbarcontent{margin:25px 0 0 0; padding:0 0 0 8px;} 
div.middlepagecontent div.mleftbar div.leftbarcontent p{text-align:justify; line-height:1.5em; margin:0; width:190px; padding:18px 10px 15px 15px; position:relative;}
div.middlepagecontent div.mleftbar div.leftbarcontent ul{list-style:none; margin:0; padding:10px 0 0 0; }
div.middlepagecontent div.mleftbar div.leftbarcontent ul li{font-size: 1.1em; width:190px; padding:5px 5px 5px 15px;}
div.middlepagecontent div.mleftbar div.leftbarcontent .over{background: url(../images/gradient_bar.png) no-repeat;}
div.middlepagecontent div.mleftbar div.leftbarcontent a{color:#748E3C; padding-left:15px; background: url(../images/arrow.jpg) no-repeat left center;}
/*********************************************************************************************************************************************************************/
/*  Middle Page Content - Mid bar panel                                                                                                                              */
/*********************************************************************************************************************************************************************/
/*div.middlepagecontent div.mmidbar{ float:left; width:51px; height:394px; background: url(../images/dotbarimg.png) no-repeat right top; }*/
/*********************************************************************************************************************************************************************/
/*  Middle Page Content - Right bar panel                                                                                                                            */
/*********************************************************************************************************************************************************************/
div.middlepagecontent div.mrightbar{float:right; width:560px; position:relative;}
div.middlepagecontent div.mrightbar div.rightbarcontent{margin:25px 8px 0 0; padding:0;}
div.middlepagecontent div.mrightbar div.rightbarcontent h2{margin:0; padding:0; text-align:right;}
div.middlepagecontent div.mrightbar div.rightbarcontent p{text-align:justify; line-height:1.5em; padding:0 20px 0 20px; margin:0;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlist{float:left; margin:10px 0 0 0; padding-left:20px; text-align:left;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlist ul{list-style:none; margin:0; padding:0; }
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlist ul li{font-size: 1.1em; margin:3px 0 0 0; padding-left:8px;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlist ul li ul{list-style:none; margin:0; padding:0;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlist ul li ul li{font-size: 1em; margin:3px 0 0 0; padding-left:15px;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlist ul li ul li a{color:#999999; padding-left:15px; width:8px; height:7px; background: url(../images/arrow.jpg) no-repeat left center;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlist ul li ul li a:hover{color:#748E3C;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlist a{color:#999999; padding-left:15px; width:8px; height:7px; background: url(../images/arrow1.jpg) no-repeat left center;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlist a:hover{color:#748E3C;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.thumbImg{float:right; margin-top:10px; width:282px; height:252px; background: url(../images/portfolio_img.png) no-repeat;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.thumbImg div.contents{text-align:left; margin:0; padding:25px 0 0 75px;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.thumbImg div.contents p{color:#fffffe; font-size:1em; text-align:left; margin:0; padding:10px 0 0 13px;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.thumbImg div.contents a{color:#fffffe; font-size:1em; text-decoration:none; border:dashed 1px #ecd7a8; padding:1px;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.thumbImg div.contents a:hover{color:#ffe8b7; border:dashed 1px #ffffff; padding:1px;}
/*div.middlepagecontent div.mrightbar div.rightbarcontent div.thumbImg1{float:right; width:190px; height:323px; margin-right:20px; background: url(../images/contact_img.png) no-repeat;}*/
div.middlepagecontent div.mrightbar div.rightbarcontent div.thumbImg1 p{margin:0; padding:0;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlistH{float:right; margin-top:10px; padding:0; width:280px;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlistH ul{list-style:none; margin:0; padding:0; text-align:left;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlistH ul li{font-size: 1.1em; margin:3px 0 0 0;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlistH ul li a{color:#999999; padding-left:10px; width:8px; height:7px; background: url(../images/arrowO.jpg) no-repeat left center;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlistH ul li a:hover{color:#748E3C;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlistH a{color:#999999; padding-left:10px; width:8px; height:7px; background: url(../images/arrowO.jpg) no-repeat left center;}
div.middlepagecontent div.mrightbar div.rightbarcontent div.clientlistH a:hover{color:#748E3C;}

/*********************************************************************************************************************************************************************/
/*  Middle Page Content - Right bar panel - Sub Pages                                                                                                                */
/*********************************************************************************************************************************************************************/
div.mrightbar div.rightbarcontent span.ob{color:#CA661C; font-weight:bold;}
div.mrightbar div.rightbarcontent div.mainboxcontent{color:#6F6F6F; font-size:1.1em; width:100%; margin:0 auto 0 auto;}
div.mrightbar div.rightbarcontent div.mainboxcontent div.parleft{float:left; text-align:justify; font-size:1em; width:90%; margin:0; padding:0 0 0 20px; line-height:1.5em;}
div.mrightbar div.rightbarcontent div.mainboxcontent div.parright{float:left; text-align:center; font-size:1em; margin:0; padding:0 0 0 30px;}
div.mrightbar div.rightbarcontent div.mainboxcontent img{margin-top:10px;}
div.mrightbar div.rightbarcontent div.serviceboxcontent{color:#999999; font-size:1.1em; width:100%; margin:10px auto 0 auto;}
div.mrightbar div.rightbarcontent div.serviceboxcontent p.parleft{float:left; font-size:1em;  margin:0; padding:0 0 0 20px;}
div.mrightbar div.rightbarcontent div.serviceboxcontent p.parright{float:left; font-size:1em; width:55%; margin:0; padding:0 0 0 15px; line-height:1.5em;}
div.mrightbar div.rightbarcontent div.serviceboxcontent ul{float:left; list-style-type:none; margin:10px 10px 0 0; padding:0;}
div.mrightbar div.rightbarcontent div.serviceboxcontent ul li{text-align:left; font-weight:bold; padding:5px;}

div.mrightbar div.rightbarcontent div.contentheadertitle{color:#999999; font-size:1.1em; margin:-1px -3px 0 0; padding:0; width:100%;}
div.mrightbar div.rightbarcontent div.contentheadertitle p.parhead{float:right; margin:0 0 10px 0; padding:0;}
div.mrightbar div.rightbarcontent div.contentheadertitle img.linespace{float:left; margin-right:25px;}
div.mrightbar div.rightbarcontent div.contactbox{color:#999999; font-size:1em; margin-top:20px; padding:0;}
div.mrightbar div.rightbarcontent div.contactbox div.parleft{float:left; width:35%; padding-left:20px; margin:0;}
div.mrightbar div.rightbarcontent div.contactbox div.parleft p{margin:0; padding:5px 0 0 0; line-height:1.5em; }
div.mrightbar div.rightbarcontent div.contactbox div.parleft a{color:#999999; text-decoration:none;}
div.mrightbar div.rightbarcontent div.contactbox div.parleft a:hover{color:#CA661C; border-bottom:dashed 1px #424242;}
div.mrightbar div.rightbarcontent div.contactbox div.parright{float:left; width:60%; text-align:left; padding-left:5px;}
div.mrightbar div.rightbarcontent div.contactbox div.parright p{margin:0; padding:5px 0 5px 5px; text-align:left;}
div.mrightbar div.rightbarcontent div.contactbox div.parright fieldset{display:block; border:none; padding-top:2px;}
div.mrightbar div.rightbarcontent div.contactbox div.parright label{color:#6F6F6F; font-size:1.1em; width:90px; float:left; padding:2px;}
div.mrightbar div.rightbarcontent div.contactbox div.parright div.formFields input{float:left;}
div.mrightbar div.rightbarcontent div.contactbox input, select, textarea{color:#6F6F6F; font-size:1.2em;}
div.mrightbar div.rightbarcontent div.contactbox img{text-align:center;}
/*********************************************************************************************************************************************************************/
/*  Bottom Page Content / Footer                                                                                                                                     */
/*********************************************************************************************************************************************************************/
div.bottompagecontent{height:205px; width:100%; bottom:0px; left:0px; position:relative; z-index:6; background: url(../images/bar.png) repeat-x left bottom;}
div.bottompagecontent img{border:0;}
/*********************************************************************************************************************************************************************/
/*  Bottom Page Content - left bar panel                                                                                                                             */
/*********************************************************************************************************************************************************************/
div.bottompagecontent div.bleftbar{float:left; position:relative; z-index:3;}
div.bottompagecontent div.bleftbar div.bleftbarContents{text-align:left; padding:108px 0 0 200px;}
div.bottompagecontent div.bleftbar div.bleftbarContents h3{padding:0; margin:0;}
div.bottompagecontent div.bleftbar div.bleftbarContents p{color:#DFBF75; margin:0; padding-top:5px;}
/*********************************************************************************************************************************************************************/
/*  Bottom Page Content - Right bar panel                                                                                                                            */
/*********************************************************************************************************************************************************************/
div.bottompagecontent div.brightbar{float:right; position:relative; z-index:4; width:495px; height:205px; background: url(../images/clpimg.png) no-repeat;}