/* CSS Document Developed by Avishek Nath from MIND Q Inerative Solutions © All rights Reserved. */
/* Global Style*/

*{ 
padding:0px;
margin:0px;

}
body {
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #333333;
 font-size:14px;
 line-height:22px;
 background:url(../images/right-logo-bg.jpg) no-repeat 880px 10px;
}

 
a {
	text-decoration: none;
	color:#CCCCCC;
	outline:none;
}
a:hover {
 text-decoration: underline;}
 
form {
 margin: 0px;
 padding: 0px;
}
.clear{
clear:both;
}

.f-left{
float:left;
}

.f-right{
float:right;
}

p{
padding-bottom:10px;
}


img{
border:0;
}

h1{
color:#ed3480;
font-size:18px;
padding-bottom:10px;
font-weight:normal;
}

h2{
font-size:16px;
padding-bottom:10px;
color:#646464;
line-height:22px;
}


#wrapper{
width:100%;
float:left;
}


#main{
float:left;
width:840px;
margin-left:30px;
}

#page-bg{
float:left;
width:263px;
height:729px;
}

#header{
float:left;
width:100%;
position:relative;
 
}

#topnavigation{
float:right;
font-size:15px;
padding:10px 0 0 0;
}

#topnavigation ul{
list-style:none;
float:right;
}

#topnavigation ul li{
float:left;
}

#topnavigation ul li a{
float:left;
padding:5px 10px;
color:#666;
}

#topnavigation ul li a:hover{
text-decoration:none;

}

#topnavigation ul li.current a{
float:left;
padding:3px 10px 5px 10px;
color:#cccd33;
border-top:2px solid #c9d4b1;
}

#header #logo{
position:absolute;
top:20px;
left:0;
z-index:9999;
}


#contentarea-home{
float:left;
width:100%;
position:relative;
padding-bottom:30px;
z-index:99999999999;
}

#contentarea-home .giraffe{
position:absolute;
top:100px;
width:188px;
height:757px;
left:360px;
z-index:999999;

}

#contentarea-home .hometext{
float:left;
margin:10px 0 20px 0;
width:360px;
}
.hometext h1{
color:#333333;
font-size:14px;
font-weight:normal;


}

#contentarea-home #leftsec{
float:left;
width:545px;
margin-top:140px;
}

#contentarea-home #rightsec{
float:left;
width:295px;
margin-top:70px;
}

#homelinks{
float:left;
font-size:26px;
clear:both;
margin-top:20px;
padding-left:150px;
}

#homelinks ul{
float:left;
list-style:none;
}

#homelinks ul li{
display:block;
text-align:right;
line-height:40px;
border:1px solid #FFF;
}

#homelinks ul li a{
display:block;
color:#373737;
}

#homelinks ul li.current a{
display:block;
color:#cccd33;
}

.startup{
 background:url(../images/startup-package.jpg) no-repeat left top;
 width:295px;
 height:169px;
 margin-bottom:15px;
 position:relative;
}

.gold{
 background:url(../images/gold-package.jpg) no-repeat left top;
 width:295px;
 height:169px;
 margin-bottom:15px;
 position:relative;
}

.platinum{
 background:url(../images/platinum-package.jpg) no-repeat left top;
 width:295px;
 height:169px;
 margin-bottom:15px;
 position:relative;
 
}

.customised{
 background:url(../images/customised-package.jpg) no-repeat left top;
 width:295px;
 height:169px;
 margin-bottom:15px;
 position:relative;
}

.startup .pricetag, .gold .pricetag, .platinum .pricetag, .customised .pricetag{
position:absolute;
top:-15px;
left:205px;
}

.startup h1{
font-size:15px;
color:#FFF;
padding:0;
margin:0;

}


.lists{
float:left;
list-style:none;
font-size:15px;
color:#FFF;
margin:55px 0 5px 20px;
}

.lists li{
list-style:none;
display:block;
background:url(../images/arrow.png) no-repeat left 5px;
padding-left:20px;
line-height:18px;
padding-bottom:6px;
}

.knowmore{
float:left;
clear:both;
margin-top:15px;
padding-left:170px;
}


#contentarea{
width:100%;
float:left;
margin-top:145px;
padding-bottom:30px;
}

#headerpic{ 
float:left;
width:825px;
height:252px;
background:url(../images/header-bg.jpg) no-repeat left top;
}

#headerpic h1{ 
float:left;
color:#fffeaf;
font-size:30px;
line-height:34px;
font-weight:normal;
padding:20px 0 0 20px;
}

#headerpic .shortdesc{ 
float:left;
font-size:20px;
clear:both;
line-height:30px;
width:500px;
color:#FFF;
padding:20px 0 0 20px;
}


#headerpic .shortdesc em{ 
font-size:16px;

}



#content-inner{
float:left;
padding:20px 15px;
width:800px;

}

#content-inner ul{
padding-left:40px;
}


#content-inner em strong{
color:#90a75e; 
}


