/* CSS Document */

*					{margin:0; padding:0;}
body					{text-align:center; background:#666;}
a					{text-decoration:none;}
#wrapper				{width:867px; margin:0 auto; display:table; padding:40px; text-align: left; background:#FFF;}

#header				{width:867px; float:left; margin:0 0 15px 0;}
#header h1			{width:250px; height:72px; float:left; background:url(../images/logo.gif) no-repeat; text-indent:-9999px}
#nav					{float:right; list-style:none; margin:45px 0 0 0;}
#nav li				{float:left; margin:0 0 0 25px; text-align:center;}
#nav li a				{float:left; padding: 4px 17px; font:bold 11px/13px Arial, Helvetica, sans-serif; color:#999;}
#nav li a:hover,
#nav li a.active		{ background-image:url(../images/menu_mo.jpg); color:#333;}

#sub_header_home,
#sub_header			{width:867px; height:231px; float:left; background:#CCC; margin:0 0 27px 0;}
#sub_header			{height:169px;}

#content				{width:867px; float:left; padding:0 0 15px 0;}
#main_content			{width:584px; float:left; padding:0 20px 0 0;}
#portfolio_content			{float:left; padding:0 20px 0 0;}
#content h2			{height:15px; overflow:hidden; text-indent:-9999px; margin:0 0 20px 0;}
#content h2.delivering	{background:url(../images/delivering.gif) no-repeat;}
#content h2.services	{background:url(../images/ourservices.gif) no-repeat;}
#content h2.contact		{background:url(../images/contactus.gif) no-repeat;}
#content h2.portfolio	{background:url(../images/portfolio.gif) no-repeat;}
#content h2.overview	{background:url(../images/overview.gif) no-repeat;}
#content p			{font: normal 12px/17px Arial, Helvetica, sans-serif; color:#666; margin:0 0 15px 0;}

#home_sub							{width:867px; height:219px; float:left; background:url(../images/home_sub.jpg) no-repeat;}
#home_sub #creative,
#home_sub #programming,
#home_sub #contact					{width:265px; float:left; margin:0 36px 0 0;}
#home_sub #contact					{margin:0;}
#home_sub #creative h3,
#home_sub #programming h3,
#home_sub #contact h3				{width:265px; height:67px; float:left; margin:0 0 10px 0; text-indent:-9999px;}
#home_sub #creative ul,
#home_sub #programming ul			{float:right; display:inline;}
#home_sub #creative ul li,
#home_sub #programming ul li			{width:205px; font:normal 11px/18px Arial, Helvetica, sans-serif; color:#666;}
#home_sub #contact form				{float:right; margin:0 10px 0 0;}
#home_sub #contact form label			{width:60px; float:left; font:normal 11px/13px Arial, Helvetica, sans-serif; color:#999; padding:2px 0;}
#home_sub #contact form input.text		{width:160px; float:left; font:normal 11px/13px Arial, Helvetica, sans-serif; color:#666; background:#FCFCFC; border:1px solid #EEE; padding:2px 4px; margin:0 0 8px 0;}
#home_sub #contact form input.button	{width:61px; height:19px; float:left; font:normal 11px/13px Arial, Helvetica, sans-serif; color:#666; background:url(../images/submit.gif) no-repeat; border:none; padding:2px 0 0 0; margin: 3px 0 0 60px; cursor:pointer;}

#portfolio_list			{float:left; list-style:none; background:url(../images/portfolio_sections.jpg) no-repeat;}
#portfolio_list li			{width:126px; height:180px; float:left; margin:0 78px 0 0;}
#portfolio_list li a		{width:126px; height:180px; float:left; text-indent:-9999px;}
#portfolio_list li.last		{margin:0;}


#portfolio		{float:left; list-style:none; margin:0 0 0 50px; display:inline;}
#portfolio li		{float:left;}
#portfolio li a		{outline:none;}
#portfolio li img		{border:1px solid #CCC; padding:5px; margin:0 20px 30px 20px;}
#portfolio li a:hover img	{border:1px solid #666;}

#contact_form					{width:522px; float:left;}
#contact_form	h4				{float:left; color:#D20404; font:bold 11px/14px Arial; width:230px; margin:0 0 7px 0;}
.contact_list					{float:left; list-style:none; margin:0 0 0 7px;}
.contact_list	li				{float:left; width:230px; padding:12px 0 0 0;}
#contact_form fieldset			{border:1px solid #E4E4E4; padding:0px 12px 15px 12px; margin:0 0 15px 0;}
#contact_form fieldset.button		{border:none;padding:0 0 0 170px; margin:0 !important;}
#contact_form legend			{font:bold 12px/14px Arial, Helvetica, sans-serif; color:#666; padding:0 4px;}
#contact_form label.text			{font:normal 11px/14px tahoma, Arial; color:#666; padding:2px 6px; width:200px; float:left; margin:10px 0 0 0;}
#contact_form input.text			{font:normal 11px/14px tahoma, Arial; color:#666; border:1px solid #CCC; padding:2px; float:left; margin: 10px 0 0 0;}
#contact_form input.radio		{float:left; clear:both;}
#contact_form label.radio		{width:190px; float:left; font:normal 11px/14px tahoma, Arial; color:#666; margin:0 0 10px 10px;}
*html #contact_form label.radio	{padding:3px 0 0 0;}
#contact_form textarea			{font:normal 11px/14px tahoma, Arial; color:#666; border:1px solid #666; padding:2px; float:left; margin: 10px 0 0 7px; width:475px; height:120px;}
#contact_form input.button		{width:69px; height:29px; font:bold 11px/14px tahoma, Arial; color:#333; border:none; background:url(../images/contact_button.gif) no-repeat; cursor:pointer; margin:0 10px 0 0;}

#sidebar					{width:263px; float:left;}
#sidebar .creative			{background:url(../images/sidebar_creative.jpg) no-repeat; float:left; margin:0 0 20px 0;}
#sidebar .programming		{background:url(../images/sidebar_programming.jpg) no-repeat; float:left; margin:0 0 20px 0;}
#sidebar .contact			{background:url(../images/sidebar_contact.jpg) no-repeat; float:left;}
#sidebar .creative h3,
#sidebar .programming h3,
#sidebar .contact h3		{width:260px; height:60px; float:left; margin:0 0 10px 0; text-indent:-9999px;}
#sidebar .creative ul,
#sidebar .programming ul		{float:right; display:inline;}
#sidebar .creative ul li,
#sidebar .programming ul li	{width:205px; font:normal 11px/18px Arial, Helvetica, sans-serif; color:#666;}
#sidebar .contact p			{width:205px; font:normal 11px/18px Arial, Helvetica, sans-serif; color:#666; float:right;}

#footer				{width:947px; margin:0 auto; text-align:right; font:normal 10px/16px Arial; color:#CCC; padding: 10px 0;}
#footer a				{color:#FFF; padding:2px;}
#footer a:hover		{background:#444;}
#info_txt {width:867px; float:left; padding:0 0 15px 0;}
#info_txt .tx { font-family:Arial, Helvetica, sans-serif; font-size:11px ; color:#CC3300; text-align:center;}