body { font-family: Verdana; margin: 33px 0px 0px 0px; font-size: 12px; background-color: #bbbbbb }

input { border: 1px solid #666666; font-size: 11px; font-family: Verdana; }
textarea { border: 1px solid #cdcdcd; font-size: 11px; font-family: Verdana; }
.button_red { border: 1px solid #cccccc; color: white; font-size: 11px; font-family: Verdana; background-color: #ff7709 }
.button_green { border: 1px solid #cccccc; color: white; font-size: 11px; font-family: Verdana; background-color: #a2bd38 }

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

.no_border { border: none; }
.bold { font-weight: bold; }
.pointer { cursor: pointer; }
.underline { text-decoration: underline; }

.size10 { font-size: 10px } 
.size11 { font-size: 11px } 
.size12 { font-size: 12px } 
.size13 { font-size: 13px } 
.size14 { font-size: 14px } 
.size16 { font-size: 16px } 
.size18 { font-size: 18px } 
.size20 { font-size: 20px } 
.size24 { font-size: 24px } 

.cl1 { color: #FFFFFF } /* white */
.cl2 { color: #c2ff09 } /* green */
.cl3 { color: #666666 } /* grey */
.cl4 { color: #eb701f } /* brown */
.cl5 { color: #eeeeee } /* grey */
.cl6 { color: #e4be2f } /* yellow */
.cl7 { color: #333333 } /* grey */
.cl8 { color: #000000 } /* black */
.cl9 { color: #bbbbbb } /* grey */

.fd1 { background-color: #FFFFFF } /* white */
.fd2 { background-color: #bbbbbb } /* grey */
.fd3 { background-color: #666666 } /* grey */

.bd1 { border-left: 1px solid #416298; border-bottom: 1px solid #416298; }
.bd2 { border: 1px solid #ffffff; }
.bd3 { border-right: 5px solid #11265b; border-bottom: 5px solid #11265b; }
.bd4 { border: 1px solid #333333; }
.bd5 { border: 1px solid #ffffff; }

.body { width: 751px; text-align: left; }
.logo { width: 152px; float: left; padding: 0px 0px 8px 56px }
.header_right { width: 488px; float: right; padding-right: 55px }
.menu { height: 30px; }
.menu_item { width: 92px; height: 30px; line-height: 30px; background: url(../images/menu_item.gif); position: absolute; text-align: center; }
.menu_item_on a { color: #c2ff09; font-weight: bold; }
.menu_item_on { width: 92px; height: 31px; line-height: 30px; background: url(../images/menu_item_on.gif); position: absolute; text-align: center; cursor: pointer; }
.menu_sep { width: 7px; height: 30px; background: url(../images/menu_sep.gif); position: absolute; }
.header { height: 209px; background: url(../images/header.gif); }

.content { background: #999999 url(../images/dot_white.gif) left top repeat-y }
.content div { background: url(../images/dot_white.gif) right top repeat-y }
.content div div { background: url(../images/content_top.jpg) top center no-repeat }
.content div div div { background: url(../images/content_bottom.jpg) bottom center no-repeat }

.footer { background: url(../images/footer.gif); width: 594px; height: 21px; padding: 3px 26px; text-align: left; margin-left: 1px }

/* portfolio */
.marqueeToolTip {	margin-left:85px; margin-top:15px; padding-left: 20px; color: #666666; background: url(../images/arr_grey.gif) no-repeat left bottom; }

.portfolio_button { padding: 0px 5px; height: 30px; line-height: 30px; background: url(../images/portfolio_button.jpg) no-repeat left !important; text-align: center; float: left; margin-right: 1px; }
.portfolio_button_on { padding: 0px 5px; height: 30px; line-height: 30px; background: url(../images/portfolio_button_on.jpg) no-repeat left !important; text-align: center; float: left; margin-right: 1px; }

/* services */
.services_caption { background: url(../images/bg_service.gif) left bottom repeat-x; height: 18px; line-height: 18px }
.services_bg { background: url(../images/bg_service1.gif) center top repeat-y !important; }

/* clients */
.clients_caption { background: url(../images/bg_clients.gif) left bottom repeat-x !important; height: 18px; line-height: 18px }

.cleared { background: none !important; }

.clr { clear: both; height: 0px; overflow: hidden; }
.clr1 { clear: both; height: 1px; overflow: hidden; background: none !important; }