#footer{
float:left;
width:100%;
background:#000000;
}

#footer .footer-wrap{
float:left;
width:800px;
margin-left:30px;
padding:0px 20px;
}

.footer-wrap .copyright{
float:left;
font-size:13px;
color:#FFF;
padding:20px 0 0 10px;
}

.footer-wrap .copyright a{
font-size:13px;
color:#CCC;
}

.footer-wrap .rightlogo{
float:right;
font-size:15px;
color:#FFF;
background:url(../images/footer-giraffe.jpg) no-repeat right 5px;
height:71px;
padding:30px 70px 0 0;
}

.package-tables{
width:100%;
}

.package-tables .heading{
background:url(../images/heading-bg.jpg) no-repeat left top;
height:35px;
color:#FFF;
padding:0 10px;
font-size:16px;
}

.package-tables .heading1{
background:url(../images/heading-bg1.jpg) no-repeat left top;
height:35px;
color:#FFF;
padding:0 10px;
font-size:16px;
}

.package-tables .heading span{
font-family:Arial, Helvetica, sans-serif;
}

.package-tables .colhead{
background:#e0e6d4;
color:#000;
}

.package-tables .colhead1{
	color:#000;
	background-color: #F0E8DD;
}

.package-tables .duration{
color:#6f8d2f;
text-align:right;
padding:6px 10px;
font-weight:bold;
}

.package-tables .duration1{
	color:#967143;
	text-align:right;
	padding:6px 10px;
	font-weight:bold;
}

.package-tables .colhead td, .package-tables .colhead1 td{
padding:6px 10px;
font-size:16px;
}

.package-tables .colvalue td, .package-tables .colvalue td{
font-size:14px;
padding:6px 10px;
background:#f3f2f2;
font-family:Arial, Helvetica, sans-serif;
}

.package-tables .deliverables{
width:300px;

}

/*.buttons{
background:url(../images/button-bg.png) no-repeat left top;
width:162px;
height:25px;
color:#FFFFFF;
float:right;
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
padding:5px 0 5px 0;
text-align:center;
margin-bottom:5px;
margin-top:5px;
}

.buttons a{
color:#FFFFFF;

}*/


.buttons{
float:right;
font-size:16px;
padding:5px 0 5px 0;
margin-bottom:5px;
margin-top:5px;
}


.package-selected{
background:#edf4de;
font-size:14px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}

.package-selected .package{
background:#acb896;
color:#FFF;
padding:6px 10px;
width:180px;
padding-right:10px;
}

.package-selected .pad{
padding-left:10px;
}

#enquiryform{
width:100%;
float:left;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
}

#enquiryform .formleft{
float:left;
width:380px;
margin-right:20px;
margin-left:10px;
}

#enquiryform .formright{
float:left;
width:380px;
}

#enquiryform .formright1{
float:left;
width:350px;
border-left:1px solid #dedede;
padding-left:20px;
height:140px;
padding-top:10px;
}

#enquiryform label{
float:left;
width:160px;
/*padding-left:5px;*/
}

#enquiryform .textbox{
float:left;
width:210px;
height:25px;
border:1px solid #cedbaf;
border-top:3px solid #d9d9d9;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#enquiryform .ddmenu{
float:left;
width:212px;
height:25px;
border:1px solid #cedbaf;
border-top:3px solid #d9d9d9;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#enquiryform .textbox:focus{
border:1px solid  #CCC;
background: #F9F9F9; 
border-top:3px solid #d9d9d9;
}


#enquiryform .textarea{
float:left;
font-size:13px;
width:210px;
font-family:Arial, Helvetica, sans-serif;
height:75px;
border:1px solid #cedbaf;
border-top:3px solid #d9d9d9;
margin-bottom:10px;
}

#enquiryform .textarea:focus{
border:1px solid  #CCC;
background: #F9F9F9; 
border-top:3px solid #d9d9d9;
}

.download{
float:left;
font-size:17px;
margin-top:20px;
background:url(../images/download-icon.jpg) no-repeat left top;
padding:20px 0 15px 40px;
}

.download a{
color:#1eb2e3;
}

.checkbox-txt{
font-size:12px;
}

.selecteditems{
width:300px;
float:left;
border:1px dotted #CCCCCC;
padding:10px;
font-size:12px;
margin-left:10px;
background: #F8F8F8;
}

.tabl-hd{
font-size:14px;
font-weight:bold;
color:#666;
text-transform:uppercase;
background: #F4F4F4;
padding:2px 5px;
border-bottom:2px solid #ccc;
}

.tabl-hd span{
font-size:12px;
text-transform: none;

}

.pad5{
padding:2px 8px;
}

h1.portfolio{
font-size:14px;
color:#4D4D4D;
}
div#moreout {
	display:none;
	text-align:left;
	width: 500px;
}
div#moreout p {margin: 10px 0px 10px 0px}
p.copyright a:visited {text-decoration:none}
a#moretext:active {text-decoration:none}
a#moretext:hover {text-decoration:underline }