/* all elements default values */

/* * { 
	margin: 0px; 
	padding: 0px; 
}*/ 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align:justify;
	margin: 0px;
	padding: 0px;
}
a { 
	text-decoration: none;
	color: #000;
}
a:hover { 
	text-decoration: underline; 
	color: #08c;
}
ul { 
	list-style-type: none;  margin: 0px; padding: 0px;
}
img { 
	border: 0 none; 
}

/* default classes */
.clearBoth { 
	clear: both; line-height: 1px; font-size: 1px; height: 1px;
}
.bold {font-weight: bold;}
.boldColor{font-weight: bold; color: #09F;}
div#wrapper {
}

/* header */
div#header { 
	background: url(../images/menu-bg.jpg) repeat-x; 
	height: 81px; 
	font-size: 20px;
}
div#header .header-content .logo { 
	float: left; 
	width: 190px;
}

div#header .header-content  li { 
	float: left; 
	width: 110px;  
	margin: 30px 15px; 
	position: relative; 
	z-index: 2; 
	color: #383838; 
}
div#header .header-content  li.shadow-home { 
	position: absolute;  
	color: #fff; 
	left: 190px; 
	top: 1px; 
	z-index: 1; 
}
div#header .header-content  li.shadow-portfolio { 
	position: absolute;  
	color: #fff; 
	left: 330px; 
	top: 1px; 
	z-index: 1; 
}
div#header .header-content  li.shadow-services { 
	position: absolute;  
	color: #fff; 
	left: 470px; 
	top: 1px; 
	z-index: 1; 
}
div#header .header-content  li.shadow-about { 
	position: absolute;  
	color: #fff; 
	left: 610px; 
	top: 1px; 
	z-index: 1; 
}
div#header .header-content  li.shadow-contact { 
	position: absolute;  
	color: #fff; 
	left: 750px; 
	top: 1px; 
	z-index: 1; 
}

div#header .header-content  a { 
	color: #383838; 
}
div#header .header-content  a:hover { 
	text-decoration: none; 
	color: #010101;  
}


/* footer */
div#footer { 
	background: url(../images/footer-bg.jpg) repeat-x;
	height: 252px; 
	color: #888;
}

/* footer links */
div#footer ul {
	list-style-type: none;
	float: left;
	width: 240px;
	margin: 20px 0px;
}
div#footer li {
	color: #666;
	display: block;
}
div#footer li a {
	color: #666;
	padding: 2px 20px;
}
div#footer li a.mail {
	padding: 0px;
}
div#footer li a.mail {
	padding: 0px;
}
div#footer li a.mail:hover {
	text-decoration: underline;
}
div#footer li a:hover {
	color: #000;
}
div#footer h1 {
	font-size:	12px;
	color:#666;
	background: url(../images/arrow.gif) no-repeat 0% 50%;
	height: 16px;
}
div#footer a:hover{
	text-decoration: none;
}
div#footer ul.home {
	width: 190px;
	margin-left: 50px;
}
div #footer li.address{
	padding: 0px 20px;
}



/* main content */
div.copyright {
	text-align: center;
}
div.copyright a {
	color: #08c;
}
div#footer div.copyright a:hover {
	text-decoration: underline;
}
div.banner {
	background: #1f1f1f url(../images/banner-bg.jpg) repeat-x;
	text-align: center;
	margin: 0px 0px 5px 0px;
}
div.banner img {
	height:323px;
	width: 980px;
}
div.header-content {
	width: 980px;
	margin: 0px auto;
	position: relative;
}
div.banner-down {
	background: #FFF url(../images/banner-down-bg.jpg) repeat-x 0% 100%;
	border-top: 1px solid #bfbebe; 
	border-bottom: 1px solid #bfbebe;
	padding: 20px 0px;
	margin: 0px 0px 10px 0px;
}
div.banner-down div.banner-down-content div.banner-down-content-left, div.banner-down div.banner-down-content div.banner-down-content-middle, div.banner-down div.banner-down-content div.banner-down-content-right{
	float: left;
	width: 260px;
	margin: 0px 25px;
}
div.banner-down div.banner-down-content div.banner-down-content-left h1, div.banner-down div.banner-down-content div.banner-down-content-middle h1, div.banner-down div.banner-down-content div.banner-down-content-right h1{
	font-size: 17px;
	color: #666;
	padding-bottom: 8px;
}
div.banner-down div.banner-down-content div.banner-down-content-left h2, div.banner-down div.banner-down-content div.banner-down-content-middle h2, div.banner-down div.banner-down-content div.banner-down-content-right h2{
	font-size: 12px;
	font-weight: normal;
}
div.banner-down div.banner-down-content div.banner-down-content-left h2 a, div.banner-down div.banner-down-content div.banner-down-content-middle h2 a, div.banner-down div.banner-down-content div.banner-down-content-right h2 a{
	color: #1f98e5;	
}
div.banner-down-content {
	width: 980px;
	margin: 0px auto;
}
div.banner-down-content h1 {
	font-size: 17px;
}
div.banner-down-content p {
	margin: 10px 0px;
}

