/********************************* Classes for XHTML default Tag *********************************/
body { height: 100%; margin:0; padding:0; font: .80em/1.4em arial, tahoma, "Trebuchet MS", sans-serif; color:#000; background:#041f31; }
table { font-size:100%; }
.png { behavior: url(css/iepngfix.htc) }
h1 { color:#df3c00; font:normal 1.7em arial, tahoma, "Trebuchet MS", sans-serif; margin:0 0 5px 0; padding:5px 0; }
h2 { color:#003366; font:bold 1.3em arial, tahoma, "Trebuchet MS", sans-serif; margin:0 0 5px 0; padding:5px 0; }
h3 { color:#000; font:bold 1.3em arial, tahoma, "Trebuchet MS", sans-serif; margin:0 0 5px 0; padding:5px 0; }
form { display:inline; margin:0; padding:0px; }
fieldset { padding:0; margin:0; border:none; }
img { border:none; }
a { color:#006699; text-decoration:underline; padding:0px; margin:0px; }
a:hover { color:#006699; text-decoration:none; }
ul, li { list-style-type:none; padding:0px; margin:0px; }
ul.inline li { float:left; }
ul.inline li.fr { float:right; }
p { margin:5px 0; padding:0; line-height:1.4em; }
input, textarea, select { font: 1em arial, "Trebuchet MS", sans-serif, tahoma; }

#main {  width:960px; margin:0 auto; }

#logo h1 { padding:0; margin:0; border:none; background:none; }
#logo h1 a { background:transparent url(../images/logo.gif) no-repeat 50% 50%; float:left; display:block; width:163px; height:34px; padding:20px; text-indent:-9000px; }

#header_text { float:right; color:#a3c1df; margin-top:30px; }
#big_text h1 { margin:0; padding:0; color:#50565d; font-size:1.6em; line-height:1.4em; margin-bottom:10px; }
#big_text h1 a { color:#50565d; }
#big_text h1 a:hover { color:#000; text-decoration:underline; }

#menu { clear:both; background:#062f49 url(../images/menu_left.gif) no-repeat 0% 0%;  }
#menu .right_bg { background: url(../images/menu_right.gif) no-repeat 100% 0%; }
#menu ul { margin-left:20px; }
#menu li { float:left; }
#menu li a { font:normal 1.3em "Trebuchet MS", arial, sans-serif, tahoma; color:#a3c1df; display:block; float:left; text-align:center; padding:6px 25px; text-decoration:none; }
#menu li a:hover { text-decoration:underline; }
#menu li.active { background:#cc3300 url(../images/menu_active.gif) repeat-x 0% 100%; }
#menu li.active a { color:#fff; text-decoration:none; }

#content_area { background:#fff url(../images/right_panel_bg.gif) repeat-y 76% 100%; clear:both; width:100%; }
#content_area .corn_bl { background: url(../images/content_corn_bl.gif) no-repeat 0% 100%; }
#content_area .corn_br { background: url(../images/content_corn_br.gif) no-repeat 100% 100%; }
#content_area .content_bg {  background: url(../images/content_bg.gif) repeat-x 0% 0%; padding:18px !important; padding:9px 18px 18px 18px;  }

#left_panel { width:74%; float:left; } 
#right_panel { width:22.5%; float:right; }

#header_graphic { background:#063757 url(../images/header_graphic_home.jpg) no-repeat 0% 0%; height:229px; margin-bottom:10px; }
#heading_text { width:300px; height:195px; overflow:hidden; padding:30px 0 0 30px; color:#fff;  }
#heading_text h1 { color:#fff; margin-bottom:5px; }

#header_graphic1 { background:#063757 url(../images/header_graphic1.jpg) no-repeat 0% 0%; height:229px; margin-bottom:10px; }
#header_graphic2 { background:#063757 url(../images/header_graphic2.jpg) no-repeat 0% 0%; height:229px; margin-bottom:10px; }
#header_graphic3 { background:#063757 url(../images/header_graphic3.jpg) no-repeat 0% 0%; height:229px; margin-bottom:10px; }
#header_graphic4 { background:#063757 url(../images/header_graphic4.jpg) no-repeat 0% 0%; height:229px; margin-bottom:10px; }
#header_graphic5 { background:#063757 url(../images/header_graphic5.jpg) no-repeat 0% 0%; height:229px; margin-bottom:10px; }


#my_work { float:left; width:49%; }
#my_work li { float:left; margin:0 8px 8px 0; }
#my_work li a { display:block; border:1px solid #ccc; }
#my_work li a:hover { border:1px solid #006699; }

#featured_work { float:left; width:50%; }
#creative_portfolio { background:#3399cc url(../images/creative_portfolio.gif) no-repeat 50% 100%; padding:10px 10px 70px 10px; height:189px; overflow:hidden; }
.tabcontentstyle li.col1 { float:left; width:51%; }
.tabcontentstyle li.col2 { float:left; width:49%; }

.shadetabs li{ display: inline; margin: 0; }
.shadetabs li a { text-decoration:none; float:left; display:block; padding: 5px 10px; color:#fff; font-size:.9em; font-weight:bold; }
.shadetabs li a:hover { text-decoration:underline; color:#fff; }
.shadetabs li.selected { position:relative; color:#006699; }
.shadetabs li.selected a { background:#fff; color:#006699; text-decoration:none; }
.shadetabs li.selected a:hover { text-decoration:none; color:#006699; }
.tabcontentstyle { background:#fff; color:#000; font-size:.9em; padding:7px; clear:both; margin:0 !important; margin-top:-10px; height:140px; overflow:hidden;  }
.tabcontent { display:none; }

#right_services li { background: url(../images/orange_dot.gif) no-repeat 0% 50%; padding-left:15px; margin:5px 0; }
#right_blog li { margin-bottom:10px; color:#666; font-size:.9em; }
#right_blog li .date { color:#999; }
#right_blog li .date { color:#999; }

#footer { clear:both; background:#062f49 url(../images/footer_bg.gif) repeat-x 0% 0%; color:#fff; margin-top:20px; }
#footer_content { width:930px; margin:0 auto; padding:15px; }
#footer .footer_left { float:left; width:60%; }
#footer .footer_right { float:right; width:20%; color:#b1c6d4; }
#footer .footer_right a { color:#b1c6d4; }
#fmenu { margin-bottom:10px; font:bold 1em "Trebuchet MS", arial, tahoma, sans-serif; }
#fmenu a { color:#e0e6ea; }
#fmenu a.active { color:#66ccff; text-decoration:none; }
#footer .copyright { color:#8397a4; font-size:.85em; }
#footer .copyright a { color:#8397a4; }
#footer .contant { position:absolute; margin:-30px 0 0 -100px; }

#tabmenu { background: url(../images/tabmenu_bg.gif) repeat-x 0% 100%; width:100%; clear:both; }
#tabmenu ul { margin-left:15px; }
#tabmenu li { float:left; background:#b7cde2 url(../images/tabmenu_left.gif) no-repeat 0% 0%; margin-right:5px; }
#tabmenu li a { font:normal 1.3em "Trebuchet MS", arial, sans-serif, tahoma; color:#000; background: url(../images/tabmenu_right.gif) no-repeat 100% 0%; display:block; float:left; text-align:center; padding:5px 20px; text-decoration:none; }
#tabmenu li a:hover { text-decoration:underline; }
#tabmenu li.active { float:left; background:#fff url(../images/tabmenu_left_active.gif) no-repeat 0% 0%; }
#tabmenu li.active a { color:#333; background: url(../images/tabmenu_right_active.gif) no-repeat 100% 0%; }


/*********** Contact page *************/
#address { width:35%; float:left; margin-right:3%; line-height:1.8em; }
#feedback { width:60%; float:right; }
#feedback input { margin:5px 15px 0 0; }

a.more { background: url(../images/arrow.gif) no-repeat 100% 65%; padding-right:10px; }
a.arrow { background: url(../images/arrow_red.gif) no-repeat 0% 60%; padding-left:8px; }
a.comment { background: url(../images/comment_icon.gif) no-repeat 0% 60%; padding-left:13px; }
a.cv { font-size:1.5em; background: url(../images/pdf_icon.gif) no-repeat 100% 50%; padding-right:20px; }
a.big_link { font-size:1.5em; color:#000; }
a.green_arrow { background: url(../images/green_arrow.gif) no-repeat 100% 65%; padding-right:15px; }

a.port_img { border:7px solid #dce8f3; display:block; float:left; margin:0px; padding:1px; }
a.port_img:hover { border:7px solid #9fbbd4; }

/*********** Portfolio page *************/
#portfolio { width:100%; clear:both; }
#portfolio li { float:left; margin:15px 40px 0 0; }

#portfolio_website div.col1 { width:64%; float:left; }
#portfolio_website div.col2 { width:36%; float:right; }
#portfolio_website div.col1 a { border:7px solid #dce8f3; display:block; float:left; margin:0px; padding:1px; }
#portfolio_website div.col1 a:hover { border:7px solid #9fbbd4; }

.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.padding { padding:5px; }
.padding1 { padding:10px; }
.padding_tb1 { padding:10px 0; }
.margin { margin:5px; }
.margin1 { margin:10px; }
.margin_top { margin-top:5px; }
.margin_top1 { margin-top:10px; }
.margin_bottom { margin-bottom:5px; }
.margin_bottom1 { margin-bottom:10px; }
.margin_left { margin-left:5px; }
.margin_left1 { margin-left:10px; }
.margin_right { margin-right:5px; }
.margin_right1 { margin-right:10px; }
.black_text { color:#000; }
.small_text { font-size:.85em; }
.pad_none { margin:0; padding:0; }
.right { text-align:right; }
.center { text-align:center; }

.search_box { color:#333; background: url(../images/search_bg.gif) no-repeat 100% 0%; width:118px; height:21px; font-size:.85em; margin:0; border:none; padding:3px 0 0 20px; }
.gray_dot li { background: url(../images/gray_dot.gif) no-repeat 0 5px; padding-left:12px; margin:5px 0; }
.hr_space { background: url(../images/hr_line.gif) repeat-x 0% 50%; padding:5px 0; clear:both; }

.textbox { border:1px solid #d1e0ef; background:#ebf1f8; padding:2px; width:170px; }
.textarea { border:1px solid #d1e0ef; background:#ebf1f8; padding:2px; width:360px; height:150px; margin-top:5px; }
.button { background:#006699; color:#fff; font-weight:bold; padding:3px 10px; border-color:#258cbf; }

/*********** testimonials *************/
.testimonials { margin:20px 50px;}