*{margin:0; padding:0;}
body{background:url(../images/mbg.jpg) left top;}
img{border:0; text-align:left; vertical-align:top;}
ul{list-style:none;}
.column{float:left;}
.clear{clear:both;}
body{font-family:Arial, helvetica, sans-serif; color:#656578; font-size:0.8em; line-height:1.4em; text-align:center;}
input, textarea, select{color:#7C7E73; vertical-align:top; text-align:left; border: 1px solid #D0D0D0; font:11px Tahoma, Arial, helvetica, sans-serif;}
.tar{text-align:right;}
.in5{padding-top:5px;}
.in10{padding-top:10px;}
.in15{padding-top:15px;}
.in20{padding-top:20px;}
.in25{padding-top:25px;}

.ws{width:100%;}

.col_1, .col_2, .col_3, .box_1, .box_2, .box_3, .mid{float:left;}

a{color:#FF7E00; text-decoration:underline;}
a:hover{text-decoration:none;}

b a{color:#FF7E00; text-decoration:underline; padding-left:8px; background:url(/images/arr.gif) left 5px no-repeat; font-weight:normal;}
b a:hover{text-decoration:none;}

strong{font-size:1.09em; line-height:1.27em;}

h4 {color: #FF7E00; font-weight: normal;}

/*=======header===========*/
#header .logo{width:318px; height:174px; float:left; background:url(/images/logo_bg.jpg) left top no-repeat;}
#header .logo h1{text-indent:-10000px;}
#header .menu{width:462px; height:174px; float:left;position:relative;background:url(/images/menu_bg.jpg) left top no-repeat;}
#header .menu div{padding:34px 0 0 28px;}
#header .menu #getflash{position: absolute; bottom: 15px;right: 54px;}
#header .menu img{margin-right:11px;}
#header .menu ul{margin:0 10px;padding:0px;list-style:none;}
#header .menu li{float:left;padding:0px 5px;}
#header .menu li a {
  display:block;
  background: url(/images/bt_2.jpg);
  height:90px;width:60px;
  line-height:90px;
  text-align:center;
  text-decoration:none;
  color:#333333;
  padding:0px;
}
#header .menu li a:link{
}
#header .menu li a:hover{
  background: url(/images/bt_2_sel.jpg);color:#fff;
}
#header .menu li a.selected { background: url(/images/bt_2_sel.jpg);color:#fff;}
/*=======content===========*/
#content{background:url(../images/content_left_top.jpg) left top no-repeat;}
#content .layer_2{background:url(../images/content_right_top.jpg) right top no-repeat;}
#content .layer_3{background:url(../images/cont_top_bg.jpg) 32px top repeat-y; padding:25px 58px 26px 57px;}

.line_x{height:1px; background:url(../images/m_tab.gif) left top repeat-x;}
.title{height:33px; background:url(../images/m_tab.gif) left bottom repeat-x #FFFFFF;}
.title div{padding:7px 0 0 26px; background:url(../images/titile_mark.gif) 15px 14px no-repeat;}
.pic{margin-right:13px; float:left;}

.indent{padding:30px 21px 20px 15px;}

.col_2 .indent{padding-top:20px;}
.col_2 .content_img{border:1px solid #CBCBCB; margin-right: 6px;}
.col_2 .end_img{border:1px solid #CBCBCB; margin-right: 0px;}
.col_2 ul li{list-style:disc; margin-left:20px;}

.bg {background:#F3F3F3; color:#667077;}


.mid{width:1px; background:url(../images/m_tab.gif) left top repeat-y;}

.font_2{line-height:1.7em;}

li{padding-bottom:4px;}
li a{color:#FF7E00; text-decoration:underline; padding-left:8px; background:url(/images/arr.gif) left center no-repeat; line-height:1em;}
li a:hover{text-decoration:none;}
.phone-addition {padding-left: 3.6em;}

/*=======m_tab===========*/
.m_tab{background:url(../images/m_tab.gif) left top repeat-x; width:100%;}
.m_tab .bot{background:url(../images/m_tab.gif) left bottom repeat-x;}
.m_tab .left{background:url(../images/m_tab.gif) left top repeat-y;}
.m_tab .right{background:url(../images/m_tab.gif) right top repeat-y; padding:1px;}
.m_tab .bg_none{background:0;}
/*=======page_1===========*/
#page_1 .date{padding-left:22px; background:url(images/date.gif) left center no-repeat; margin:0 0 5px 0;}
#page_1 .col_2 .box_1{width:120px;}
#page_1 .col_2 .box_2{width:256px; padding-top:5px;}
/*=====//page_1===========*/

/*=======page_2===========*/
#page_2 .col_2 .box_1{width:100px;}
#page_2 .col_2 .box_2{width:267px; padding-top:5px;}
/*=====//page_2===========*/

/*=======page_3===========*/
#page_3 .col_2 .box_1{width:120px;}
#page_3 .col_2 .box_2{width:255px; padding-top:5px;}
#page_3 .col_2 .indent{padding-right:18px;}
/*=====//page_3===========*/

/*=======page_4===========*/
#page_4 .col_1 .pic{margin-right:5px;}
#page_4 .col_1 .indent{padding:15px 15px 15px 10px;}

#page_4 .col_2 .box_1{width:150px;}
#page_4 .col_2 .box_2{width:223px; padding-top:5px;}
/*=====//page_4===========*/

/*=======page_5===========*/
#form .ln{height:31px;}
#form input{width:213px; height:20px;}
#form textarea{width:213px; height:214px; overflow:hidden; margin-bottom:9px;}

#page_5 .col_2 .box_1{width:209px;}
#page_5 .col_2 .box_2{width:147px;}
/*=====//page_5===========*/
/*=======page_specific===========*/
#index .date{padding-left:22px; background:url(../images/date.gif) left center no-repeat; margin:0 0 5px 0;}
#index .bg_none .col_1 .indent{padding:15px 5px 15px 5px;}
#index .col_1 .box_1{margin-right: 10px;}
#index .col_2 .box_1{width:150px;}
#index .col_2 .box_2{width:226px; padding-top:5px;}

#about_us .box_1{width:100px;}
#about_us .box_2{width:527px; padding-top:5px;}

#services .col_1 {margin-bottom: -1px;}
#services .col_1 .pic{margin-right:5px;}
#services .col_1 .indent{padding:15px 5px 15px 10px;}
#services .col_2 .box_1{width:150px;}
#services .col_2 .box_2{width:223px; padding-top:5px;}

#projects .col_1 .indent{padding:15px 5px 15px 10px;}
#projects .col_1 .box_1{width:50px; margin-right: 10px; border:1px solid #CBCBCB;}
#projects .col_1 .box_2{width:170px;}
#projects .col_2 .indent{padding-right:16px;}

#form .ln{height:31px;}
#form input{width:213px; height:20px;}
#form textarea{width:213px; height:214px; overflow:hidden; margin-bottom:9px;}

#contact .col_2 {background:url(../images/prohostbg.gif) 150% 120% no-repeat; height: 510px;}
#contact .col_2 .indent {margin-left:20px;}
#contact .col_1 .indent{padding:20px 21px 0px 15px;}
#contact .notice {color: #FF7E00;}
#contact .col_1 .indent #comments_textarea{height:249px;width:210px;}
#contact .col_1 .indent .comments{height:14px;width:210px;}
#design .ws {background:url(../images/design_bg.jpg) right bottom no-repeat;}

#applications .col_2 .indent{padding-right:16px;}

/*=======Sub Menu=========*/
.picture_box {render:inline; float:left; width:70px; height:57px; border:0; text-align:left; vertical-align:top;}

.bg_design .picture_box {background:url(../images/design.jpg) left top no-repeat;}
.bg_websites .picture_box {background:url(../images/websites.jpg) left top no-repeat;}
.bg_applications .picture_box {background:url(../images/applications.jpg) left top no-repeat;}
.bg_hosting .picture_box {background:url(../images/hosting.jpg) left top no-repeat;}

#design .bg_design .picture_box {background:url(../images/bg_design.jpg) left top no-repeat;}
#websites .bg_websites .picture_box {background:url(../images/bg_websites.jpg) left top no-repeat;}
#applications .bg_applications .picture_box {background:url(../images/bg_applications.jpg) left top no-repeat;}
#hosting .bg_hosting .picture_box {background:url(../images/bg_hosting.jpg) left top no-repeat;}

#services .bg_services,
#design .bg_design,
#websites .bg_websites,
#applications .bg_applications,
#hosting .bg_hosting,
#projects .bg_project,
#orbit .bg_orbit,
#hydroplan .bg_hydroplan,
#blackwoodoptical .bg_bwo {background:#F3F3F3; color:#667077;}

#projects .bg_project a,
#services .bg_services a {font-size: 1.2em; font-weight: bold;}

#projects .col_1 .bg_project,
#services .col_1 .bg_services {padding:15px 2px 15px 10px;}

/*=======footer===========*/
#footer{height:55px; background:url(../images/footer_bg.jpg) left top no-repeat; color:#FFFFFF; text-transform:uppercase;}
#footer div{padding:18px 0 0 36px;}
#footer a{color:#FF7E00; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

/*========"websites"=========*/

#services #websites .slide-head {cursor: pointer;}
#services #websites .heading {padding-left: 5px; font-weight: bold; font-size: 1.17em;text-decoration:underline}
#services #websites .slide-text {display: none;}

#services #websites .plus-img, .minus-img {
  background: url('../images/plus.gif') no-repeat top;
  width: 15px;
  height: 15px;
  float:left;}

#services #websites .minus-img {
  background: url('../images/minus.gif') top left no-repeat;}