/* 
################### CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/*
# Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 
a{text-decoration:none;}
.clear{clear:both;}
#skipto{position:absolute;left:-9999px;top:-9999px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/*
# Layout ################### 
*/

body{
	font:60%/1.9  Tahoma, Arial,Verdana, sans-serif;
	color:#222;


}

div {
	direction:ltr;	
}

.container{
	width:960px;
	padding:0 10px;
	margin:0 auto;
}

#header{
	background:url(images/baner.jpg) center no-repeat;
	height:190px;
	margin-bottom:20px;
	background-position:top;

}


#nav{
	background:url(images/navbg.png);
	background-color:#FFF;
	height:16px;
	padding:8px 0;
	top:178px;
	position:relative;
}

#banner .benefits{padding:20px 0 20px 490px;background:url(images/diagram.png) no-repeat 0 10px; }

.content{
	background:url(images/contentbg.gif) repeat-x top #f4f4f4;
	border-top:1px solid #c8c8c8;
	padding:10px 10px;
	padding-bottom:10px;
	padding-top: 10px;
	
}

.ctabottom{background:#f4f4f4;border-top:1px solid #fff;border-bottom:1px solid #153355;padding:50px 10px;}

#home .clients{
	width:410px;
	margin-right:left;
	float:right;
}

#home .why{
	min-height:300px;
	width:540px;
	float:left;
	background: right;
	margin-right:10px;
	text-align: justify;
	direction: ltr;
}

#home .why2{
	width:300px;
	height:100px;
	margin:0 auto;
	
}

#features{
	background:url(images/featuresbg.gif) repeat-x top #e8e8e8;
	padding:10px 0;
	border-top:1px solid #bfbfbf;
}

#features .feature{width:220px;float:left;margin-right:20px;}

#footer{
	background-color:#0d6ea8;
	padding:10px 0;
}

#footer a { color:#FFF; text-decoration:underline; }
#footer a:active { color:#FFF; text-decoration:underline; }
#footer a:visited { color:#FFF; text-decoration:underline; }
#footer a:hover { color:#FFF; text-decoration:none; }

#footer .contact{float:left; color:#d9eeff;}

#footer .contact2{float:right; color:#d9eeff; text-align:center;
padding:0 20px;
}

#footer .footer-nav{float:right;}

.title{float:left;}

#subnav{background:#fff;border-top:1px solid #153355;height:50px;position:relative;}

/*
# Nav ################### 
*/

#nav ul{list-style: none;float:left;}
#nav ul li{display:inline;}
#nav ul li a{background:url(images/nav.png) top left;display:block;float:left;height:19px;}
#nav ul li a span{position:absolute;left:-9999px;top:-9999px;}

#nav .nav-what a{width:55px;background-position:-656px -10px;}
#nav .nav-what a:hover{width:55px;background-position:-656px -50px;}
#nav .nav-what.selected a{width:55px;background-position:-656px -50px;}

#nav .nav-customers a{width:85px;background-position:-140px -10px;}
#nav .nav-customers a:hover{width:85px;background-position:-140px -50px;}
#nav .nav-customers.selected a{width:85px;background-position:-140px -50px;}

#nav .nav-about a{width:83px;background-position:-580px -10px;}
#nav .nav-about a:hover{
	width:83px;
	background-position:-580px -50px;
}
#nav .nav-about.selected a{width:83px;background-position:-580px -50px;}

#nav .nav-contact a{width:83px;background-position:-341px -10px;}
#nav .nav-contact a:hover{width:83px;background-position:-341px -50px;}
#nav .nav-contact.selected a{width:83px;background-position:-341px -50px;}

#nav .nav-login a{width:110px;background-position:0px -10px;}
#nav .nav-login a:hover{width:110px;background-position:0px -50px;}
#nav .nav-login.selected a{width:110px;background-position:0px -50px;}

#nav .nav-home a{width:40px;background-position:-520px -10px;}
#nav .nav-home a:hover{width:40px;background-position:-520px -50px;}
#nav .nav-home.selected a{
	width:40px;
	background-position:-520px -50px;
}