/* main content down */
div.main-content-down {
	width: 948px;
	margin: 0px auto 10px auto;
}

div.main-content-down div.mainContentDownTop {
	background: url(../images/mainContentTopRC.jpg) no-repeat;
	height: 19px;
}
div.main-content-down div.mainContentDownMid {
	background: url(../images/mainContentMidRC.jpg) repeat-y;
	padding: 0px 10px;
}
div.main-content-down div.mainContentDownBtm {
	background: url(../images/mainContentBtmRC.jpg) no-repeat;
	height: 19px;
}

/* index icons */
div.main-content-down div.mainContentDownMid div.mainContentDownMid-left { 
	width: 454px;
	margin: 15px 0px 0px 10px;
	float: left;
}
div.main-content-down div.mainContentDownMid .index-icons {
	float: left;
	width: 120px;
	height: 133px;
	margin: 0px 15px 0px 0px;
}
div.main-content-down div.mainContentDownMid div.mainContentDownMid-left img {
	float: left;
	width: 130px;
}
div.main-content-down div.mainContentDownMid div.mainContentDownMid-left h1 { 
	font-size: 17px;
	font-weight: normal;
	float: left;
	width: 292px;
	text-align: left;
	padding-bottom: 8px;
}
div.main-content-down div.mainContentDownMid div.mainContentDownMid-left h3 { 
	font-size: 12px;
	font-weight: normal;
	float: left;
	width: 292px;
}
div.main-content-down div.mainContentDownMid div.mainContentDownMid-left h3 a{
	text-decoration: underline;
}
div.main-content-down div.mainContentDownMid li p {
	padding: 0px 0px 0px 1px;
	float: left;
	width: 255px;
}
div.main-content-down div.mainContentDownMid .index-icons-mail {
	float: left;
	width: 145px;
	height: 116px;
	margin: 0px 15px 0px 0px;
}
div.main-content-down div.mainContentDownMid .index-icons-solutions {
	float: left;
	width: 145px;
	height: 160px;
	margin: 0px 15px 0px 0px;
}
div.main-content-down div.mainContentDownMid .index-icons-box {
	margin: 0px 35px 0px 5px;
}
div#footer div.footer-content {
	width: 980px;
	margin: 0px auto;
}

/* css for sub pages starts here */

