@charset "UTF-8";
/* CSS Document */

img, div, a, input, { behavior: url(../iepngfix.htc);}

body{
	margin: 0px;
	width:100%;
	background:url(../images/back-top.jpg) repeat-x;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:13px;}
	
li{
	list-style-image:url(../images/point.png);
	margin:10px;}
	
h1{
	font-size:30px;
	margin:0px;
	color:#30a0b4;
	}
	
h2{
	color:#30a0b4;
	font-size:15px;
	margin-top:-5px;}
	
h3{
	font-size:13px;
	margin-top:8px;
	margin-bottom:-3px;
	color:#30a0b4;}
	
h4{
	font-size:20px;
	color:#999999;
	margin-top:5px;
	margin-bottom:12px;}
	
	/* this h5 is for the kewywords cloud*/
h5{
	font-size:20px;
	color:#b8f2fc;
	margin-top:0px;
	margin-bottom:8px;}
	
/* === links start === */	
a:link {
	color: #FFFFFF;
	text-decoration: none;
	}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
a:hover {
	color: #43ddf4;
	text-decoration: none;
	}
a:active {
	color: #FFFFFF;
	text-decoration: none;
	}

/* = */
a.nav2:link, a.nav2:visited{
	font-size:12px;
	color:#30a0b4;
	text-decoration:none;
	}
	
a.nav2:hover, a.nav2:active{
	font-size:12px;
	color:#666666;
	text-decoration:none
	}
/* = */

a.bodylinks:link, a.bodylinks:visited{
	color:#30a0b4;
	text-decoration:underline;
	}
	
a.bodylinks:hover, a.bodylinks:active{
	color:#666666;
	text-decoration:underline;
	}
/* = */

/* = */
a.launch:link, a.launch:visited{
	font-size:12px;
	color:#666666;
	text-decoration:none;}
	
a.launch:hover{
	font-size:12px;
	color:#666666;
	text-decoration:none}
/* = */


/* = */
a.footNav:link, a.footNav:visited{
	color:#b8f2fc;
	text-decoration:none;}
	
a.footNav:hover{
	color:#b8f2fc;
	text-decoration:underline;}	
/* = */


/* = */
a.footer:link, a.footer:visited, a.footer:hover{
	font-size:11px;
	color: #333333;
	text-decoration:none;}
/* = */
/* === links end === */


#master, #coverA, #footMouse, #footContent, #footer { width:100%;}

#bannerA, #bannerBnContent, #flashBanner, #innerBanner, #footerInside, #footerText { width:965px;}

#master{
	position:absolute;
	height:auto;
	background:url(../images/back-top.jpg) repeat-x;}
	
#bannerA{
	position:relative;
	height:auto;
	margin-left:-482.5px;
	left:50%;
	background:url(../images/banner-web-services.jpg) no-repeat;}

#logo{
	position:absolute;
	width:140px;
	height:55px;
	top:15px;
	left:15px}


/* === Main Navagation Menue Start === */
#navMainEdge{
	float:left;
	width:auto;
	min-height:98px;
	height:auto;
	background:url(../images/nav-main-edge.png) repeat-y top right;}

#navMain{
	float:left;
	width:auto;
	min-height:98px;
	height:auto;
	margin-left:148px;
	margin-right:19px;
	background:url(../images/nav-main-back.png) repeat;}


/* == */
.link{
	float:left;
	width:auto;
	padding:30px;}

.dividor{
	float:left;
	min-height:98px;
	height:auto;
	width:6px;
	background:url(../images/nav-devider.png) repeat-y;}
/* ==  */


.secNav{
	float:right;
	padding:10px;}
/* === Main Navagation Menue End === */


#coverA{
	height:auto;
	background-color:#ffffff;}

#bannerBnContent{
	position:relative;
	height:auto;
	margin-left:-482.5px;
	left:50%;
	background: url(../images/banner-creative-web-design.jpg) no-repeat;}

#flashBanner{
	height:393px;
	background: url(../images/flash-banner.jpg) no-repeat;
	}
	
#innerBanner{
	height:200px;
	background-color: #CCCCCC;}


/* === Main Content Start === */
#mainContent, #top, #bod, #foot, #bod2{ width:625px;}

#mainContent{
	float:left;
	height:auto;}
	
#top{
	height:20px;
	background:url(../images/head-finerpages.jpg) no-repeat;}
	
#bod{
	height:auto;
	background:url(../images/body-finerpages.jpg) repeat-y;}
	
.cellL{
	float:left;
	width:265px;
	padding-left:25px;
	padding-top:15px}
	
.cellR{
	float:left;
	width:260px;
	padding-left:47px;
	padding-top:15px;}	
	
#foot{
	height:20px;
	background:url(../images/foot-finerpages.jpg) no-repeat;}	
	
#bod2{
	height:auto;
	background:url(../images/bod2.jpg) repeat-y;}
/* === Main Content End === */


/* ===================== PORTFOLIO Start ===================== */
#arrows{
	position:relative;
	padding-left:40px;}

/* curent link start */
#one{
	position:absolute;
	left:41px; 
	top:8px;}
	
