/* **********************************
 * 
 * ********************************** */
*           {margin:0;padding:0}
body        {background: #323232;font-family:'Lucida Sans Unicode',Arial,sans-serif;color:#000;text-align:center;font-size:0.7em;}
pre         {background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre  {width:100%}

p           {margin:0px 0px 10px 0px;}
li          {margin:0px 0px 10px 0px;}
h1          {margin:0px 0px 10px 0px;color:#999;font-size:16px;font-weight:normal}
h2          {margin:0px 0px 10px 0px;color:#999;font-size:16px;font-weight:normal}
h3          {margin:0px 0px 10px 0px;color:#999;font-size:14px;font-weight:normal}
h4          {margin:0px 0px 10px 0px;color:#999;font-size:14px;font-weight:normal}
h5          {margin:0px 0px 10px 0px;color:#999;font-size:12px;font-weight:normal}
h6          {margin:0px 0px 10px 0px;color:#999;font-size:12px;font-weight:normal}

/* **********************************
 * Layout
 * ********************************** */
#outerwrapper       {width:987px;margin:20px auto;}
#headerwrapper      {text-align:left;background:url(../images/top.jpg) no-repeat #333;height:150px;padding-top:38px;}
#bannerwrapper      {text-align:left;background:url(../images/blue_background.jpg) repeat-y #0099CC;height:150px;}
#banner             {float:left;}
#midrift            {float:none;clear:both;text-align:left;background:url(../images/mid_panel_background.jpg) no-repeat #333;height:70px;overflow:hidden;}
#logo               {margin:8px 10px 0px 10px;}
#bodywrapper        {background:url(../images/orange_background.jpg) repeat-x #FF9900;height:270px;}
#bodyend            {background-image:url(../images/orange_footer_background.gif);background-repeat:no-repeat;height:10px;}


#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

/* **********************************
 * Menu
 * ********************************** */
.navigation                     {float:left;text-align:left;width:327px;height:250px;}
.column                         {float:left;text-align:left;margin:20px 15px 20px 15px;width:292px;overflow:hidden;}
.menuwrapper                    {margin:10px 10px 10px 10px;background:url(../images/menu_top_background.gif) top left no-repeat;}
ul.menu                         {padding:10px 0px 10px 0px;margin:0 0 0 0;list-style:none;background:url(../images/menu_base_background.gif) left bottom no-repeat;}
ul.menu li                      {padding:0 0 0 0;margin:0 0 0 0;list-style:none;background:url(../images/menu_background.gif) repeat-y;}
ul.menu li a strong             {display:none;}

ul.menu a.web-design            {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/web_design_bt.jpg) no-repeat;}
ul.menu a.web-design-on         {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/web_design_bt_f2.jpg) no-repeat;}
ul.menu a.web-design:hover      {background:url(../images/web_design_bt_f2.jpg) no-repeat;}

ul.menu a.web-application       {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/web_application_development_bt.jpg) no-repeat;}
ul.menu a.web-application-on    {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/web_application_development_bt_f2.jpg) no-repeat;}
ul.menu a.web-application:hover {background:url(../images/web_application_development_bt_f2.jpg) no-repeat;}

ul.menu a.asp-php               {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/aspnet_php_contracting_bt.jpg) no-repeat;}
ul.menu a.asp-php-on            {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/aspnet_php_contracting_bt_f2.jpg) no-repeat;}
ul.menu a.asp-php:hover         {background:url(../images/aspnet_php_contracting_bt_f2.jpg) no-repeat;}

ul.menu a.consultancy           {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/online_consultancy_bt.jpg) no-repeat;}
ul.menu a.consultancy-on        {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/online_consultancy_bt_f2.jpg) no-repeat;}
ul.menu .consultancy:hover      {background:url(../images/online_consultancy_bt_f2.jpg) no-repeat;}

ul.menu a.audit                 {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/website_audit_bt.jpg) no-repeat;}
ul.menu a.audit-on              {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/website_audit_bt_f2.jpg) no-repeat;}
ul.menu a.audit:hover           {background:url(../images/website_audit_bt_f2.jpg) no-repeat;}

ul.menu a.sem                   {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/search_engine_marketing_bt.jpg) no-repeat;}
ul.menu a.sem-on                {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/search_engine_marketing_bt_f2.jpg) no-repeat;}
ul.menu a.sem:hover             {background:url(../images/search_engine_marketing_bt_f2.jpg) no-repeat;}

ul.menu a.contact               {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/contact_me_bt.jpg) no-repeat;}
ul.menu a.contact-on            {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/contact_me_bt_f2.jpg) no-repeat;}
ul.menu a.contact:hover         {background:url(../images/contact_me_bt_f2.jpg) no-repeat;}


ul.menu a.contact               {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/contact_me_bt.jpg) no-repeat;}
ul.menu a.contact-on            {margin-left:18px;display:block;width:266px;height:30px;background:url(../images/contact_me_bt_f2.jpg) no-repeat;}
ul.menu a.contact:hover         {background:url(../images/contact_me_bt_f2.jpg) no-repeat;}

#midrift a                      {float:left;}

