* html {
margin : 0;
padding : 0;
}
body {
margin : 0;
padding : 0;
background : #000f26 url(images/bg.jpg) repeat-x 0 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 12.67px;
color : #292929;
}
h1, h2, h3, h4, h5, h6, img, ul, li, p {
margin : 0;
padding : 0;
}
ul {
list-style : none;
}
img.left {
float : left;
}
img.right {
float : right;
}
img.alineright {
float : right;
margin : 0 15px 0 0;
}
a {
color : #1a5d92;
text-decoration : none;
}
a:hover {
color : #0b3156;
text-decoration : underline;
}
a img {
border : none;
}
.margin {
margin : 4px 0;
float : left;
width : 340px;
}
.gray {
color : #02172c;
}
.black {
color : #292929;
font-weight : bold;
font-size : 12px;
}
form {
margin : 0 0 0 0;
padding : 0.2em 0 0.2em 0;
font : normal 13px Tahoma, Verdana, Arial;
color : #4f4f4f;
}
textarea {
margin : 0.2em 0 0.6em 0;
width : 90%;
height : 80px;
font : normal 13px Tahoma, Verdana, Arial;
}
select {
font : normal 8pt Tahoma, Verdana, Arial;
margin : 0.2em 0 0.6em 0;
}
input {
margin : 0.2em 0 0.8em 0;
}
#form {
width : 50%;
float : left;
margin : 0 1% 0 0;
padding : 0.5em 0 0.5em 5%;
border : 1px solid #e2e5f6;
}
#form p { 
width:90%;
font : bold 12px Verdana, Arial, Helvetica, sans-serif;
color : #000;
}
#page {
width : 898px;
margin : 0 auto;
padding : 0;
}
#inner-page {
width : 898px;
margin : 0;
padding : 0;
float : left;
}
#header {
width : 898px;
margin : 0;
padding : 0;
float : left;
height : 133px;
}
#logo {
width : 223px;
height : 78px;
margin : 38px 0 0 0;
padding : 0;
float : left;
}
#tag {
width : 300px;
height : 133px;
margin : 0 0 0 10px;
padding : 0;
float : left;
line-height : 133px;
font-family : "Times New Roman", Times, serif;
color : #ffffff;
font-size : 14px;
font-style : normal;
font-weight : bold;
}
#menu {
width : 348px;
margin : 90px 0 0 0;
padding : 0;
float : right;
height : 26px;
}
#menu ul {
list-style : none;
}
#menu ul li {
display : block;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
font-weight : bold;
color : #ffffff;
padding : 0 2px;
margin : 0 0 0 0;
height : 26px;
line-height : 26px;
}
#menu ul li em {
width : 16px;
height : 17px;
margin : 0;
padding : 0;
}
#menu ul li a {
display : block;
float : left;
text-decoration : none;
font-size : 15px;
color : #ffffff;
margin : 0;
padding : 0 0 0 16px;
}
#inner-content {
width : 862px;
margin : 0;
padding : 18px;
float : left;
background : #ffffff url(images/inner-bg.jpg) repeat-x 0 0;
}
#left {
width : 507px;
margin : 0;
padding : 0;
float : left;
}
#left h2 {
width : 507px;
float : left;
font-family : Arial, Helvetica, sans-serif;
color : #02172c;
font-size : 24px;
font-weight : bold;
line-height : 30px;
}
#left h3 {
width : 507px;
float : left;
font-family : Arial, Helvetica, sans-serif;
color : #02172c;
font-size : 18px;
font-weight : bold;
line-height : 30px;
}
#left p {
width : 507px;
float : left;
margin : 6px 0;
padding : 0;
text-align : justify;
}
#left-bullet {
width : 507px;
margin : 10px 0 0 0;
padding : 0;
float : left;
}
#left-bullet ul {
list-style : none;
width : 480px;
margin : 0 0 0 15px;
}
#left-bullet ul li {
width : 460px;
margin : 4px 0;
padding : 0 0 0 20px;
float : left;
font : normal 13px Arial, Helvetica, sans-serif;
color : #292929;
background : url(images/icon-2.jpg) no-repeat 0 0;
}
#left-banner {
width : 507px;
margin : 10px 0 0 0;
padding : 0;
float : left;
}
#left-bigicon {
width : 507px;
margin : 15px 0 10px 0;
padding : 0;
float : left;
}
#left-icon {
width : 117px;
height : 153px;
margin : 0;
padding : 0;
float : left;
}
#left-list {
width : 365px;
margin : 0;
padding : 0;
float : right;
}
#left-list h2 {
width : 360px;
float : left;
font : bold 18px Arial, Helvetica, sans-serif;
color : #02172c;
line-height : 30px;
margin : 0 0 0 3px;
}
#left-list ul {
list-style-type : none;
width : 370px;
margin : 0 0 0 5px;
}
#left-list ul li {
display : block;
float : left;
width : 350px;
margin : 6px 0 6px 0;
padding : 0 6px 0 22px;
font : normal 13px Arial, Helvetica, sans-serif;
color : #292929;
background : url(images/icon-2.jpg) no-repeat 0 10px;
}
#right {
width : 344px;
margin : 0;
padding : 0;
float : right;
}
#template-banner {
width : 344px;
margin : 0;
padding : 0;
float : right;
}
#right-box {
width : 343px;
margin : 0;
padding : 0;
float : right;
background : url(images/box.jpg) no-repeat 0 0;
height : 228px;
}
#right-sidebar {
width : 343px;
margin : 0 0 15px 0;
padding : 10px 0;
float : left;
background : url(images/sidebarbox.jpg) no-repeat 0 0;
}
#right-sidebar h2 {
width : 320px;
margin : 0 0 5px 10px !important ;
margin : 0 0 5px 5px;
padding : 0;
float : left;
font : bold 16px Arial, Helvetica, sans-serif;
}

