body {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0px; background-color:#E4E4E4; background-image:url(../images/bodytopbg.jpg); background-repeat:repeat-x; background-position:top} A { FONT-SIZE: 11px; COLOR: #003464; text-decoration:none} A:link { COLOR: #003464 } A:visited {COLOR: #003464 } A:hover { COLOR: #000; text-decoration:underline } td, p, div{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:18px;} ul,li{margin:5px; padding-left:5px;} img{ border:0px;} hr {height:1px; color:#ccc; border:dashed 1px;} form {margin:0px; padding:0px;} select {color:#000000; font-size:11px; border:1px solid #047B95;} input,textarea{color:#000000; border:1px solid #666666;} h1{font-size:22px; font-weight:500; color:#003464; font-family:"Trebuchet MS"; line-height:30px; border-bottom:solid 1px #999999} /* Head Start */ #header{width:864px; margin:0 auto; background-image:url(../images/headback.jpg); background-repeat:no-repeat; height:102px; margin-top:10px;} .logo{float:left; margin-top:27px; margin-left:25px;} .logo a:link, .logo a:visited{ display:block; width:165px; height:59px; background-image:url(../images/logo.jpg); text-indent:-999px;} .headright{margin-top:12px;float:right; color:#FFFFFF; font-size:10px; margin-right:20px; text-align:right} .headright h2{font-size:18px; margin:6px; padding:0px; font-weight:bold; color:#052341; font-family:"Trebuchet MS"; margin-bottom:10px;} /* Head Ends */ /* LinkMenu Start */ .linkmenubg{width:100%; position:absolute; background-image:url(../images/menubg.jpg); height:35px; left:0} #linkmenu{width:864px; margin:0 auto; height:35px; padding-left:16px;} #linkmenu ul, #linkmenu li{margin:0px; padding:0px; list-style:none; display:inline;} #linkmenu a:link, #linkmenu a:visited{display:block; float:left; color:#fff; font-size:15px; font-weight:bold; font-family:"Trebuchet MS"; padding-left:15px; padding-right:15px; text-align:center; border-right:solid 1px #6C99C6; border-left:solid 1px #052341; height:27px; padding-top:8px;} #linkmenu a.first:link{ border-left:0px;} #linkmenu a.lst:link{ border-right:0px; padding-right:16px;} #linkmenu a:hover{color:#000; text-decoration:none; background-image:url(../images/menu-over.jpg)} /* LinkMenu Ends*/ /* Mid Starts */ #mid{width:864px; margin:0 auto;} .midcont{float:left; width:850px; background-image:url(../images/bodybg.jpg); background-repeat:repeat-y; background-position:center; padding-left:7px; padding-right:7px; margin-top:35px;} #midhead{float:left; width:100%; background-image:url(../images/midheadbg.jpg); background-repeat:repeat-x; height:186px;} .midheadlinks{float:left; background-image:url(../images/midhead-left.jpg); width:248px; height:152px; margin-left:15px; margin-top:15px;} .midheadlinks ul,.midheadlinks li{margin:0px; padding:0px; list-style:none; padding-left:3px;} .midheadlinks a:link, .midheadlinks a:visited{display:block; background-image:url(../images/arrow_big.gif); background-repeat:no-repeat; background-position:5px 0px; padding-left:32px; color:#000; font-family:"Trebuchet MS"; font-size:16px; height:25px; margin-top:11px;} .midheadlinks a:hover{ background-image:url(../images/arrow_big1.gif); text-decoration:none; color:#093B6B} .midheadright{float:right; width:587px; background-image:url(../images/midhead-right.jpg); background-position:right bottom; background-repeat:no-repeat; height:160px; margin-top:18px; margin-bottom:2px;} .midheadright img{ float:left; } .midheadrighttxt{float:left;} .midheadrighttxt h2{font-size:20px; margin:6px; padding:0px; font-weight:bold; color:#555; font-family:"Trebuchet MS"; margin-bottom:10px;} .midheadrighttxt ul{list-style:none; padding:0px; margin:0px;} .midheadrighttxt li{list-style:none; padding:0px; margin:5px; font-size:14px; font-weight:bold; color:#253C78; font-family:"Trebuchet MS"; padding-left:22px; background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:5px 5px; height:27px;} .mainmid{float:left; width:570px; padding:10px;} /* Mid Ends */ /* Left Starts */ #leftpanel{float:left; width:260px; } .leftbox{clear:both; width:218px; float:left; margin-left:10px; margin-top:10px; background-image:url(../images/leftboxbg.jpg); background-repeat:no-repeat; background-position:top left; padding:15px; padding-bottom:5px;} .leftbox h3{font-size:16px; margin:0px; padding:0px; font-weight:bold; color:#003466; font-family:"Trebuchet MS"; margin-bottom:10px;} .leftbox ul, .leftbox li{margin:0px; padding:0px; list-style:none; } .leftbox li a:link, .leftbox li a:visited{ display:block; font-size:12px; background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:5px 5px; padding-left:17px; height:25px; color:#000000} .leftbox li a:hover{background-image:url(../images/arrowr.gif); color:#003466; text-decoration:none; font-weight:bold;} .leftbox li a.actpage{ background::none; background-image:url(../images/action_check.gif); background-repeat:no-repeat; color:#003466; text-decoration:none; font-weight:bold; padding-left:20px;} .chaticons, .chaticons li{margin:0px; padding:0px; list-style:none; margin-bottom:5px;} .chaticons li a:link, .chaticons li a:visited{height:25px; padding-left:45px; padding-top:10px; padding-bottom:3px;} .chaticons li.msn a:link, .chaticons li.msn a:visited{background-image:url(../images/icon-msn.gif);} .chaticons li.yahoo a:link, .chaticons li.yahoo a:visited{background-image:url(../images/icon-yahoo.gif);} .chaticons li.gtalk a:link, .chaticons li.gtalk a:visited{background-image:url(../images/icon-gtalk.gif);} .chaticons li.skype a:link, .chaticons li.skype a:visited{background-image:url(../images/icon-skype.gif);} /* Left Starts */ /* Footer Starts */ #footer{width:864px; clear:both; margin:0 auto; background-image:url(../images/footerbg.jpg); background-repeat:no-repeat; height:100px;} .footerlinks{ float:left; color:#fff; margin-left:20px; margin-top:14px;} .footerlinks a:link, .footerlinks a:Visited{color:#fff} .fcopy{ float:right; width:300px; margin-top:30px;} .flogos{float:left; width:300px; margin-top:30px; margin-left:10px;} /* Footer Ends*/ a.button:link, a.button:visited{display:block; margin-left:10px; float:left; font-family:"Trebuchet MS"; font-size:14px; color:#000000; text-decoration:none; font-weight:500; background-image:url(../images/buttbg.jpg); background-repeat:no-repeat; background-position:left top; height:29px; padding-left:30px;} a.button span{display:block; float:left; background-image:url(../images/buttbg.jpg); background-repeat:no-repeat; background-position:right top; height:25px; padding-top:4px; padding-right:10px; cursor:pointer} a.button:hover{color:#003464} .midboxes{clear:both; width:265px; margin-left:10px; margin-top:20px; float:left;} .midboxes1{float:left; width:265px; margin-left:10px; margin-top:20px; float:left; border-left:dotted 2px #666; padding-left:5px;} .boxes{float:left; width:260px; margin-bottom:10px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; color:#666666; line-height:16px;} .boxes h2{font-size:14px; margin:0px; padding:0px; font-weight:bold; color:#000; font-family:"Trebuchet MS"; margin-bottom:5px;} .boxes span{height:100px; width:58px; display:block; float:left} .boxes img{float:left; margin-right:5px;} .boxes a.more{ float:right; padding:3px;} .imgborder{border:solid 1px #CCCCCC; padding:2px; background-color:#FFFFFF; float:left; margin-right:5px;} .gallerybox{ margin-top:20px; float:left;} .gallery li{width:130px;} .gallery li img{border:solid 1px #CCCCCC; padding:3px;} /* Portfolio Start */ .tablediv { display: table; width:500px; background-color:#eee; border:1px solid #666666; border-spacing:5px;/*cellspacing:poor IE support for this*/ border-collapse:separate; } .celldiv { float:left;/*fix for buggy browsers*/ display: table-cell; width:50%; background-color:#ccc; } .rowdiv { display: table-row; width:auto; } .divpad{ margin:5px 0px 0px 0px; border:thick; } /* ==== Portfolio CSS ==== */ /* Sample 4*/ #boxport{position:absolute;} #boxport div{width:480px; height:430px; float:left;} #boxport img{ border:solid 1px #CCCCCC; background-color:#FFFFFF; padding:3px; margin-left:20px;} #boxport h4{font-size:18px; font-weight:bold; color:#002863; font-family:"Trebuchet MS"; line-height:25px; border:0px;margin:0px; padding:0px; margin-bottom:10px;} #boxport a.lnk:link, #boxport a.lnk:visited{background-color:#004792; color:#fff; font-size:11px; padding:2px;} .mask3{position:relative; width:480px; height:430px; overflow:hidden; } .buttons{padding:5px;} .buttons span{cursor:pointer; border:solid 1px #CCCCCC; padding:3px; display:block; width:100px; float:left; margin-left:7px;} .buttons span.active, .buttons span:hover{background:#004792;} .sample{padding:20px 30px; margin:4px 0 25px 0; } /* Portfolio Start */ #divportfolio {width:554px; height:133px; background-image:url(../images/gallerybg.gif); background-repeat:no-repeat; background-position:top left;margin-top:10px; position: relative} #divportfolio #buttons {} #divportfolio .prev {display:block; width:32px; height:32px;background-repeat:no-repeat; text-indent:-9999px; background-image:url(../images/arrow_left.gif); margin-left:5px; margin-top:50px; margin-right:5px; float:left} #divportfolio .next {display:block; width:32px; height:32px;background-repeat:no-repeat; text-indent:-9999px; background-image:url(../images/arrow_right.gif); margin-left:5px; margin-top:50px; float:right; margin-right:5px;} #slideshow {height:112px; margin:0px; margin-top:-60px; width:480px; margin-left:40px; float:left; overflow:hidden;} #slideshow ul {width: 7000px; list-style:none; margin:0px; padding:0px; } #slideshow li {float: left; margin: 0px 16px; cursor: pointer; border:1px solid #ccc; padding:3px; list-style:none; } #divportfoliopage {width:554px; height:133px; background-image:url(../images/gallerybg.gif); background-repeat:no-repeat; background-position:top left;margin-top:10px; position: relative} #divportfoliopage #buttons {} #divportfoliopage .prev {display:block; width:32px; height:32px;background-repeat:no-repeat; text-indent:-9999px; background-image:url(../images/arrow_left.gif); margin-left:5px; margin-top:50px; margin-right:5px; float:left} #divportfoliopage .next {display:block; width:32px; height:32px;background-repeat:no-repeat; text-indent:-9999px; background-image:url(../images/arrow_right.gif); margin-left:5px; margin-top:50px; float:right; margin-right:5px;} #slideshowpage {height:112px; margin:0px; margin-top:-60px; width:480px; margin-left:37px; float:left; overflow:hidden;} #slideshowpage ul {width: 8000px; list-style:none; margin:0px; padding:0px; } #slideshowpage li {float: left; margin: 0px 16px; cursor: pointer; border:1px solid #ccc; padding:3px; list-style:none; } /* Portfolio Page Division */ /* Contact Form CSS */ .contactform{float:left; width:100%} .contactform label{display:block; width:100px; float:left; font-weight:bold; padding:3px;} .contactform span{display:block; float:left; font-weight:bold; padding:3px;} .contactforms elect {color:#000000; font-size:13px; border:1px solid #999; margin:3px;} .contactform input,.contactform textarea{color:#000000; border:1px solid #999; padding:5px; background-color:#fff;}