div.main-content-down div.mainContentDownMid div.mainContentDownMidLeft { float: left; width: 300px; padding-left:10px; }
div.main-content-down div.mainContentDownMid div.mainContentDownMidLeft ul {width: 100%; padding: 0; margin: 0;}
div.main-content-down div.mainContentDownMid div.mainContentDownMidLeft li {width: 100%; padding: 3px 0px; display: block; }
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight { float: left; width: 600px; }
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight h1 {width: 100%; color:#1255b0; padding-bottom:10px;Font-family: Verdana, Geneva, sans-serif; font-style: normal; line-height: 24px; font-size: 20px;}
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight h2 {width: 100%; padding: 8px 0px; line-height: normal; font-weight: normal;}
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight h4 {width: 100%; padding: 6px 0px;}
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight p {width: 100%; }
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight ul {width: 100%; padding: 0px 0px 5px 0px; margin: 0;}
/*div.main-content-down div.mainContentDownMid div.mainContentDownMidRight li {width: 100%; margin: 5px 0px; }*/
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight li h2 {width: 100%; color:#4e5335; padding:8px 0px;}
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight li p {width: 100%}
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight ul {width: 100%; padding: 0px 0px 5px 0px; margin: 0;}
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight li{width: 100%; padding: 5px 0px; color: #4E5335;}

div.main-content-down div.mainContentDownMid div.mainContentDownMidRight div.portfolio-left  {width: 280px; float:left;}
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight div.portfolio-right  {width: 280px; float:left; padding-left: 20px;}
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight div.portfolio-left a img {border: 2px solid #ebebeb;}
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight div.portfolio-left a:hover img {border: 2px solid #b8b8b8;}
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight div.portfolio-right a img {border: 2px solid #ebebeb;}
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight div.portfolio-right a:hover img {border: 2px solid #b8b8b8;}
/* tab out */
.slide-out-div { padding: 20px; width: 65px; background: #f2f2f2; border: #29216d 2px solid; background: url(../images/support-online.png) no-repeat ; height: 50px; border: medium none;  }
/* tab out close */





/* logo portfolio */
.portfolio_logo .logo-wrapper { padding: 10px 0px;}
.portfolio_logo .logo-wrapper .item { width: 440px; float: left; background:#e3e3e3; border:1px solid #323339; margin: 5px 10px 15px; color:#717273; padding-bottom: 2px;}
.portfolio_logo .logo-wrapper .item h1 { margin: 4px 0px 4px 10px; font-size: 14px; width: 431px; text-transform: capitalize; color:#167495; font-weight: bold;}
.item h1 a { color:#167495; text-decoration:none; font-weight: bold;}
.portfolio_logo .logo-wrapper p { text-align: center;}
.portfolio_logo .logo-wrapper img { width: 420px; border: 1px solid #2D2E32;}

/* logo portfolio ends here */

/* website portfolio */

#body-portfolio div.main-content-down div.mainContentDownMid ul { /*margin-left: 10px;*/}
#body-portfolio .brdrBtm { border-bottom: 36px solid #EEEEED; margin: 20px 20px;}
#body-portfolio div.main-content-down div.mainContentDownMid {
	background: url(../images/mainContentMidRC.jpg) repeat-y;
	padding: 10px 10px;
}



/* website style finish here */


/* contact us page */
.contact .contactInput {}
.contact .contactInput .contantLeft { float: left; width: 300px; }
.contact .contactInput .contantRight { float: left; width: 300px; }

.contact .contactInput .labelUser { }
.contact .contactInput input,textarea { padding: 3px; border: #d5d5d5 solid 1px; background: #F5F5F5; width: 280px; }
.contact .contactInput textarea { height:143px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

/* contact us page ends here */

/* page rank new */
div#wrapper div#main_content div.main-content-down .page-rank ul { margin: 0px; margin: 0px 15px 0px 0px; text-align: right; float: right;} 
div#wrapper div#main_content div.main-content-down .page-rank ul li {  display: inline;}
div#wrapper div#main_content div.main-content-down .page-rank ul li a { background:#FFF; border: 1px solid #CCC; padding: 4px 10px;}div#wrapper div#main_content div.main-content-down .page-rank ul li a.selected { color:#000; border:1px solid #999; background: #e3e3e3;}
div#wrapper div#main_content .company-name { font-size: 18px; line-height: 19px; padding: 0px 0px 10px 0px;}
div#wrapper div#main_content h2.address { font-size: 12px;}
div#wrapper div#main_content .error { color: #F00;}


/*== website design page ==*/
#body-portfolio div.main-content-down div.mainContentDownMid .feature { margin: 0px auto 10px; padding: 20px 0px; width:540px; float:left; min-height: 430px; }
#body-portfolio div.main-content-down div.mainContentDownMid .feature img { width: 540px;}
#body-portfolio div.main-content-down div.mainContentDownMid .feature .description { float: left; width: 400px; }
#body-portfolio div.main-content-down div.mainContentDownMid .feature .description h1 { font-size: 17px; padding: 5px 0px;}
#body-portfolio div.main-content-down div.mainContentDownMid .feature .description h2 { font-size: 12px; font-weight: normal; padding: 0px; }
#body-portfolio div.main-content-down div.mainContentDownMid .feature .description h3 { padding: 10px 0px;}
#body-portfolio div.main-content-down div.mainContentDownMid .feature .description h3 a { background: #09C; padding: 5px; color: #fff;}	
#body-portfolio div.main-content-down div.mainContentDownMid .feature ul.ui-tabs-nav { list-style:none; width: 75px; height: 30px; text-align: right;  float: right; }
#body-portfolio div.main-content-down div.mainContentDownMid .feature ul.ui-tabs-nav li { width:16px; margin: 4px 0px; background:url(../images/bg-page.gif) no-repeat left center; display: inline-block; padding-right:5px; }
#body-portfolio div.main-content-down div.mainContentDownMid .feature ul.ui-tabs-nav li.ui-tabs-selected { background:url(../images/bg-page-active.gif) no-repeat left center; }
#body-portfolio div.main-content-down div.mainContentDownMid .feature ul.ui-tabs-nav li a { display:block; width:16px;	height:17px;  }
#body-portfolio div.main-content-down div.mainContentDownMid .feature .ui-tabs-hide { display:none; }
/*== website design page ==*/

/* Nav */
#body-portfolio div.main-content-down div.mainContentDownMid  .nav_buttons { float: left; width: 30px; margin: 335px 0px 0px 10px; }
#body-portfolio div.main-content-down div.mainContentDownMid  .nav_buttons a.nav-up { background: url(../images/portfolio/website/btn_up.jpg) no-repeat 0 -31px; height: 31px; width: 29px; display: block; }
#body-portfolio div.main-content-down div.mainContentDownMid  .nav_buttons a.nav-down { background: url(../images/portfolio/website/btn_down.jpg) no-repeat 0 -31px; height: 31px; width: 29px; display: block; }
#body-portfolio div.main-content-down div.mainContentDownMid  .nav_buttons a.nav-up:hover, .nav_buttons a.nav-down:hover { background-position: 0 0; }
#body-portfolio div.main-content-down div.mainContentDownMid  .single-up, #body-portfolio div.main-content-down div.mainContentDownMid .single-down { margin-top: 367px;}

#body-portfolio-newsletter div.main-content-down div.mainContentDownMid .mainContentDownMidRight ul.newsletter-design li { width: 550px; margin: 0px auto; padding: 30px 0px;}
#body-portfolio-newsletter div.main-content-down div.mainContentDownMid .mainContentDownMidRight ul.newsletter-design li a img{ margin: 5px 0px; border: 5px solid #efefef;}
#body-portfolio-newsletter div.main-content-down div.mainContentDownMid .mainContentDownMidRight ul.newsletter-design li a:hover img{ border: 5px solid #e0e0e0;}

div.main-content-down div.mainContentDownMid .visit-link {
	background: #ececec;
	padding: 5px 4px;
	color: #333;
	float: right;
}


div#wrapper .full-size-image { width: 980px; margin: 5px auto 7px; }

body.index div.main-content-down div.mainContentDownMid div.mainContentDownMid-left h1 { margin: 0px;}
body.index div.main-content-down div.mainContentDownMid div.mainContentDownMid-left h3 { margin: 0px;}



body.contact div.banner { background: #f2efe9; border-bottom: 1px solid #999;}

body.contact div.main-content-down div.mainContentDownMid div.mainContentDownMidLeft p.im { width: 260px; text-align: left;}


div.main-content-down div.mainContentDownMid div.mainContentDownMidRight .btns {}
div.main-content-down div.mainContentDownMid div.mainContentDownMidRight .btns input { border-color: #EEEEEE #DEDEDE #DEDEDE #EEEEEE; border-style:solid;
border-width:1px;color:#333333;
cursor:pointer; background:#F5F5F5; font-weight: bold; padding: 2px; font-size: 12px;}