ul#icons                         {margin:12px 10px 10px 330px;padding:0px 0px 0px 10px;display:block;float:left;width:168px;height:43px;background:url(../images/wide_panel_background.jpg) no-repeat;overflow:hidden;}
ul#icons a span                  {display:none;}
ul#icons li                      {display:block;float:left;width:36px;height:36px;overflow:hidden;}
ul#icons a#rss                   {margin:4px 4px 4px 4px;display:block;width:33px;height:33px;background:url(../images/rss_icon.jpg) no-repeat;}
ul#icons a#rss:hover             {background:url(../images/rss_icon.jpg) no-repeat;}
ul#icons a#address               {margin:4px 4px 4px 4px;display:block;width:33px;height:33px;background:url(../images/email_icon.jpg) no-repeat;}
ul#icons a#address:hover         {background:url(../images/email_icon.jpg) no-repeat;}
ul#icons a#mobile                {margin:4px 4px 4px 4px;display:block;width:33px;height:33px;background:url(../images/mobile_icon.jpg) no-repeat;}
ul#icons a#mobile:hover          {background:url(../images/mobile_icon.jpg) no-repeat;}
ul#icons a#telephone             {margin:4px 4px 4px 4px;display:block;width:33px;height:33px;background:url(../images/telephone_icon.jpg) no-repeat;}
ul#icons a#telephone:hover       {background:url(../images/telephone_icon.jpg) no-repeat;}

ul#controls                      {margin:12px 20px 10px 0;padding:0px 0px 0px 5px;display:block;float:right;width:86px;height:43px;background:url(../images/short_panel_background.jpg) no-repeat;overflow:hidden;}
ul#controls a span               {display:none;}
ul#controls li                   {display:block;float:left;width:36px;height:36px;overflow:hidden;}
ul#controls a#play               {margin:4px 4px 4px 4px;display:block;width:33px;height:33px;background:url(../images/play_icon.jpg) no-repeat;}
ul#controls a#play:hover         {background:url(../images/play_icon.jpg) no-repeat;}
ul#controls a#pause              {margin:4px 4px 4px 4px;display:block;width:33px;height:33px;background:url(../images/pause_icon.jpg) no-repeat;}
ul#controls a#pause:hover        {background:url(../images/pause_icon.jpg) no-repeat;}

#uimessage          {display:table-cell;position:absolute;top:0;left:0;z-index:10;text-align:center;vertical-align: middle;width:100%;}
.uipanel-top        {display:block;position:relative;margin:80px auto 0 auto;width:600px;height:10px;background:url(../images/message_top.gif) no-repeat;}
.uipanel-base       {display:block;position:relative;margin:0 auto 0 auto;width:600px;height:10px;background:url(../images/message_base.gif) no-repeat;}
.uipanel            {display:block;position:relative;margin:0 auto 0 auto;padding:10px 10px 10px 10px;background:#fff;text-align:left;width:580px;}
.message            {float:left;background:url(../images/alert_icon_f03.gif) no-repeat;height:100px;width:350px;margin:5px 10px 5px 10px;}
.error              {float:left;background:url(../images/alert_icon_f01.gif) no-repeat;height:100px;width:350px;margin:5px 10px 5px 10px;}
.validation         {float:left;background:url(../images/alert_icon_f01.gif) no-repeat;height:100px;width:350px;margin:5px 10px 5px 10px;}
.uipanel li         {margin:5px 10px 5px 140px;}
.close              {float:right;background:url(../images/close.gif) no-repeat 0px 2px;height:16px;padding:0px 0px 0px 18px;margin:5px 5px 5px 5px;cursor:pointer;}

.footer             {display:block;position:relative;margin:0 auto 0 auto;width:987px;height:103px;background:url(../images/footerbar.jpg) no-repeat;}

.content ul         {margin:0px 0px 10px 0px;}
.content ul li      {list-style-image:url(../images/bullet.gif);margin:0px 0px 3px 20px;}
.content label      {display:block;float:left;margin:0px 0px 10px 0px;width:85px;}
.content input      {display:block;float:left;font-size:1em;padding:2px;margin:0px 0px 10px 0px;width:200px; border:1px solid #FF6600;}
.content textarea   {display:block;float:left;font-size:1.2em;padding:2px;margin:0px 0px 10px 0px;width:200px;height:70px;border:1px solid #FF6600;}
.content select     {display:block;float:left;font-size:1em;padding:2px;margin:0px 0px 10px 0px;width:200px; border:1px solid #FF6600;}
.content .captcha   {display:block;float:left;margin:0px 0px 10px 0px;width:200px; border:1px solid #FF6600;}
.content #submit    {font-size:0.9em;padding:1px;background:#FF6600;border:1px solid #fff;width:100px;cursor:pointer;}
.content #message   {height:95px;}

.description{padding:16px;margin:10px 0;background:#eee}
.sample{padding:20px 30px; margin:4px 0 25px 0; border:1px solid #e1e1e1}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}

.tool-tip {color: #fff;width: 139px;z-index: 13000;}
.tool-title {font-weight: bold;font-size: 11px;margin: 0;color: #9FD4FF;padding: 8px 8px 4px;background: url(bubble.png) top left;}
.tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(bubble.png) bottom right;}
.custom-tip {color: #000;width: 130px;z-index: 13000;}
.custom-title {font-weight: bold;font-size: 11px;margin: 0;color: #3E4F14;padding: 8px 8px 4px;background: #C3DF7D;border-bottom: 1px solid #B5CF74;}
.custom-text {font-size: 11px;padding: 4px 8px 8px;background: #CFDFA7;}


a               {color:#416473;}
a:active        {color:#416473;}
a:link          {color:#416473;}
a:visited       {color:#416473;}
a:hover         {color:#FFFFFF;}