* {margin: 0px; padding: 0px;}

body {font: 13px 'Trebuchet MS'; line-height: 18px; color: #444444; background: #FFFFFF url(/images/bg.gif) repeat-x top;}

a {color: #222222; text-decoration: underline}

a:hover {background: none; text-decoration: none}

p {margin-bottom: 18px;}

acronym {text-decoration: none; border: 0px}



#headbox  {width: 940px; height: 55px; margin: 0px auto; position: relative;}

#menu     {position: absolute; left: 0px; width: 780px; height: 22px; padding-top: 33px; font-family: Verdana;}

#menu ul  {padding: 0px 0px 2px 0px; margin: 0px; border-bottom: 1px solid #cccccc;}

#menu li  {display: inline; padding-right: 18px; color: #0054A6; text-transform: uppercase}

#menu a   {text-decoration: underline; color: #0054A6; text-transform: uppercase;}

#menu a:hover, #menu a.asel, .title:hover {text-decoration: none}



#logo     {position: absolute; right: 0px; width: 160px; height: 80px; text-align: right; padding-top: 26px}

#logo a:hover {background: none}



#bodybox {width: 940px; margin: 0px auto; position: relative;}

#left  {float: left; width:550px; margin-right: 17px; margin-top: 34px;}

#right {float: right; width: 330px; margin-left: 17px; margin-top: 34px;}

#inner {padding: 34px 0px 0px 0px}



h1 {margin-bottom: 18px; font-size: 22px; font-weight: normal; line-height: 36px}

h2 {margin-bottom: 18px; font-size: 18px; font-weight: normal; line-height: 18px}

h3 {margin-bottom: 18px; font-size: 15px; font-weight: bold; line-height: 18px}



#left ul, #why ul {margin: 0px; padding: 0px 0px 9px 0px}

#left li, #why li {padding: 0px 0px 9px 18px; margin: 0px; list-style:none; background: url(/images/li.gif) no-repeat top left}

#why li {padding: 0px 0px 9px 18px; margin: 0px; list-style:none; background: url(/images/li2.gif) no-repeat top left}

#why a:hover {text-decoration: none}

#why_title {color:#0054A6; font-size:15px; font-weight:bold; line-height:18px; text-decoration:none;} 

#why_image {border: 1px solid rgb(204, 204, 204); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%;}



#projectbox {padding: 0px 0px;}
#why {background: #ECF2E9; padding: 17px 17px 17px 17px; border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; color: #777777;}
#errorbox {margin: 0px 0px 18px 100px; color: #FF0000;}
#messagebox {margin: 0px 0px 18px 100px; color: #00FF00;}



#productbox {background: #ECF2E9; padding: 17px 18px 17px 18px;margin-bottom:36px;}

.product img {border: 1px solid #cccccc; padding: 6px; margin:0px 18px 0px 0px; background: #FFFFFF; width: 201px; height: 142px;}

.product .pic   {width: 215px; float: left;}

.product .text  {width: 280px; float: right;}

.product .text p {padding: 0px; margin: 7px 0px 0px 0px}

.product .title {text-decoration: none; color: #0054A6; font-size: 15px; font-weight: bold; line-height: 18px;}

.product .title:hover {text-decoration: underline;} 

.product p {font: 13px 'Trebuchet MS'; line-height: 18px;}




.project .pic   {width: 265px}
.project .text  {margin-bottom:6px}
.project .text p {padding: 0px; margin: 7px 0px 0px 0px}
.end   {clear: both;  height: 18px}
.fin   {clear: both;}
.project .title {text-decoration: none; color: #0054A6; font-size: 13px; line-height: 18px; font-weight: bold; padding-left:10px}
.project .title:hover {text-decoration: none;}
.project img {border: 1px solid #cccccc; background: #FFFFFF; width: 265px; height: 142px;}
.project p {font: 12px 'Trebuchet MS'; line-height: 18px;}



.rightbox {margin-bottom: 18px; background: #ECF2E9; padding: 10px}
.rightbox p {}
.rightbox p img.image {margin: 0px 18px 17px 0px; float: left}
.icon {padding-right: 6px; vertical-align: middle}
.licon {padding-right: 9px; vertical-align: middle}



.projects {padding: 0px; margin: 0px; border-top: 1px solid #eeeeee; margin-bottom:34px}

.projects li {padding: 9px 18px 8px 18px; list-style: none; margin: 0px; font-size: 14px; border-bottom: 1px solid #eeeeee; line-height: 18px;} 

.projects li.sel {background: #ECF2E9}

.projects li.sel_in {background: #ECF2E9; padding-left: 36px}

.projects a {background: none; text-decoration: none}



.screen {font-size: 11px; text-transform: uppercase; color: #666666; line-height: 18px;}

.screen img {margin-top: 2px; border: 1px solid #cccccc; margin-right: 20px;}



#footerbox {border-top: 1px solid #cccccc; width: 940px;  margin: 0px auto; clear: both; position: relative; height: 30px; margin-top: -30px;}

#copy {float: left; width: 500px;  padding: 9px 0px}

#power {float: right; width: 400px;  padding: 9px 0px; text-align: right}

#power a {color: #555555}



label {clear:left; float: left; width: 82px; margin-right: 18px; text-align: right;}

.input, .textarea, .isel, .tsel, .captcha, .scaptcha {float: left; width: 400px; height: 16px; border: 1px solid #cccccc; font: 13px TrebuchetMS; color: #444444; margin-bottom: 10px; padding: 4px}

.textarea, .tsel {height: 170px; overflow: auto; margin-bottom: 9px}

.captcha, .scaptcha {width: 262px; margin-bottom: 9px}

.isel, .tsel, .scaptcha {border: 1px solid #6A9ECF;}



#captchabox {clear: both; padding-left: 100px; height: 54px; text-align: left;}

#captchabox .pic {width: 120px; float: left}

#captchabox .text {width: 272px; float: left; padding-left: 18px;}



.project_box, .project_box_sel {padding: 17px 18px;  margin-bottom:36px; border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; background: #ECF2E9}

.project_box a.title, .project_box_sel a.title {text-decoration: none; font-size: 18px; font-weight: normal; line-height: 18px}

.project_box a.title:hover, .project_box_sel a.title:hover {text-decoration: underline; background: none}

.project_box .image, .project_box_sel .image {float: left; width: 553px; padding-right: 9px;}

.project_box .image img, .project_box_sel .image img {border: 1px solid #cccccc; padding: 5px; background: #ffffff}

.project_box .description, .project_box_sel .description {float: left; width: 333px; padding-left: 9px;}

.project_box_sel {background: #FFFFFF}

.button {margin: 9px 0px 0px 238px; background: #eeeeee; font: 13px 'Trebuchet MS'; border: 1px solid #cccccc; padding: 3px 18px;}



#left ul.none, #right ul.none {margin: 0px; padding: 0px 0px 9px 0px}
#left ul.none li, #right ul.none li {padding: 0px 0px 9px 0px; list-style:none; line-height: 18px;}

.packages_table {width:570px; border: 1px solid #BBBBBB; margin-bottom:34px}
.packages_table th {border-bottom:1px solid #BBBBBB}
.packages_table .left {width:55%; border-bottom:1px solid #BBBBBB; padding-left: 5px}
.packages_table .right {width:15%; border-left: 1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; text-align:center}
.packages_table p {font-size:11px; margin-top: 2px; margin-bottom: 7px}
.packages_table ol {padding-left: 20px; margin-top: 2px; margin-bottom: 7px;}
.packages_table li {font-size:11px; type: a}
#table_title {font-size: 17px; height: 40px}
#table_footer {font-size: 17px; height: 40px}