/* CSS Document */

body{
font-family:Helvetica;
font-size:0.8em;
background:url("../images/bg-iblitz.png") 0 0 repeat-x #4d4d4d;
}

#container {
width:960px;
overflow:hidden;
display:block;
margin:0 auto;
}


/* header */

#header {
display:block;
height:100px;
overflow:hidden;
}

.logo {
margin: 16px 0 0 4px;
width: 340px;
float: left;
}

/* navigation */
#navigation{
float:right;
margin:60px 20px 0 0;
display:block;
}

#navigation ul li {
float:left;
}

#navigation ul li a{
color:#dfb06b;
text-decoration:none;
font-size:1.1em;
padding:8px 10px;
}

#navigation ul li a:hover, #navigation ul li.selected a{
color:#fff;
}

/* homecontent */
.homeContent {
display:block;
overflow:hidden;
}

.heroBanner {
position:relative;
width: 960px;

}

.heroBanner .floatPanel {
width:345px;
position:absolute;	
display:block;
right:0;
top:130px;
}

.heroBanner .tagline {
font-size:2.1em;
color:#FFFFFF;
font-weight:normal;
font-family:Helvetica;
letter-spacing: 0.08em;
line-height:1.5em;
display: block;
text-align: center;
}

.hlTag {
font-size:1.4em;
letter-spacing: 0.05em;	
}

.btnCreateApp {
font-size:1.6em;
color:#FFF;
text-align:center;
text-decoration:none;
background:url(../images/btn-createapp.png) 0 0 repeat-x;
display: block;
Margin:10px 40px;
padding:20px;
}

.btnCreateApp:hover {
background:url(../images/btn-createapp.png) 0 -70px repeat-x;	
color:#c63800;
}

.caption {
color:#666;
font-size:1.8em;
display:block;
margin:-80px 30px 10px 30px;
line-height:1.4em;
text-align:center;
}

.ispec {
background:#FFFFFF;
display:block;
overflow:hidden;
padding:30px 40px;

}

.ispec ul li{
float:left;
margin:10px 63px 10px 0;
color:#333333;
font-size:0.9em;
text-align:center;
}

.ispec ul li:last-child{
margin-right:0;
}

.ispec ul li img{
margin-bottom:10px;
border-radius:6px;
border:2px solid #CCCCCC;
}

.mailingForm{
text-align:center;
background:#FFFFFF;
padding:20px 0;
font-size: 1.2em;

}

.mailingForm input#email {
font-size: 15px;
padding: 2px;
}


/* subpages */
.subContent {
display:block;
overflow:hidden;
background:#FFFFFF;
padding:15px 30px;
margin-top:30px;
}

.subContent h1 {
font-size:1.6em;
margin:15px 0;
}

.featureNavi {
float:left;
border-right:1px solid #5b4837;
width:260px;
}

.featureNavi li {
padding:10px 10px 10px 0;
}

.featureNavi li a{
text-decoration:none;
color:#5b4837;
font-size:1.1em;
}

.featureNavi li a:hover, .featureNavi li.selected a{
color:#ec7b20;
font-weight:bold;
}

.featureDetails  {
display:block;
overflow:hidden;
width: 590px;
float:right;
margin-right: 10px;
}

.featureDetails li{
padding:10px 0 15px 0;
border-bottom:1px solid #5b4837;
color:#444444;
margin-bottom:15px;
line-height:1.6em;
}

.featureDetails li:last-child{
margin-bottom:200px !important;
}

.featureDetails h2 {
margin-bottom:20px;
font-size:1.4em;
color:#5b4837;
}

.featureDetails li p{
font-size:1.2em;
}

/* how it works */

.HowItWorks h2{
margin:20px 0;
font-size:1.5em;
color:#5b4837;
}

.HowItWorks .caption {
color:#666666;
font-size:1.3em !important;
margin:10px 0 !important;
text-align:left;
}

.tabs{
	background:url(../images/tabs.png) repeat-x 0 0;
	overflow:hidden;
	border-top:1px solid #dedede;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	margin:20px 0 0 0 !important;
}

.tabs li {
float:left;
margin:0;
}

.tabs li a:link, .tabs li a:visited {
display:block;
padding:16px 18px;
font-size:1.3em;
text-decoration:none;
overflow:hidden;
color:#333;
}

.tabs li a:hover, .tabs li a:focus {
color:#fff;
background:url(../images/tabs-o.png) repeat-x bottom left;

}

.tabs li.tabs-selected  a {
color:#F90;
background:url(../images/tabs-selected.png) repeat-x bottom left;
}

.tabs-container {
border:1px solid #dedede;
border-bottom-left-radius:12px;
border-bottom-right-radius:12px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-webkit-border-bottom-left-radius:12px;
-webkit-border-bottom-right-radius:12px;
line-height:1.8em;
margin-bottom:40px;
overflow: hidden;
}

#H1 h3{
margin: 70px 0 10px 50px;
width: 440px;
font-weight:normal;
float:left;
}