#nav .nav-gh a{width:87px;background-position:-569px -10px;}
#nav .nav-gh a:hover{
	width:87px;
	background-position:-569px -50px;
}
#nav .nav-gh.selected a{width:87px;background-position:-569px -50px;}


#nav .nav-link a{width:87px;background-position:-830px -10px;}
#nav .nav-link a:hover{
	width:87px;
	background-position:-830px -50px;
}
#nav .nav-link.selected a{width:87px;background-position:-830px -50px;}




#nav .nav-search a{width:110px;background-position:-750px -10px;}
#nav .nav-search a:hover{width:110px;background-position:-750px -50px;}
#nav .nav-search.selected a{width:110px;background-position:-750px -50px;}


#nav .nav-poll a{width:73px;background-position:-655px -10px;}
#nav .nav-poll a:hover{width:73px;background-position:-655px -50px;}
#nav .nav-poll.selected a{width:73px;background-position:-655px -50px;}





#footer .footer-nav ul{list-style: none;}
#footer .footer-nav ul li{display:inline;padding:0 5px;border-right:1px solid #fff;}
#footer .footer-nav ul li a{color:#fff;border-bottom:1px solid #fff;}
#footer .footer-nav ul li a:hover{border-bottom:none;}

#subnav ul{list-style:none;}
#subnav ul li{height:68px;display:block;float:left;}
#subnav ul li a{float:left;margin-right:10px;color:#808080;line-height:50px;font-weight:bold;padding:0 10px;font-size:1.1em;}
#subnav ul li a:hover, #subnav ul li.selected a{color:#153355;}
#subnav ul li.selected{background:url(images/subnavarrow.png) no-repeat bottom center;}