#right-sidebar h3 {
width : 320px;
margin : 0 0 5px 10px !important ;
margin : 0 0 5px 5px;
padding : 0;
float : left;
font : bold 16px Arial, Helvetica, sans-serif;
color:#FF0000;
}

#right-sidebar h5 {
width : 320px;
margin : 5px 0 5px 10px !important ;
margin : 0 0 5px 5px;
padding : 0;
float : left;
font : normal 13px Arial, Helvetica, sans-serif;
color : #393939;
}
#right-sidebar ul {
list-style : none;
margin : 0 0 0 10px;
width : 320px;
padding : 0 0 10px 0;
}
#right-sidebar ul li {
display : block;
margin : 3px 0 3px 0;
float : left;
font : normal 13px Arial, Helvetica, sans-serif;
color : #9f9f9f;
width : 320px;
}

#right-sidebar ul li.black { font-weight:normal; color:#000000; background:url(images/icon-2-small.jpg) left 3px no-repeat; padding:0 0 0 20px;}


#right-sidebar1 {
width : 343px;
margin : 0 0 15px 0;
padding : 10px 0;
float : left;
}
#right-sidebar1 h2 {
width : 320px;
margin : 0 0 5px 10px !important ;
margin : 0 0 5px 5px;
padding : 0;
float : left;
font : bold 16px Arial, Helvetica, sans-serif;
color : #f17400;
}
#right-sidebar1 h5 {
width : 320px;
margin : 5px 0 5px 10px !important ;
margin : 0 0 5px 5px;
padding : 0;
float : left;
font : normal 13px Arial, Helvetica, sans-serif;
color : #393939;
}
#right-sidebar1 ul {
list-style : none;
margin : 0 0 0 10px;
width : 320px;
padding : 0 0 10px 0;
}
#right-sidebar1 ul li {
display : block;
margin : 3px 0 3px 0;
padding : 5px 0 5px 0;
float : left;
font : normal 13px Arial, Helvetica, sans-serif;
color : #303030;
width : 320px;
}
#right-sidebar-bottom {
width : 343px;
margin : 0;
padding : 0;
float : left;
background : url(images/sidebarbox.jpg) repeat;
}
#right-box h2 {
width : 324px;
margin : 10px 0 0 15px;
padding : 0;
font : bold 15px Arial, Helvetica, sans-serif;
color : #061f3d;
}
#right-text {
width : 324px;
margin : 5px 0 0 10px;
padding : 0;
float : left;
}
#right-text1 {
width : 324px;
margin : 5px 0 0 10px;
padding : 0;
float : left;
}
#right-text2 {
width : 324px;
margin : 5px 0 0 10px;
padding : 0;
float : left;
}
#right-text-left {
width : 31px;
height : 32px;
margin : 0 0 10px 0;
padding : 0;
float : left;
}
#right-text-left1 {
width : 31px;
height : 32px;
margin : 0 0 10px 0;
padding : 0;
float : left;
}
#right-text-left2 {
width : 31px;
height : 32px;
margin : 0 0 10px 0;
padding : 0;
float : left;
}
#right-text-right {
width : 290px;
margin : 0 0 10px 0;
padding : 0;
float : right;
}
#right-text-right h2 {
font : bold 13px Arial, Helvetica, sans-serif;
color : #292929;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : 280px;
float : left;
}
#right-text-right p {
font : normal 13px Arial, Helvetica, sans-serif;
color : #9f9f9f;
margin : 0;
padding : 0 0 0 0;
width : 280px;
float : left;
}
#right-text-right1 {
width : 290px;
margin : 0 0 10px 0;
padding : 0;
float : right;
}
#right-text-right1 h2 {
font : bold 13px Arial, Helvetica, sans-serif;
color : #292929;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : 280px;
float : left;
}
#right-text-right1 p {
font : normal 13px Arial, Helvetica, sans-serif;
color : #9f9f9f;
margin : 0;
padding : 0 0 0 0;
width : 280px;
float : left;
}
#right-text-right2 {
width : 290px;
margin : 0 0 10px 0;
padding : 0;
float : right;
}
#right-text-right2 h2 {
font : bold 13px Arial, Helvetica, sans-serif;
color : #292929;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : 280px;
float : left;
}
#right-text-right2 p {
font : normal 13px Arial, Helvetica, sans-serif;
color : #9f9f9f;
margin : 0;
padding : 0 0 0 0;
width : 280px;
float : left;
}
.green {
color : #0f5d7d;
}
#right h3 {
width : 320px;
margin : 0;
padding : 0;
float : left;
font : bold 18px Arial, Helvetica, sans-serif;
color : #02172c;
line-height : 36px;
}
#right p {
width : 99%;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 12.67px;
color : #292929;
float : left;
}
#footer {
width : 864px;
margin : 0;
padding : 0 17px;
float : left;
background : #e0e0e1;
height : 80px;
}
#footer-left {
width : 370px;
margin : 0;
padding : 0;
float : left;
}
#footer-left p {
width : 370px;
margin : 20px 0 0 0;
font : normal 13px Arial, Helvetica, sans-serif;
color : #4f4f4f;
float : left;
line-height : 40px;
}
#footer-left a {
text-decoration : none;
color : #4f4f4f;
}
#footer-right {
width : 460px;
margin : 0;
padding : 0;
float : right;
}
#footer-right p {
width : 460px;
margin : 20px 0 0 0;
font : normal 13px Arial, Helvetica, sans-serif;
color : #4f4f4f;
float : left;
}
#footer-right h4 {
font : normal 10px Arial, Helvetica, sans-serif;
color : #535353;
float : right;
padding : 0 20px 0 0;
}
#footer-right a {
text-decoration : none;
color : #4f4f4f;
}
#project_gallery {
width : 862px;
margin : 0;
padding : 0;
float : left;
}
#project_gallery ul {
list-style : none;
}
#project_gallery ul li {
display : block;
float : left;
margin : 6px 4px;
padding : 0;
border : 1px solid #3f6a01;
padding : 2px;
}
#project_gallery ul li img {
width : 200px;
height : 119px;
margin : 0;
padding : 0;
}
#why-css {
width : 862px;
margin : 0;
padding : 0;
float : left;
}
#why-css h2 {
width : 862px;
margin : 0;
padding : 0;
float : left;
}
#why-css ul {
list-style : disc;
width : 820px;
margin : 0 0 0 40px;
padding : 0;
float : left;
}
#why-css ul li {
display : block;
width : 790px;
float : left;
margin : 5px 0;
padding : 0 0 0 25px;
font : normal 12px Verdana, Arial, Helvetica, sans-serif;
color : #000;
line-height : 20px;
background : url(images/icon-2.jpg) no-repeat 0 4px;
}
#template {
width : 507px;
margin : 10px 0;
padding : 0;
float : left;
height : 83px;
}
.template {
margin : 0;
padding : 0;
list-style : none;
}
.template li {
padding : 0;
margin : 0 3px;
float : left;
position : relative;
text-align : center;
}
.template a {
padding : 14px 0 0 0;
display : block;
color : #000000;
width : 119px;
height : 83px;
text-decoration : none;
font-weight : bold;
background : url(images/button.gif) no-repeat center center;
}
.template a img {
width : 119px;
height : 83px;
margin : 0;
padding : 0;
float : left;
}
.template li em {
background : url(images/hover.png) no-repeat;
width : 230px;
height : 180px;
position : absolute;
top : -185px;
left : -60px;
text-align : center;
padding : 10px;
font-style : normal;
z-index : 2;
display : none;
}
#bullet {
width : 340px;
margin : 0;
padding : 0;
float : left;
}
#bullet ul {
list-style : none;
}
#bullet ul li {
width : 330px;
display : block;
float : left;
margin : 0;
padding : 0 0 0 20px;
line-height : 30px;
background : url(images/icon-2-small.jpg) no-repeat 0 10px;
font-size : 12px;
}

#bullet1 {
width : 340px;
margin : 0;
padding : 0;
float : left;
}
#bullet1 ul {
list-style : none;
}
#bullet1 ul li {
width : 330px;
display : block;
float : left;
margin : 0;
padding : 0 0 0 20px;
line-height : 30px;
background : url(images/icon-2-small.jpg) no-repeat 0 10px;
font-size : 12px;
}



#blank {
width : 862px;
margin : 0;
padding : 0;
float : left;
}

#tbox1 {width:500px; margin:0; padding:0; float:left; }
#tt {width:500px; margin:0; padding:0; float:left; background:url(images/tt.jpg) 0 0 no-repeat; height:14px; }
#tm {width:500px; margin:0; padding:0; float:left; background:url(images/tm.jpg) 0 0 repeat-y;  }

#tm p {width:400px; margin:0; padding:0 50px; float:left; }

.size {font-size:18px; }

#tb {width:500px; margin:0; padding:0; float:left; background:url(images/tb.jpg) 0 0 no-repeat; height:39px; }

#logobox {width:300px; margin:0; padding:10px 0 5px 200px; float:left; }

#logobox p { float:right; width:200px; margin:0; padding:0; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#000; font-style:italic; float:left;}