@charset "utf-8";
/* CSS Document */
body{ background-color:#fff; color:#595959; font-size:12px; margin:0; padding:0px;height:100%;}
p, h1, h2, h3, pre, ul, li {padding:0px; margin:0px; font-weight:normal; }
img {border:none;}

/* --- COMMON -----*/
.clear {clear:both;}

#container {margin:0 auto; width:1000px; background:url(../images/sky.jpg) top no-repeat;}

#header {width:1000px; margin:0 auto; height:348px;}
#header #left {width:247px; float:left; margin:0; padding:0; background:url(../images/menu-bg.jpg) bottom no-repeat; height:348px}
#header #left .logo {width:249px; float:left; height:150px;}
#header #left .nav {font-family:Arial, Helvetica; font-size:13px; font-weight:bold; color:#f57407; text-align:left;}
.nav a {color:#f57407; text-decoration:none;}
.nav a:hover {color:#0a80e9; text-decoration:none;}

#header #middle {width:545px; float:left;}
#header #right {width:208px; float:left;}

#footer {width:830px; margin:0 auto; padding:0 0 30px 0;}
.footertext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#047dd2; text-align:left;}
.footertext a {color:#4b4b4b; text-decoration:none;}
.footertext a:hover {color:#047dd2; text-decoration:none;}
.copyright {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#8f8f90; text-align:left; padding:5px 0;}
#footer .verify {width:350px; float:left;}
#footer .map {width:450px; float:right; text-align:right;}


/* --- INDEX --- */
#body_container { background:url(../images/body-content-bg.gif) repeat-y top;}
#index {margin:0 auto; background:url(../images/content-bg-bottom.jpg) no-repeat bottom; padding:0 0 45px 0;}
#index #bottombg {margin:0 auto; background:url(../images/content-bg-top.jpg) no-repeat top;}
#index #bottombg #body {width:830px; margin:0 auto;}

#index #bottombg #body #leftmenu { width:300px; float:left; margin:20px 0 0 0;}
#index #bottombg #body #leftmenu .service_title_bg {background:url(../images/service-bg.jpg) no-repeat left; height:24px; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#1aa8fb; font-weight:bold; text-align:left; text-transform:uppercase; padding:0 0 0 8px;}
.title2 {color:#f58220;}
.service_title_bg1 {height:24px; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#1aa8fb; font-weight:bold; text-align:left; text-transform:uppercase; padding:0 0 0 8px;}
#index #bottombg #body #leftmenu .menu1 { width:220px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#414141; font-weight:bold; text-align:left; padding:10px 0 0 60px; background:url(../images/menu1.jpg) no-repeat left; height:25px; margin:15px 0;}
.menu1 a {color:#414141; text-decoration:none;}
.menu1 a:hover {color:#0a80e9; text-decoration:none;}

#index #bottombg #body #leftmenu .menu2 { width:220px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#414141; font-weight:bold; text-align:left; padding:10px 0 0 60px; background:url(../images/menu2.jpg) no-repeat left; height:31px; margin:10px 0;}
.menu2 a {color:#414141; text-decoration:none;}
.menu2 a:hover {color:#0a80e9; text-decoration:none;}

#index #bottombg #body #leftmenu .menu3 { width:220px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#414141; font-weight:bold; text-align:left; padding:10px 0 0 60px; background:url(../images/menu3.jpg) no-repeat left; height:31px; margin:10px 0;}
.menu3 a {color:#414141; text-decoration:none;}
.menu3 a:hover {color:#0a80e9; text-decoration:none;}

#index #bottombg #body #leftmenu .menu4 { width:220px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#414141; font-weight:bold; text-align:left; padding:10px 0 0 60px; background:url(../images/menu4.jpg) no-repeat left; height:33px; margin:10px 0;}
.menu4 a {color:#414141; text-decoration:none;}
.menu4 a:hover {color:#0a80e9; text-decoration:none;}

#index #bottombg #body #leftmenu .menu5 { width:220px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#414141; font-weight:bold; text-align:left; padding:10px 0 0 60px; background:url(../images/menu5.jpg) no-repeat left; height:30px; margin:10px 0;}
.menu5 a {color:#414141; text-decoration:none;}
.menu5 a:hover {color:#0a80e9; text-decoration:none;}

#index #bottombg #body #leftmenu .menu6 { width:220px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#414141; font-weight:bold; text-align:left; padding:10px 0 0 60px; background:url(../images/menu6.jpg) no-repeat left; height:32px; margin:10px 0;}
.menu6 a {color:#414141; text-decoration:none;}
.menu6 a:hover {color:#0a80e9; text-decoration:none;}

#index #bottombg #body #leftmenu .menu7 { width:220px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#414141; font-weight:bold; text-align:left; padding:10px 0 0 60px; background:url(../images/menu7.jpg) no-repeat left; height:32px; margin:10px 0;}
.menu7 a {color:#414141; text-decoration:none;}
.menu7 a:hover {color:#0a80e9; text-decoration:none;}

#index #bottombg #body #leftmenu .menu8 { width:220px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#414141; font-weight:bold; text-align:left; padding:10px 0 0 60px; background:url(../images/menu8.jpg) no-repeat left; height:25px; margin:10px 0;}
.menu8 a {color:#414141; text-decoration:none;}
.menu8 a:hover {color:#0a80e9; text-decoration:none;}

.menu_contact { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#414141; font-weight:bold; text-align:left; padding:10px 0 0 0; margin:15px 0;}
.menu_contact a {color:#414141; text-decoration:none;}
.menu_contact a:hover {color:#0a80e9; text-decoration:none;}

.menu_contact1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#414141; font-weight:bold; text-align:left; padding:10px 0 0 0; margin:15px 0;}
.menu_contact1 a {color:#414141; text-decoration:underline;}
.menu_contact1 a:hover {color:#414141; text-decoration:none;}

#index #bottombg #body #leftmenu .faqbottom { width:220px; padding:10px 0 0 60px; background:url(../images/menu8.jpg) no-repeat left; height:25px; margin:15px 0;}

#index #bottombg #body #textarea { width:480px; float:right; margin:20px 25px 0 25px;}
#index #bottombg #body #textarea .matrix_sol_top {background:url(../images/title-arrow.jpg) no-repeat left bottom; height:25px; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#1aa8fb; font-weight:bold; text-align:left; text-transform:uppercase; padding:0 0 0 8px;}


.matrix_sol_top1 {height:25px; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#1aa8fb; font-weight:bold; text-align:left; text-transform:uppercase; padding:0;}

#index #bottombg #body #textarea .matrix_sol {background:url(../images/matrix-media-solution-title.gif) no-repeat left bottom; height:25px; padding-top:15px;}
#index #bottombg #body #textarea #text_area_bg1 {background:url(../images/top-textbg1.jpg) no-repeat right bottom; padding:2px 0 12px 0;}
#index #bottombg #body #textarea #text_area_bg {background:url(../images/text-bg.jpg) no-repeat right bottom; padding:2px 0 12px 0;}
#index #bottombg #body #textarea #text_area_bg2 {background:url(../images/bottom-textbg.jpg) no-repeat right bottom; padding:2px 0 12px 0;}

.text1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#545454; text-align:justify; padding:5px 20px 2px 1px; }
.read_more {text-align:right; padding:1px 20px 0 0;}
/* popup lightbox style */
/*#portfolio 
	{
		background:url(../images/sky_bg.gif) repeat;
		border:0px solid yellow;
		background-color:transparent;
	}*/
#mainPortfolioCont{
	border:0px solid red;
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	z-index:1000;
	display:none;
	}
#transDiv{
	border:0px solid green;
	position:relative;
	background-color:#000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	}
#contDiv{
	position: fixed;
	padding:0px;
	border:0px solid khaki;
}
#folioMenuContainer{
float:left;
width:90%;
padding-top:13px;
}
.folioMenu{
font-family:Arial, Helvetica, sans-serif;
border:1px solid #A3D5FA;
padding:5px;
margin:5px;
font-size:12px;
width:100%;
cursor:pointer;
color:black;
background:#C8EBFB;
}
.folioContainer{
padding:2px;
margin:2px;
float:left;
width:98%;
border:1px solid #A3D5FA;
text-align:center;
}
/* popup lightbox style end */
.formtext{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
.form_heading{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#0290DC;}
input{ background-color:#DEF6FF; border:1px solid #57D6FF; Arial, Helvetica, sans-serif; font-size:12px; color:#0290DC; font-weight:bold;}
.textarea{ background-color:#DEF6FF; border:1px solid #57D6FF; Arial, Helvetica, sans-serif; font-size:12px; color:#0290DC; font-weight:bold;}
select{ background-color:#DEF6FF; border:1px solid #57D6FF; Arial, Helvetica, sans-serif; font-size:12px; color:#0290DC; font-weight:bold;}
.file_upload{ background-color:#DEF6FF; border:1px solid #57D6FF; Arial, Helvetica, sans-serif; font-size:12px; color:#0290DC; font-weight:bold;}
.no_border{ background-color:#FFFFFF; border:1px solid #FFFFFF; Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold;}

/*  BORDER   */
.tableborder {border:#57D6FF 1px solid;}
.tableborder-topless {border-bottom:#57D6FF 1px solid; border-top:none; border-left:#57D6FF 1px solid; border-right:#57D6FF 1px solid;s}
.border-right {border-right:#57D6FF 1px solid;}


/* --------------- Testimonial -------------------------*/

.title1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1aa8fb; font-weight:bold; text-align:left; text-transform:uppercase; padding:0;}
.testimonial_text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#545454; text-align:justify; padding:5px 10px 0 0; }
.clientname { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#f58220; text-align:right; padding:5px 0 10px 0; font-weight:bold; border-bottom:dotted 1px #158af2; margin:0 10px 0 0;}
.clientname2 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#f58220; text-align:right; padding:5px 0 10px 0; font-weight:bold; border-bottom:dotted 0 #158af2; margin:0 10px 20px 0;}

/* --------------- Site Map -------------------------*/
.sitemap_home {font-family:Arial, Helvetica, sans-serif; color:#545454; font-weight:bold; line-height:20px; background:url(../images/readmore_arrow.gif) no-repeat 30px; padding:0 0 3px 45px;}
.sitemap_home a {color:#545454; text-decoration:underline;}
.sitemap_home a:hover {color:#1aa8fb; text-decoration:none;}

.sitemap_service {font-family:Arial, Helvetica, sans-serif; color:#545454; font-weight:bold; line-height:20px; background:url(../images/readmore_arrow.gif) no-repeat 90px; padding:0 0 3px 105px;}
.sitemap_service a {color:#545454; text-decoration:underline;}
.sitemap_service a:hover {color:#1aa8fb; text-decoration:none;}

.sitemap {font-family:Arial, Helvetica, sans-serif; color:#545454; font-weight:bold; line-height:20px; background:url(../images/readmore_arrow.gif) no-repeat 60px; padding:0 0 3px 75px;}
.sitemap a {color:#545454; text-decoration:underline;}
.sitemap a:hover {color:#1aa8fb; text-decoration:none;}

/* -------------------------- PORTFOLIO -------------------------- */

#index #bottombg #body #left_portfolio { width:180px; float:left; margin:20px 0 0 0; padding-bottom:220px;}

.portfolio_title {background:url(../images/portfolio-bg.jpg) no-repeat left; height:24px; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#1aa8fb; font-weight:bold; text-align:left; text-transform:uppercase; padding:0 0 0 8px;}

.port_cat { width:175px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#414141; font-weight:bold; text-align:left; padding:0 0 10px 5px; background:url(../images/port_cat_bg.jpg) no-repeat left bottom; margin:15px 0;}
.port_cat a {color:#414141; text-decoration:none;}
.port_cat a:hover {color:#0a80e9; text-decoration:none;}

#portfolio_area { width:605px; float:right; padding:20px 25px 0 10px;}
#portfolio_area .portfolio_box_bg {background:url(../images/portfolio_box.png) no-repeat top left; width:184px; height:207px;}

.portfolio_box_bg .thumb {padding:10px 10px 5px 10px; width:164px; height:154px;}
.sitelink {font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0px 10px; text-align:center;} 
.sitelink a {color:#414141; text-decoration:none;}
.sitelink a:hover {color:#0a80e9; text-decoration:none;}

/* --------------- Packages -------------------------*/
#index #bottombg #body #packages {width:480px; float:right; padding:0 25px 0 25px;}
#index #bottombg #body #packages #package_area { width:480px; float:right; margin:20px 0 0 0; border-bottom:dotted 1px #158af2; padding-bottom:15px;}
.package_text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#545454; text-align:justify; padding:5px 10px 0 0; }
.package_h2 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#f58220; text-align:left; padding:15px 0 5px 0; font-weight:bold;}
.package_h3 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#545454; text-align:left; padding:5px 0 15px 0; font-weight:bold;}

.buy_now { width:200px;}
.buy_now .price { float:left; width:100px; padding-top:8px;}
.buy_now .price_button { float:left; width:100px;}

#index #bottombg #body #packages #package_area ul {padding-left:30px; padding-top:10px; padding-bottom:10px;}
#index #bottombg #body #packages #package_area ul li {list-style:none; font-size:12px; color:#595959; padding:3px 0; text-align:left; font-family:Arial, Helvetica, sans-serif;}

.package_title {background:url(../images/title-big-arrow.gif) no-repeat left bottom; height:25px; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#1aa8fb; font-weight:bold; text-align:left; text-transform:uppercase; padding:15px 0 0 2px;}

/* --------------- Paypal -------------------------*/
.paypal_text {font-family:Arial, Helvetica, sans-serif; font-size:18px; text-align:center; padding:80px 30px; color:#1aa8fb;}