.content ul.jumpto {list-style:none;margin:0 0 20px 0;}
.jumpto li{border-right:1px solid #808080;margin-right:5px;display:inline;}
.jumpto li a{margin-right:10px;color:#808080;padding:10px;font-weight:normal;border:none;}
.jumpto li a:hover{color:#3399fe;}

/*
# Headings ################### 
*/

#home h1{width:467px;height:54px;background:url(images/makesocial.png) no-repeat top left;}
.title h1{color:#fff;font-weight:normal;margin:10px 0;font-size:2.2em;line-height:75px;}

#home h1 span{position:absolute;left:-9999px;top:-9999px;}

#banner h2{text-align: center;color:#fff;font-size:1.2em;font-weight: normal;line-height: 1.4em;margin:10px 0 20px;}

h3{color:#3171a1;font-weight:normal;font-size:2em;margin:30px 0 10px;}
h3.first{margin-top:0;}

h4{font-size:1.2em;font-weight:bold;}

h5{font-size:1em;font-weight:bold;margin:20px 0 5px;}

#logo{width:215px;height:41px;background:url() no-repeat;float:left;}
#logo a{display:block;height:100%;width:100%;}
#logo a span{position:absolute;left:-9999px;top:-9999px;}

/*
# Lists ################### 
*/

.content ul, .content ol{
	margin-left:30px;
}

.last{margin-right:0 !important;}
#footer .last, .jumpto .last{border-right:none !important;}

.onetwothree{list-style:none;margin-bottom:20px;}
.onetwothree li{line-height:36px;padding-left:35px;color:#fff;font-size:1.5em;background:url(images/123.png) no-repeat top left;}
.onetwothree li.one{background-position:0 0;}
.onetwothree li.two{background-position:0 -36px;}
.onetwothree li.three{background-position:0 -72px;}
.onetwothree li a{border:none;color:#fff;}

.content ul.clientlist{list-style: none;margin:0 0 20px;}
.clientlist li{display:inline;}
.clientlist li a{display:block;width:80px;height:80px;background:#fff;border:1px solid #e8e8e8;float:left;margin:0 10px 10px 0;padding:5px;}
.clientlist li a:hover{border-color:#c9c9c9;}

.whylist{list-style:none;}
.whylist li{padding-left:35px;font-size:1.4em;background:url(images/tick.png) no-repeat bottom left; line-height:35px;}
.whylist li a { text-decoration:none;
				font-weight:normal;	
			}


.whylist2{list-style:none; text-align:justify;}
.whylist2 li{padding-left:35px;font-size:1.4em; margin:20px 0;}
.whylist2 li.top { margin-top:0px; }
.whylist2 li.bottom { margin-bottom:0px; }


/*
# Images ################### 
*/

img{border:none;}

.vr { border:medium; }

.imgbox{border:1px solid #329bf6;}


/*
# Links ################### 
*/

a{}

a:hover{}

a.img{border:none !important;}

.content a{color:#153355;border-bottom:0px solid #153355;font-weight:bold;}

#vr { border:1px; border-color:#09F; }

.link-top{line-height:27px;}

a.button-cta{display:block;width:253px;height:64px;background:url(images/cta.png) no-repeat;float:left;margin-right:10px;border:none;}
a.button-cta:hover{background-position:100% -64px;}
a.button-cta span{position:absolute;top:-9999px;left:-9999px;}

.cta .link-more{line-height:64px;font-size:1.4em;color:#3399fe;border-bottom:1px solid #48a3fe;}
.cta .link-more:hover{color:#fff;border-bottom-color:#fff;}

.ctacontact{float:right;margin:20px 0;}
a.button-ctacontact{display:block;width:220px;height:55px;background:url(images/ctacontact.png) no-repeat;float:left;border:none;}
a.button-ctacontact:hover{background-position:100% -55px;}
a.button-ctacontact span{position:absolute;top:-9999px;left:-9999px;}

.ctabottom .cta{width:400px;margin:0 auto;}
.ctabottom .cta .link-more:hover{color:#3399fe;}

a.button-more{padding-left:10px;background:url(images/buttonleft.png) no-repeat top left;border:none;text-align: center;height:27px;line-height:27px;float:left;border:none;margin:0 10px 10px 0;cursor: pointer;}
a.button-more span{padding-right:10px;height:27px;line-height:27px; color:#fff;background:url(images/buttonright.png) no-repeat top right;float:left;}
a.button-more:hover{background-position:0 -27px;}
a.button-more:hover span{background-position:100% -27px;}

/*
# Forms ################### 
*/

.error{border:1px solid #cc3333;padding:10px;background:#ffcccc;color:#cc3333;font-weight:bold;margin:10px 0;}

fieldset{border:none;padding:10px;margin-bottom:20px;}

form .item{margin-bottom:20px;clear: both}

form label{font-weight:bold;width:140px;display:block;float:left;text-align: right;margin-right:10px;padding-top:5px;}

form .text{padding:6px;border:1px solid #cbcbcb;font-size:1.2em;}

form .item span{margin-left:10px;font-size:0.9em;color:#7a7a7a;font-weight:normal;}

form .select{padding:4px;}

form .checkbox input{}

form .checkbox label{display:inline;}

form .actions{padding:10px;border-top:1px solid #cbcbcb;background:#e8e8e8;}

form .submit{padding:4px;}

form .actions a{font-weight: bold;}

form .item span, span.required{font-size:1.6em;color:#3399fe;}

.success{background-color:#7c975b;padding:10px;color:#fff;border:1px solid #fff;}
.success h4{font-size:1.6em;font-weight:normal;}
.success p{margin-bottom:0;}

/*
# Tables ################### 
*/



/*
# Typography ################### 
*/

p{margin:10px 0;}

#footer p{margin:0;}

p.emphasise{font-size:1.5em;color:#6f6f6f;margin:5px 0 20px;}

strong{color:#000;}

/*
################### Other ################### 
*/

.right{float: right;}

.left{float: left;}

.alignleft{text-align: left;}

.alignright{text-align: right;}

.aligncenter{text-align: center;}

.feature p{text-align: justify;}

.featuremodule, .team, .showcase{margin-bottom:30px;padding-bottom:50px;background:url(images/sep.gif) no-repeat center bottom;clear:both;}
.featuremodule.first{padding-bottom:0;background:none;}

.subfeaturemodule{width:280px;margin:0 20px 20px;float:left;}
.subfeaturemodule img{border:5px solid #fff;}
.subfeaturemodule a img{border:5px solid #3399fe;}
.subfeaturemodule a:hover img{border-color:#153355;}
.subfeaturemodule h4{text-transform: capitalize;}

.team-photo{float:left;width:150px;padding:0 75px 10px;background:url(images/teamphoto.gif) no-repeat center bottom;}
.team-bio{
	float:left;
	width:700px;
	text-align: justify;
	direction: ltr;
}

.team-bio h4 {
	color:#3671A1;
}

.team-bio p {
	font-size:12px;
}

.team-bio table {
	font-size:12px;
}

.toolsmodule{margin-bottom:50px;}
.tools-photo{float:left;width:400px;padding:0 30px 10px;}
.tools-detail{float:left;width:500px;}
.tools-detail ul{margin-bottom:30px;}
.tools-detail .img{margin-right:2px;}
.tools-ad{width:40%;float:left;margin:0 5%;}
.toolsmodule a img{border:5px solid #3399fe;}
.toolsmodule a:hover img{border-color:#153355;}

.showcase-photo{float:left;width:400px;padding:0 30px;}
.showcase-photo img{border:5px solid #fff;}
.showcase-detail{float:left;width:490px;font-size:1.2em;}
.showcase-detail ul li{margin-bottom:20px;}
.showcase a img{border:5px solid #3399fe;}
.showcase a:hover img{border-color:#153355;}

.contact-form{width:600px;float:left;margin-right:50px;}
.contact-info{width:310px;float:left;}

.about-photo{width:270px;float:left;margin-right:30px;}
.about-info{width:660px;float:left;}


/*
## Demo ##
*/

#demo h1{font-size:1.4em;line-height: 2em;}
#demo .demo{background:url(images/roundbg.gif) no-repeat bottom left;padding-bottom:20px;}
#demo .demo .top{background:url(images/roundbg.gif) no-repeat top left;padding:20px 20px 0;}
#demo .demo p.button{width:100px;margin:20px auto 10px;}

#previewheader{background:url(images/headerbg.jpg) top center no-repeat;border-bottom:1px solid #000;}
#previewheader p{background:url(images/navbg.png);margin:0;padding:10px;}
#previewheader p a{color:#fff;border-bottom:1px solid #fff;font-size:1.4em;}



#nrm {
	font-size:10px;	
}


#vr { border:medium; border-color:#000; }

/*------form--------*/

#r-Form{
	width:100%;
}
#r-Form h3{
	font-size:18px;
	font:Tahoma, Geneva, sans-serif;
    font-weight:bold;
}
#r-Form #information input, #area input{
	font:Tahoma, Geneva, sans-serif;
	border:none;
	background: transparent ;
	border-bottom:1px dotted #132C4C;
}

#r-Form #information{
	border:2px solid #7A9FCD;
	border-bottom:none;
}

#r-Form #information td {
	
	border-bottom:2px solid #7A9FCD;
}


#r-Form label{
	float:left;
	font-size:13px;
	font-weight:bold;
	margin-left:5px;
}


#area , #area td{
	border:1px solid #7A9FCD;
}

#r-Form p{
	font-size:13px;
	font-weight:bold;
}
#text{
	background-image:url(images/back-text.gif);
	border:2px solid #7A9FCD;
	
}
#r-Form p span{
	color:#3434FF;
	margin-right:10px;
	text-decoration:underline;
}
.odd td {
	background-color:#A7BEDE;
}
.even td{
	background-color:#D2DFED;
}

.a1{
	background-color:#D2DFED;
}
.a2{
	background-color:#FFF;
}