#two{
	position:absolute;
	left:61px; 
	top:8px;}
	
#three{
	position:absolute;
	left:82px; 
	top:8px;}
	
#four{
	position:absolute;
	left:104px; 
	top:8px;}
	
#five{
	position:absolute;
	left:125px; 
	top:8px;}
	
#six{
	position:absolute;
	left:145px; 
	top:8px;}
	
#seven{
	position:absolute;
	left:166px; 
	top:8px;}
	
#eight{
	position:absolute;
	left:188px; 
	top:8px;}
	
#nine{
	position:absolute;
	left:209px; 
	top:8px;}
	
#ten{
	position:absolute;
	left:234px; 
	top:8px;}
	
#eleven{
	position:absolute;
	left:260px; 
	top:8px;}
	
#twelve{
	position:absolute;
	left:288px; 
	top:8px;}
	
#thirteen{
	position:absolute;
	left:313px; 
	top:8px;}
	
#fourteen{
	position:absolute;
	left:343px; 
	top:8px;}
	
#fifteen{
	position:absolute;
	left:369px; 
	top:8px;}
	
#sixteen{
	position:absolute;
	left:395px; 
	top:8px;}
	
#seventeen{
	position:absolute;
	left:422px; 
	top:8px;}
	
#eighteen{
	position:absolute;
	left:450px; 
	top:8px;}
	
#nineteen{
	position:absolute;
	left:476px; 
	top:8px;}
	
#twenty{
	position:absolute;
	left:502px; 
	top:8px;}
	
#twentyone{
	position:absolute;
	left:529px; 
	top:8px;}
	
/* curent link start */
	
#arrowLeft{
	position:absolute;
	width:26px;
	height:20px;
	left: 7px;
	top: 0px;}
	
#arrowRight{
	position:absolute;
	width:22px;
	height:18px;
	top: 2px;
	left: 588px;}

.portBig{
	float:left;
	width:375px;
	height:auto;
	margin-bottom:20px;	
	padding-bottom:0px;
	border: thin solid #999999;	
	overflow:hidden;}
	
.portRight{
	float:left;
	width:228px;
	padding-left:20px;
	height:auto;
	padding-bottom:10px;}
/* =========================== portfolio end =========================== */


#widget{
	float:left;
	width:300px;
	height:auto;
	padding-left:40px;
	background:url(../images/devider.jpg) repeat-y;}
	
#testimonials{
	color:#666666;
	padding:10px 30px 10px 30px;
	text-align:justify;}
	
#padServices{
	padding-left:27px;}
	

/* === footer === */
#footMouse{
	position:relative;
	height:111px;
	background:url(../images/mouse-back.png) repeat-x;
	z-index:1;}

#footContent{
	height:auto;
	margin-top:-31px;
	padding-top:50px;
	background:url(../images/squares.jpg) repeat;}
	
#footerText{
	position:relative;
	height:auto;
	padding-bottom:50px;
	margin-left:-482.5px;
	left:50%;
	color:#b8f2fc;}
	
/* = */

#cell01{
	float:left;
	width:467px;
	height:auto;
	padding-right:15px;}
	
#cell02{
	float:left;
	width:467px;
	height:auto;
	padding-left:15px}
	
#bodfoot{
	width:965px;
	height:auto;
	background:url(../images/bodfoot.png) repeat-y -10px 0px;}
	
.cell03{
	position:relative;
	float:left;
	width:280px;
	height:auto;
	padding:10px 20px;
	z-index:2}
	
/* = */	
	
#footer{
	height:auto;
	margin-top:-118px;
	background:url(../images/footer-back.png) repeat-x;}
	
#footerInside{
	position:relative;
	min-height:100px;
	height:auto;
	margin-left:-482.5px;
	left:50%;
	padding-top:150px;
	background:url(../images/footer.png) no-repeat;
	color:#333333;
	font-size:11px;}
	
	
/* More Styles */
.clear{
	clear:both;
    display: block;
    height: 0;
    visibility: hidden;
	}

.gry11{ 
	color:#CCCCCC;
	font-size:11px;
	}
	
.aqua10{
	color:#30a0b4;
	font-size:10px;}
	
.aqua{
	color:#30a0b4;}
	
.faqs{
	font-size:15px;
	color: #666666;
	}
	
/* =================== KEY WORD CLOUD CSS ======================= */

A.cloudstyle1:link, A.cloudstyle1:VISITED, A.cloudstyle1:HOVER {
color:  #b8f2fc;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
A.cloudstyle1:hover{ color: #fff;

}

A.cloudstyle2:link, A.cloudstyle2:VISITED, A.cloudstyle2:HOVER {
color:  #000000;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
A.cloudstyle2:hover{ color: #fff;

}

A.cloudstyle3:link, A.cloudstyle3:VISITED, A.cloudstyle3:HOVER {
color:  #000000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
A.cloudstyle3:hover{ color: #fff;

}

A.cloudstyle4:link, A.cloudstyle4:VISITED, A.cloudstyle4:HOVER {
color: #333;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
A.cloudstyle4:hover{ color: #fff;

}