/* CSS Document */

img{
border:0px;
}

.floatl{
	float:left;
	width: 650px;
}

.floatr{
float:right;
}

.clear{
clear:both;
}

body{
background:#021a2e url(../images/body-bg.gif) top left repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h1, h2, h3, h4, h5, h6 { line-height: normal; }

/* CONTAINER STARTS HERE */

#container{
width:916px;
margin:auto;
background:url(../images/content-bg.gif) center 54px repeat-x;
}

/* HEADER STARTS HERE */

.header{
height:73px;
}

.top-links ul{
list-style:none;
padding-top:0px;
}

.top-links li{
float:left;
line-height:33px;
color:#fff;
}

.top-links li a{
text-decoration:none;
padding:0px 18px;
display:block;
color:#fff;
}

.top-links li a:hover{
background:url(../images/links-bg.gif) top left repeat-x;
font-weight:bold;
}

.top-links li a.active{
background:url(../images/links-bg.gif) top left repeat-x;
font-weight:bold;
}

.search-section{
background:url(../images/search-bg.gif) top left no-repeat;
width:455px;
margin-top:18px;
}

form.search-area{
padding:15px 8px;
display:block;
}

.search-area input.txtfield{
width:166px;
background:url(../images/txtfield-bg.gif) top left no-repeat;
border:0px;
float:left;
margin-right:3px;
font-size:11px;
color:#d3d3d3;
padding:6px;
}

/* CONTENT BOX STARTS HERE */

.content-box{
	width:916px;
	margin:auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
}

.logo{
	float: right;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 1;
}

.info{
width:800px;
margin:auto;
text-align:center;
color:#c7dffb;
}

.info h1{
color:#88bbf6;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:28px;
font-weight:normal;
padding-bottom:20px;
}

.info p{
color:#c7dffb;
line-height:19px;
padding-bottom:15px;
}

.main-content{
	width:800px;
	line-height: 19px;
	color:#c7dffb;
	margin: auto;
}

.main-content h1{
color:#88bbf6;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:28px;
font-weight:normal;
padding-bottom:20px;
}

.main-content p{
color:#c7dffb;
line-height:19px;
padding-bottom:15px;
}

.main-content a { text-decoration: none; color: #88bbf6; }

.crousel-col{
width:916px;
padding-top:23px;
}

.crousel-col img{
padding-right:27px;
}

.left-arrow, .right-arrow{
vertical-align:top;
position:relative;
top:100px;
}

/* FOOTER STARTS HERE */

#footer{
background:#000;
border-top:1px solid #1d4975;
}

.footer-container{
width:916px;
margin:auto;
}

.resources-section{
width:254px;
background:url(../images/seperator.gif) top right no-repeat;
padding-right:70px;
padding-left:20px;
margin-right:15px;
}
.resources-section h2{
color:#abf5fc;
font-weight:normal;
font-size:20px;
padding-bottom:15px;
}

.resources-section img{
padding-left:10px;
}

.resources-section ul{
list-style:none;
padding-bottom:10px;
}

.resources-section li{
color:#bcbcbc;
font-size:12px;
line-height:24px;
background:url(../images/bullets.gif) left 9px no-repeat;
padding-left:12px;
}

.resources-section li a{
color:#bcbcbc;
text-decoration:none;
}

.resources-section li a:hover{
color:#bcbcbc;
text-decoration:underline;
}

.contact-section{
width:165px;
}

.contact-section h2{
color:#abf5fc;
font-weight:normal;
font-size:20px;
padding-bottom:15px;
padding-left:25px;
background:url(../images/contact-icon.gif) top left no-repeat;
}

.contact-section span{
font-weight:bold;
color:#8c8b8b;
font-size:12px;
}

.contact-section p{
line-height:22px;
color:#bcbcbc;
font-size:12px;
padding-top:3px;
}

.contact-section a{
color:#bcbcbc;
text-decoration:none;
}

.footer-links{
	width: 916px;
}

.footer-links ul{
list-style:none;
}

.footer-links li{
padding-right:8px;
float:left;
color:#959595;
font-size:11px;
}

.footer-links li a{
text-decoration:none;
color:#959595;
}

.footer-links p{
color:#7d7d7d;
font-size:11px;
}

