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

body{
	background:url(../images/bg.jpg) no-repeat top center #415e7a;
	margin:0;
	padding:0;
	height:100%
}
	
body, select, input, div{
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:12px;
	color:#FFF;
	line-height:18px;
}

@font-face {
	font-family: League Gothic Extended;
	src: url(../fonts/league_ghotic_extended-webfont.ttf);
}
	
img{
	border:none;
}
	
.clr{
	clear:both;
	height:0;
}
	
hr{
	margin:15px 0;
}

	
a{
	color:#FFF;
	text-decoration:none;
	outline:none;
}
	
a:hover{
	color:#FFF;
	text-decoration:none;
	outline:none;	
}

.color1{
	color:#a11a13;
}

.main_wrapper{
	position:absolute;
	height:100%;
	width:100%;
	min-height:600px;
	top:0;
	left:0;
	z-index:1;
}
.wrapper{
	position:relative;
	width:100%;
	min-height:100%;
	z-index:2;
}

.main{
	width:562px;
	position:relative;
	height:100%;
	margin:0 auto;
    text-shadow:1px 1px 0 #2f4f6b;
	padding:40px 0px 112px;
	z-index:3;
	}


.main h1{
	font-family:League Gothic Extended, Geneva, sans-serif;
	font-size:46px;
	line-height:46px;
	text-shadow:1px 1px 0 #2f4f6b;
	margin:32px 0 0;
	padding:0;
	}
	
.main h2{
	font-size:14px;
	font-weight:normal;
	text-shadow:1px 1px 0 #2f4f6b;
	margin:32px 0 0;
	padding:0;
	}
	
.main p{
	font-size:14px;
	font-weight:normal;
	text-shadow:1px 1px 0 #2f4f6b;
	padding:0;
	margin:5px 0;
	}
	
.main p a{
	font-weight:bold;
	text-decoration:underline;
	}
	
.main p a:hover{
	text-decoration:none;
	}
	
.logo{
	width:278px;
	height:97px;
	display:block;
	margin:0px auto;
	}
	
.logo a{
	background:url(../images/logo.jpg) no-repeat;
	width:278px;
	height:97px;
	margin:0 auto;
	display:block;
	}	
	
.menu {
	width:562px;
	font-size:12px;
	line-height:38px;
	height:38px;
	text-align:center;
	position:relative;
	left:50%;
	margin-left:-281px;
	z-index:3;
}
	
.menu ul {  
	margin: 0; 
	padding: 0;
	float:right;
}
	
.menu ul li {
	display:inline;
	float: left;
	list-style: none;
	}
	
.menu ul li a {
	width:60px;
	text-align:center;
	display: block; 
	margin:0;
	text-decoration: none;  
	color:#FFF;
	}
	
.menu ul li a:hover{
	color: #FFF;
	font-weight:bold;
	text-decoration:underline;
	}
	
.menu ul li a.current {
	color: #FFF;
	font-weight:bold;
	text-decoration:underline;
	}
	
.copyRight{
	float:left;
	line-height:38px;
	}
.email{
	display:inline-block;
	line-height:38px;
	float:left;
	margin-left:85px;	
}

.footerWrapper{
	background:url(../images/footer.png) repeat-x left bottom;
	clear:both;
	height:150px;
	width:100%;
	position:relative;
	margin:-150px 0px 0px;
	z-index:2;
}
	
.footerCon{
	height:112px;
	width:705px;
	float:left;
	position:relative;
	z-index:3;
	margin-left:-352px;
	left:50%;
}
	

	
.wordpress{
	background:url(../images/wordpress.png) no-repeat;
	margin:20px 0;
	width:148px;
	height:65px;
	float:left;
	}
	
.sugercrm{
	background:url(../images/sugercrm.png) no-repeat;
	margin:20px auto;
	width:195px;
	height:67px;
	}
	
.joomla{
	background:url(../images/joomla.png) no-repeat;
	margin:20px 0;
	width:145px;
	height:69px;
	float:right;
	}
	
/*******************contact us********************/

.contactMenu{
	margin:20px auto 0;
	}


.contact{
	width:269px;
	margin:30px auto 0  auto;
	}
	
.contact ul{
	margin:0;
	padding:0
	}
	
.contact ul li{
	list-style:none;
	}
	
.contact ul li input[type=text], textarea{
	background:#e2edf3;
	border:1px solid #3d4e5d;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	padding:3px 5px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 5px;
	color:#869cb2;
	width:263px;
	-moz-box-shadow:inset 0 2px 2px #828688;
	-webkit-box-shadow:inset 0 2px 2px #828688;
	box-shadow:inset 0 2px 2px #828688;
	}

.contact ul li input[type=text]:focus, textarea:focus{
	background:#FFF;
	color:#3e5c78;
}
.contact ul li input[type=text]{
	height:40px;
}
.contact ul li textarea{
	height:100px;
	}
	
.submitBtn{
	width:99px;
	height:35px;
	float:right;
	}
	
.submitBtn a{
	background:url(../images/submitButtom.png) no-repeat left top;
	text-align:center;
	line-height:35px;
	font-size:14px;
	text-shadow:1px 1px 0 #730809;
	width:99px;
	height:35px;
	font-weight:bold;
	float:left;
	}
	
.submitBtn a:hover{
	background:url(../images/submitButtom.png) no-repeat left bottom;
	}