body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2f2f2f; line-height:normal; margin:0; background:#232323; padding:0}
h1, h2, h3, h4, h5, h6, p, div, li, ul, form{  margin:0;  padding:0; font-weight:normal}
img, form, table, tr, td{margin:0; padding:0; border:none}
.clearer{clear:both; display:block; font-size:0; height:0; line-height:0; margin:0; padding:0; border:none}
a{outline:none; color:#0a6f92;}
a:hover{text-decoration:none}
a span{display:none}
/*----------------
Font Classes
----------------*/
.aria20Gray{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#2f2f2f;}
.arial11White{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}
.arial16Gray{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#2f2f2f;}
.arial14Gray{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2f2f2f;}
.arial14Blue{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0a6f92;}
.arial13Blue{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#0a6f92;}
.arial13Black{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000;}

.floatLeft{width:auto; height:auto; float:left; position:relative; margin-right:10px; padding:0}
.floatRight{width:auto; height:auto; float:right; position:relative; margin-left:10px; padding:0}
/*main div's start*/
.wrapper{width:100%; height:100%; margin:0; padding-top:5px; background:url(../graphics/bg.gif) top left repeat-x; float:none}
.mainContainer{width:960px; height:auto; display:block; margin:0 auto; float:none;}
.logoWrapper{width:930px; height:75px; background:#FFFFFF; margin:0; padding:0 15px;}
/*navigation*/
.navigation{width:960px; height:35px; background:url(../graphics/naviBg.gif) top left repeat-x; margin:0; padding:0; float:left}
.navigation ul{width:960px; height:35px; margin:0; padding:0; float:left; list-style-type:none}
/*.navigation li{width:auto; margin:0; padding:10px 16px; float:left; list-style-type:none; background:url(../graphics/liBg.gif) top right no-repeat;
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF;}
.navigation li a{color:#FFF; text-decoration:none; font-weight:bold}
.navigation li:hover {text-decoration:none; background:#2f2f2f; }
.navigation li.sel{background:#2f2f2f;} .navigation li.lastLink{background:none;} .navigation li.lastLink:hover {text-decoration:none; background:#2f2f2f; }*/
.navigation li{width:960px; height:35px; margin:0; padding:0; float:left; list-style-type:none}
.navigation li.home{width:120px; height:35px; float:left; background:url(../graphics/home_unsel.gif) no-repeat;}
.navigation li.home a{width:120px; height:35px; float:left; display:block}
.navigation li.about{width:103px; height:35px; float:left; background:url(../graphics/about_unsel.gif) no-repeat;}
.navigation li.about a{width:103px; height:35px; float:left; display:block;}
.navigation li.service{width:105px; height:35px; float:left; background:url(../graphics/service_unsel.gif) no-repeat;}
.navigation li.service a{width:105px; height:35px; float:left; display: block;}
.navigation li.process{width:152px; height:35px; float:left; background:url(../graphics/processor_unsel.gif) no-repeat;}
.navigation li.process a{width:152px; height:35px; float:left; display:block}
.navigation li.portfolio{width:113px; height:35px; float:left; background:url(../graphics/portfolio_unsel.gif) no-repeat;}
.navigation li.portfolio a{width:113px; height:35px; float:left; display:block;}
.navigation li.news{width:103px; height:35px; float:left; background:url(../graphics/service_unsel.gif) no-repeat;}
.navigation li.news a{width:103px; height:35px; float:left; display:block}
.navigation li.contact{width:118px; height:35px; float:left; background:url(../graphics/contact_unsel.gif) no-repeat;}
.navigation li.contact a{width:118px; height:35px; float:left; display:block;}
/*hover*/
.navigation li.home a:hover{ background:url(../graphics/home_sel.gif) no-repeat;}
.navigation li.about a:hover{background:url(../graphics/about_sel.gif) no-repeat;}
.navigation li.service a:hover{ background:url(../graphics/service_sel.gif) no-repeat;}
.navigation li.process a:hover{ background:url(../graphics/processor_sel.gif) no-repeat;}
.navigation li.portfolio a:hover{ background:url(../graphics/portfolio_sel.gif) no-repeat;}
.navigation li.news a:hover{ background:url(../graphics/service_sel.gif) no-repeat;}
.navigation li.contact a:hover{background:url(../graphics/contact_sel.gif) no-repeat;}
/*sel*/
.navigation li.home a.sel{ background:url(../graphics/home_sel.gif) no-repeat;}
.navigation li.about a.sel{background:url(../graphics/about_sel.gif) no-repeat;}
.navigation li.service a.sel{ background:url(../graphics/service_sel.gif) no-repeat;}
.navigation li.process a.sel{ background:url(../graphics/processor_sel.gif) no-repeat;}
.navigation li.portfolio a.sel{ background:url(../graphics/portfolio_sel.gif) no-repeat;}
.navigation li.news a.sel{ background:url(../graphics/service_sel.gif) no-repeat;}
.navigation li.contact a.sel{background:url(../graphics/contact_sel.gif) no-repeat;}


.header{width:954px; height:auto; display:block; margin-top:2px; padding:3px; background:#FFF; float:left}
.contentWrapper{width:920px; height:auto; background:#FFF; display:block; padding:31px 20px; margin:0; float:left;}
.innercontentWrapper{width:920px; height:auto; background:#FFF; display:block; padding:10px 20px; margin:0; float:left;}
.footerWrapper{width:936px; height:auto; border-top:4px solid #22a5d2; float:left; padding:12px 12px 30px; margin:0; font-size:11px; color:#FFF}
.footerWrapper a{color:#FFF; text-decoration:underline;} .footerWrapper a:hover{text-decoration:none;}

.indexLeft {width:570px; height:auto; display:block; float:left; position:relative; margin-right:20px; padding:0;}
.indexLeft ul{width:570px; height:auto; display:block; float:left; position:relative; margin:0; padding-bottom:15px; list-style-type:none}
.indexLeft li{width:250px; height:auto; display:block; float:left; position:relative; margin-right:20px; background:url(../graphics/indexBullet.gif) 0 9px no-repeat;border-bottom:2px dotted #A9A9A9; padding:5px 0 5px 13px;}
.indexLeft li.fullWidth{width:100%; height:auto; display:block; float:left; position:relative; margin:0; background:url(../graphics/indexBullet.gif) 0 9px no-repeat;border-bottom:2px dotted #A9A9A9; padding:5px 0 5px 13px;}

.indexRight {width:300px; height:auto; display:block; float:right; position:relative; margin-left:10px; padding:0;}
.indexRight ul{width:300px; height:auto; display:block; float:left; position:relative; margin:0; padding-bottom:15px; list-style-type:none}
.indexRight li{width:240px; height:auto; display:block; float:left; position:relative; margin-right:20px; background:url(../graphics/indexBullet.gif) 0 9px no-repeat;border-bottom:2px dotted #A9A9A9; padding:5px 0 5px 13px;}
.singleIndexProject{width:auto; height:auto; display:block; background:#eeeeee; padding:10px; border:1px solid #dedede; float:left; margin:8px; margin-left:0}

.contactRight{width:253px; height:auto; text-align:center; background:url(../graphics/contactRightBg.gif) top left no-repeat; margin:0; padding:10px; float:left; font-size:18px; color:#FFF;}
.contactRight a{color:#FFF; font-size:13px}
/*portfolio page*/
.portfolioBullet {width:280px; height:auto; display:block; float:left; position:relative; margin:0; padding:0;}
.portfolioBullet ul{width:280px; height:auto; display:block; float:left; position:relative; margin:0; padding-bottom:15px; list-style-type:none}
.portfolioBullet li{width:270px; height:auto; display:block; float:left; position:relative; margin-right:10px; background:url(../graphics/indexBullet.gif) 0 9px no-repeat;border-bottom:2px dotted #A9A9A9; padding:5px 0 5px 13px;}

.inputtext{width:220px;}