body						{ margin:0; background:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
a							{ outline:0; text-decoration:none; color:#006600; font-size:13px;}
a:hover						{ color:#990000; }
img							{ border:0}
h1,h2,h3,h4,h5,h6			{ font-weight:normal}
.li							{ list-style:none}
h1							{ font-size:1.6em; font-weight:bold; }
ul							{ list-style:url(../images/bullet_1.png) inside; }

/* MENU */
.menu						{ width:565px; height:44px; list-style:none; margin-top:71px; float:right; text-shadow: black 1px 0 1px; text-shadow:none;}	
.menu li					{ width:90px; margin-left:3px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;
							 text-align:center; color:#fefefe; line-height:35px; } 
.menu li a					{ background-color:#222; display:block; height:40px; -moz-border-radius-topleft: 9px; -webkit-border-top-right-radius: 9px;
							 -moz-border-radius-topright: 9px; -webkit-border-top-left-radius: 9px; color:#999; text-align:center; 
							 background:url(../images/menu_bg_over.png) repeat-x #fff;}
.menu li a:hover			{ background:none #222; color:#bbb}
.menu li .active			{ background:url(../images/menu_bg.png) repeat-x #fff; color:#FFFFFF; text-align:center;}		
/* MENU END*/


/* HEAD */
#head						{ width:100%; float:left; background:url(../images/headBg.png) repeat-x}
.head_height				{ height:478px;}
.head_height_sub			{ height:190px; }
.head_height_sub h1     	{ color:#aaa; margin-top:130px;}
.head_pad					{ padding-bottom:30px}
#head_cen					{ width:1000px; margin:0 auto}
#head_sup					{ width:1000px; float:left; position:relative}
h1.logo						{ width:200px; height:65px; margin-top:20px; float:left; background:url(../images/logo.png) no-repeat}
h1.logo a					{ width:100%; height:100%; float:left; text-indent:-9999px}
/*HEAD END*/

/*FLASH BAN*/
#abc			{width:1000px; height:360px; float:left; outline:0; position:absolute; top:110px; left:0px; z-index:10; -moz-border-radius: 10px; 
							-webkit-border-radius: 10px; border-radius: 10px; }
img.ban_bg					{width:1001px;	float:left;	position:absolute;	top:139px;	left:0px}


/* CONTENT */
.heading					{ background-color:#DA3D54; margin-top:25px; width:100%; height:40px;}
#content					{ width:100%; padding-bottom:0px; float:left; background:#ffffff url(../images/contentBg.png) repeat-x}
#content_cen				{ width:1000px; margin:0 auto}
#content_sup				{ width:1000px; float:left; position:relative;}
.img-menu				    {float:left; width:80px; height:80px; margin:2px 3px 2px 3px; border-radius: 10px; border:1px solid #eee; background-color:#999999; 
							-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.img-menu img				{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.img-menu-request			{float:left; width:267px; height:80px; margin:2px 0 2px 4px; border:1px solid #eee; background-color:#999999; -moz-border-radius: 10px; 
							-webkit-border-radius: 10px; border-radius: 10px;}
.img-menu-request img 		{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}

#ct_pan						{width:980px; height:85px; padding:5px 5px 5px 5px; margin-top:10px; float:left; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
							border-radius: 10px; background-color:#333;}
#ct_pan p					{ width:960px; margin:15px 0 0 15px; float:left; text-shadow: gray 2px 0 2px}
#ct_pan p a					{ color:#b5dc01; text-transform:uppercase}
#ct_pan ul					{ width:195px; margin-top:26px; float:left}
#ct_pan ul li				{ width:100%; float:left}
#ct_pan ul li a				{ color:inherit; text-decoration:underline; line-height:20px}
#ct_pan ul li a:hover		{ color:#b5dc01}
#ct_pan a.tweet				{width:95px; height:102px; float:right; position:absolute; right:-50px; top:42px; background:url(../images/tweet.png) no-repeat}
#real-content				{ background-color:#FFFFFF; color:#666666; width:990px; padding:5px 5px 5px 5px; float:left; margin-top:10px;  height:auto; 
							border:#CCCCCC solid 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#real-contents               { background-color:#FFFFFF; color:#666666; width:960px; padding:20px 20px 20px 20px; float:left; margin-top:10px;  height:auto; 
							border:#CCCCCC solid 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#real-contents h2           {color:green; line-height:0px; margin-top:30px; width:100%; letter-spacing:1px;}
.portfolio              	{ width:160px; height:160px; margin:10px 10px 10px 10px; float:left; border:solid 1px #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#portfolio-middle       	{padding:35px 30px 35px 30px;}
.folio li                   { width:160px; height:160px; margin:10px 10px 10px 10px; float:left; border:solid 1px #333; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

.folio li img               { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

#portfolio-content          {padding:25px 40px 25px 40px;}
.portfolio-content h2       {}

#portfolio-service-img		{ width:950px; float:left; height:250px; border:1px solid red;}
#portfolio-service-name		{ width:98%; float:left; height:100px; border:1px solid red;}

ul#portfolio 				{ float: left; list-style: none; margin-left: 0; width: 672px; }
ul#portfolio li 			{ border: 1px solid #dedede; float: left;  margin: 0 10px 10px 0; padding: 5px; width: 202px; font-size:13px; }
ul#portfolio a 				{ display: block; color:#999; width: 100%; }
ul#portfolio a:hover 		{ text-decoration: none; color:#333; font-weight:bold}
ul#portfolio img 			{ border: 1px solid #dedede; display: block; padding-bottom: 5px; }

.web-detail-right           { float:right; width:450px; border:3px solid #ddd;}
.web-detail-left            { float:left;	 width:450px;  border:0px solid #ddd;}
.technology                 { margin-left:40px; padding:0px;	}

.visit-butt a               { display: block; width: 110px; float:left; margin-right:10px; height: 22px; padding: 7px 0 0; color: #333; font-size: 12px; 
							font-family:verdana; font-weight: bold; text-align: center; text-decoration: none; background-color:#99ff00; 
							border:1px solid green; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

.space                      { clear: both; width:100%; height: 20px; }

.service                    { width:950PX; height:120px; border:1px solid #aaa; padding:5px 5px 5px 5px; margin:10px 0 10px 0; -moz-border-radius: 10px; 
							-webkit-border-radius: 10px; border-radius: 10px; }
.service-image              { width:120px; height:120px; float:left; border:1px solid #eee; margin-right:5px; -moz-border-radius: 10px; 
							-webkit-border-radius: 10px; border-radius: 10px; }
.service-image img			{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.service-content            { width:804px; height:104px; float:left; border:1px solid #eee; padding:8px 8px 8px 8px; -moz-border-radius: 10px; 
							-webkit-border-radius: 10px; border-radius: 10px; }
.service-title              { width:100%; padding-left:5px; font-weight:bold; font-size:18px; float:left;}
.service-text               { width:800px; padding:0 5px 0 5px; text-align:justify; height:56px; font-size:14px; overflow:hidden; float:left; margin-top:2px;}
.service-butt               { width:60px; vertical-align:middle; float:right; margin-top:2px;}
/* RED */
#red-head					{ width:667px; float:left; margin-bottom:3px; background:url(../images/red-head.png) no-repeat #FFFFFF; padding:0 0 0 15px;  height:39px;}
#red						{ width:662px; float:left; padding:10px 10px 10px 10px;  height:auto; background:url(../images/content-bg.jpg) repeat-x #FFFFFF top;}
/* RED END */


/* GREEN */
#green-head					{ width:286px; background:url(../images/green-head.png) no-repeat #FFFFFF; padding:0 0 0 15px; float:right; margin-bottom:3px; height:39px;}
#green						{ width:271px; padding:10px 10px 10px 20px; float:right; height:auto; background:url(../images/content-bg.jpg) repeat-x #FFFFFF top;}
#green-ul 					{ padding:0; margin:0; }
#green-ul li				{ margin-bottom:15px; color:#333333; border-bottom:1px solid #eee;}
/* GREEN END */


h2							{ width:auto; margin-top:9px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; font-weight:bold; 
							line-height:25px; letter-spacing:-1.7px; text-shadow: #999 1px 0 1px}
h2 span						{ color:#3b3b3b; text-transform:uppercase; margin-right:5px}
h3 span						{ color:#3b3b3b; margin-right:0px}
ul#infoPan					{ width:100%; float:left; margin-left:-10px; list-style:none;}
ul#infoPan li				{ width:300px; margin:0 0 0 20px; float:left}
ul#infoPan li:first-child	{ margin:0}
ul#infoPan li h3			{ width:100%; height:67px; float:left; font-size:26px; color:#820000; font-weight:bold; line-height:60px; letter-spacing:-1.7px}
ul#infoPan li h3 span		{ color:#3b3b3b; margin-right:2px}
ul#infoPan li h3 img		{ margin-right:31px; float:right}
ul#infoPan li p				{ width:100%; margin-top:25px; float:left; text-align:justify; font-size:18px; color:#848484; line-height:24px; letter-spacing:-0.8px; text-shadow: #999 1px 0 1px}

ul#infoPan li p	span		{ width:50px; margin-top:5px; float:right; font-size:14px; color:#848484; line-height:24px; letter-spacing:-0.8px; text-shadow: #999 1px 0 1px}

ul#infoPan li p.descrip		{ margin-top:13px; font-size:12px; line-height:16px;}
ul#infoPan li h2			{ color:#33a0fa !important}


#project-contact			{ width:100%; height:500px; float:left; margin-top:-90px; background:url(../images/footerBg.png) repeat-x; text-shadow: #000 1px 0 1px;}
#project-contact-container	{ width:1000px; padding:0 0 0 0; float:center; height:auto; margin:110px auto;}


/*BLUE*/
#blue						{ width:677px;  background:url(../images/project-content-bg.png) repeat-x #FFFFFF; padding:5px 5px 5px 5px; float:left; height:300px; 
							-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#blue-header				{ width:662px; background-image:url(../images/blue-head.png); height:39px; padding:0 0 0 15px; }
#blue-content				{}
#blue-footer				{ color:#777; padding:0 8px 0 8px; font-size:12px; text-shadow:none; float:left; width:98%;}
#blue-footer-img			{ width:687px; float:left; margin-top:5px; background:url(../images/project-shadow.png) repeat-x #aaaaaa;  height:50px;  
							-moz-border-radius-topleft: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; }
/*BLUE END*/

.global_main 				{ float:left; width:610px; margin:0 10px !important; margin:0 10px 0 5px;}
.global_main img.images 	{ float:left; margin:5px 10px; border:1px solid #b2b2b2;}

#contactform 				{ margin:0; padding:5px;}
#contactform ul       		{ list-style:none;}
#contactform * 				{ font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform h2 			{ font-size:18px;}
#contactform ol 			{ margin:0; padding:0; list-style:none;}
#contactform li 			{ margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons 	{ margin:0; overflow:hidden;}
#contactform label 			{ margin:0; width:150px; display:block; float:left; padding:0 0 2px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span 	{ font:normal 11px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text 	{ width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea 		{ width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#d14603; border:1px solid #e46300; color:#FFF; float:left;}
.contact_add        		{float:right; width:230px; height:200px; background:url(../images/contact-us.jpg) no-repeat center; border-left:1px solid #ddd; padding:80px 0 80px 50px;}


/*YELLOW*/
#yellow						{ width:296px;  background:url(../images/project-content-bg.png) repeat-x #FFFFFF; margin-left:5px; float:right; 
							padding:5px 5px 5px 5px; height:300px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#yellow-header				{ width:281px; background-image:url(../images/yellow-head.png); height:39px; padding:0 0 0 15px; }
#yellow-content				{ text-shadow:none; float:left;}
#yellow-footer-img			{ width:306px; margin-left:5px; float:right; margin-top:5px; background:url(../images/project-shadow.png) repeat-x #aaaaaa; 
							height:50px; -moz-border-radius-topleft: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; 
							-webkit-border-top-left-radius: 10px; }
.Site-Disc                  { text-align:left; color:#999; text-shadow:none; font-size:11px; margin-top:2px; padding-left:3px;}
.contact-form				{ float:left; font-weight:bold; color:#999; font-size:13px; height:20px; width:75px; margin:14px 0 0 12px;}
#yellow-content input       { float:right; margin:10px 12px 0 0; width:180px; height:20px; border:1px solid #bbb; background-color:#fefeff}
#yellow-content textarea	{ float:right; margin:10px 12px 0 0; width:175px; border:1px solid #bbb; background-color:#fefeff}
#yellow-content .submit		{ float:right; margin:10px 12px 0 0; width:180px; height:27px; font-size:14px; font-weight:bold; color:#fefefe; border:1px solid #ee3; background-color:#bebebb}	

.support                    { font-size:12px; margin:10px 0 0 -90px;}
/*YELLOW END*/


#footer                     { margin-top:0px; float:left; background:#ffffff url(../images/contentBg.png) repeat-x; width:100%;}
#footer_cen					{ width:980px; padding:10px 10px 10px 10px; margin-top:15px; background-color:#fff; border:1px solid #aaa; height:auto; 
							-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#footer_cen h6				{ width:200px; height:65px; margin:0 auto; background:url(../images/logo.png) no-repeat; float:left;}
#footer_cen h6 a			{ float:left;}
#footer_end                 {text-align:center;}											
#footer_end ul              { width:450px; margin:0 auto 0 auto; list-style:none;}
#footer_end ul li			{ width:auto; padding:0 5px 0 5px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; 
							color:#767676; line-height:18px; }
#footer_end ul li a			{ width:auto; float:left; color:inherit}
#footer_end ul li a:hover	{ color:#b5dc01}
#footer_end p				{ width:100%; text-shadow:none; margin-top:10px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
							font-size:12px; color:#767676; line-height:14px; text-align:center}
#footer_end p	a			{ color:inherit}
#footer_end p a:hover       { color:#b5dc01;}

/* Request Quote form */
.form_butt					{ border:none; padding:10px 14px 10px 14px; cursor:pointer; float:left;}
.port_butt					{ border:none; padding:10px 14px 10px 14px; cursor:pointer; float:left; background-color:transparent;}
.port_butt:hover			{ color:#990000;}
/* Request Quote form END*/
/*
.SlideItMoo_element img			{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
*/


/* 
.folio li img{border:none;}
#portfolio-middle ul,li{
	margin:0;
	padding:0;
}


.folio li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
}
       

 
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	 -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
	}
  */