#H2 h3{
margin: 65px 10px 10px 81px;
width: 455px;
font-weight:normal;
float:left;
}

#H3 h3{
margin: 110px 10px 10px 80px;
width: 340px;
font-weight:normal;
float:left;
}

#H4 h3{
margin: 100px 110px 10px 20px;
width: 300px;
font-weight:normal;
float:right;
}

#H5 h3{
margin: 145px 45px 10px 10px;
width: 280px;
font-weight:normal;
float:right;
}

#H6 h3{
margin: 140px 80px 10px 10px;
width: 340px;
font-weight:normal;
float:right;
}

/* faq */

.faqs {
display:block;
margin-right:50px;
}

.answer {
font-size: 1.1em;
margin:5px 0 15px 0;
color:#666;
}

.question {
color: #EC7B20;
font-size: 1.4em;
margin:25px 0 5px 0;
}




/* enquiry */

.formborder {
	border:1px solid #DEDEDE;
	padding:20px;
}

.enquiryForm {
width:440px;
float:left;
font-size: 1.1em;
}


.enquiryForm select {
padding:5px;
font-size: 1em;	
}

.enquiries ul li, .commentForm ul li {
    margin-bottom: 11px;
}

.enquiries li span {
    color: #5B4837;
    font-size: 1.1em;
   
}

.enquiries ul li input, .commentForm textarea {
    padding:5px;
	font-size: 15px;
	width: 350px;
}


.enquiries p{
	color: #666666;
    font-size: 1.3em !important;
    margin: 10px 0 !important;
    text-align: left;
	padding: 10px 10px;
	line-height: 1.3em;
}

.formField {
    display: block;
    margin-bottom: 8px;
    width: 180px;
}

.commentForm {
float:left;
width:410px;
font-size: 1.1em;
}

.formButton {  
    cursor: pointer;
    display: block;
    margin: 20px auto;
    width: 170px;
	font-size:1.4em !important;
	padding:8px !important;
}

/* pricing */

.pricing h2{
margin:20px 0;
font-size:1.5em;
color:#5b4837;
}

.pricing .caption {
color:#666666;
font-size:1.3em !important;
margin:10px 0 !important;
text-align:left;
}


.priceChart {
border:1px solid #fff;	
margin:30px 50px;

}

.priceChart td {
padding:10px 6px;
line-height:1.4em;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
text-align:center;
vertical-align:middle;

}

.priceChart td:last-child{
border-right:none;
}

.priceChart .mode1BG{
background:#fffbdf;	
}

.priceChart .mode2BG{
background:#e0f8fc;	
}

.priceChart .mode3BG{
background:#e8fea9;	
}

.priceChart .mode4BG{
background:#fdd7df;	
}

.priceChart th {
padding:10px 6px 10px 15px;
line-height:1.4em;
text-align:left;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
vertical-align:middle;
background:#E7E1D9;
height:60px;
color:#666666;
}

.priceChart tr:last-child td, .priceChart tr:last-child th{
border-bottom:none;
}

.SubHead1 {
background:#F60;
color:#FFC;
font-size:1.2em;
}

.SubHead2 {
background:#06F;
color:#E0F8FC;
font-size:1.2em;
}

.SubHead3 {
background:#690;
color:#E8FEA9;
font-size:1.2em;
}

.SubHead4 {
background:#C03;
color:#fdd7df;
font-size:1.2em;
}

.priceHighlight {
font-size:1.5em;
line-height:1.4em;
vertical-align:top;
}

.priceOriginal {
font-size:1.5em;
line-height:1.4em;
vertical-align:top;
text-decoration:line-through;
}

.mode1 {
	color:#F60;
}

.mode2 {
	color:#06F;
}

.mode3 {
	color:#660;
}

.mode4 {
	color:#C03;
}



/* general */
.floatRight{
float:right;
}

.floatLeft{
float:left;
}

.contentWrap {
display:block;
overflow:hidden;
}

.highlight {
color:#FF6600;
}



/* button */
.formButton,  .btnSumit{
background:url(../images/btn-grey.png) 0 0 repeat-x;
padding: 4px 25px;
color:#000000;
border:1px solid #999;	
font-size:1em;
}

.formButton:hover,  .btnSumit:hover{
background:url(../images/btn-grey.png) 0 -65px repeat-x;	
}

/* class for box */
.corner {
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

.topcorner {
border-top-left-radius:12px;
border-top-right-radius:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
-webkit-border-top-left-radius:12px;
-webkit-border-top-right-radius:12px;
}

.bottomcorner {
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
}

.shadow {
-moz-box-shadow: 0 0 5px -1px #888888;
-webkit-box-shadow: 0 0 5px -1px #888888;
box-shadow: 0 0 5px -1px #888888;
}

/* footer */

#footer {

}

#footer p {
text-align:center;
color:#FFFFFF;
margin:30px 0 15px;
padding:5px 0;
}