/* inner pages css start */
/*h1{font:35px "Times New Roman", Times, serif ;margin:0px; color:#ffc850; font-weight:bold; padding:0px 0px 0 0px;}
h1 span{color:#fff}*/
.aboutus-img{float:right; border:4px solid #fff;	margin:0 0px 10px 20px;}
h5{font:15px Tahoma, Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #fff;	margin:0px 0px 10px 0px;}
h6{font:15px Tahoma, Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#000; background:#ffc850; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #5b7a92;}
input.button:hover{cursor:pointer; color:#fff; background:#663300; border:1px solid #ffc850;}
.project-img{float:right; margin-left:20px;	border: 6px solid #fff;}
.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{
	margin-bottom:20px;
	border-bottom:1px dotted #fff;
	padding-bottom:10px
}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{
	width:48%;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.servicecolumn2{
	width:48%;
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.blog-posted-row{padding:3px;}
/* inner pages css ends */
#block {
	background-color: #000000;
	height: 25px;
	width: 150px;
	position: absolute;
	z-index: 1;
	left: 200px;
	top: 50px;
}
#colleft {
	float: left;
	width: 400px;
	text-align: center;
}
#colleft img{
	/* ===================================
		      PORTFOLIO2
====================================*/
#portfolioRow { display:block; float:left; width:650px; }
.portfolioContainer2 {
	width: 300px;
	float: left;
	height: auto;
	background: url(../images/folio_bg.jpg) bottom repeat-x;
	padding: 10px 12px;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	margin:0 0 15px 0;
}

.portfolioBox2 {
	width: 300px;
	float: left;
	display:block;
	position:relative;
}

.previewFolioBox2 {
	width: 300px;
	float: left;
}

.previewFolioBox2 img {
	width: 288px;
	height:288px;
	float: left;
	display:block;
	padding:5px;
	border:1px solid #CCC;
}
display: block;
	border: 1px solid #36F;
	padding: 5px;
}
#colright {
	float: right;
	width: 400px;
	text-align: center;
}
#colright img{
	display: block;
	border: 1px solid #FFF;
	padding: 5px;
}

#flashHolder {
	position: fixed;
	z-index: 1;
	right: 0px;
	bottom: 0px;
}
.popup
{
    display: none;
}h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #FFCD4F;
}
p {
	font-size:9pt;
	line-height:1.5em;
	margin:0 0 20px;
	font-family: Verdana, Geneva, sans-serif;
}
ul li {
	padding-left: 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #CC0000;
}
.boldred {
	font-weight: bold;
	color: #900;
}
#domainlogo {
	background-image: url(../images/domain_name_registration_lo.png);
	height: 365px;
	width: 365px;
	background-repeat: no-repeat;
	float: left;
}
#domaintxt {
	float: right;
	width: 400px;
}
.slogan {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
}
.portfolioContainer2 {
	width: 300px;
	float: left;
	height: auto;
	background: url(../images/folio_bg.jpg) bottom repeat-x;
	padding: 10px 12px;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	margin:0 0 15px 0;
}
.portfolioBox2 {
	width: 300px;
	float: left;
	display:block;
	position:relative;
	padding-right: 10px;
	padding-left: 10px;
}
.previewFolioBox2 {
	width: 300px;
	float: left;
}
.previewFolioBox2 img {
	width: 288px;
	height:288px;
	float: left;
	display:block;
	padding:5px;
	border:1px solid #CCC;
}
.previewShadow2 {
	width: 300px;
	height: 15px;
	float: left;
	background: url(../images/folio_shadow.png) center no-repeat;;
}
#hostingtxt {
	float: left;
	width: 481px;
	text-align: justify;
}
#hostingimages1 {
	float: right;
	width: 282px;
	background-image: url(../images/standard_website_hosting.jpg);
	height: 135px;
	border: 1px solid #000;
}
#seoimages1 {
	float: right;
	width: 282px;
	background-image: url(../images/start_up_seo.jpg);
	height: 235px;
	border: 1px solid #000;
	padding-left: 5px;
}
#seoimages2 {
	float: right;
	width: 282px;
	background-image: url(../images/economy.jpg);
	height: 235px;
	border: 1px solid #000;
		padding-left: 5px;
}
#seoimages3 {
	float: right;
	width: 282px;
	background-image: url(../images/seo_professional.jpg);
	height: 235px;
	border: 1px solid #000;
		padding-left: 5px;
}
#hostingimages1 img{
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 5px;
	bottom: 10px;
	z-index: 1;
}
#hostingimages2 {
	float: right;
	width: 282px;
	background-image: url(../images/business_website_hosting.jpg);
	height: 135px;
	margin-top: 10px;
	border: 1px solid #000;
}
#hostingimages2 img{
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 5px;
	bottom: 10px;
	z-index: 1;
}
#hostingimages3 {
	float: right;
	width: 282px;
	background-image: url(../images/professional_website_hostin.jpg);
	height: 135px;
	margin-top: 10px;
	border: 1px solid #000;
}
#hostingimages3 img{
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 5px;
	bottom: 10px;
	z-index: 1;
}
div #hostingimages1,div #hostingimages2,div #hostingimages3 ul li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	z-index: 0;
}
div #seoimages1,div #seoimages2,div #seoimages3 ul li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	z-index: 0;
	margin-bottom: 10px;
}
div  ul{
	margin-top: 35px;
}
div #seoimages1,div #seoimages2,div #seoimages3 ul{
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
