/*-------------------------------------------------------  CORE STYLES --------------------------------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-image: url(../images/design/background.png);
	background-repeat: repeat-x;
	color: #ffffff;
	background-color: #112845;
}

h1{
	margin: 0px 0px 0px 0px;
}

h1.intro{
	margin: 0px 0px 15px 0px;
	font-size: 21px;
	font-weight: normal;
}

h2{
	margin: 0px 0px 5px 0px;
	font-size: 18px;
	font-weight: normal;
	color: #00adef;
}

h2.virals{
	
}

h3{
	
}

h4{
	
}

p{
 	font-size: 0.8em;
	margin: 0px 0px 20px 0px;
}

p.error{
 	color: #FF0000;
}

li{
	font-size: 0.8em;
	list-style: disc;
}
colleft.smallleft{
	float: left;
}

colright.smallright{
	float: right;
}

span.blue {
	color: #00adef;
}

span.pink {
	color: #ec008c;
}

span.yellow {
	color: #fff200;
}


a.white {
	color: #ffffff;
}

a.nexttestimonial {
	background-image:url(../images/design/next-btn.png);
	
}
/*-------------------------------------------------------  CORE STYLES END  --------------------------------------------------------*/

/*-------------------------------------------------------  LAYOUT DIVS --------------------------------------------------------*/

div.holding{
	min-width: 761px;
	min-height: 750px;
	background-image: url(../images/design/holding-bg.png);
	background-repeat: no-repeat;
	padding: 60px 0px 0px 0px;
	text-align: center;
	
}

div.mobile {
	width: 954px;
	margin: 0px auto 0px auto;
	padding: 5px 0px 5px 0px;
	text-align: center;
	background-color: #00adef;
	color: #fff;
}

div.head{
	width: 954px;
	min-height: 274px;
	margin: 0px auto 10px auto;
}

div.toolbarcentre {
	width: 964px;
	height: 25px;
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#xToolbar{
	width: 964px;
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 0px;
	position: fixed; 
	width: 964px; 
	text-align: center;
	margin: 0px auto 0px auto;
	background-color: #00adef;
	overflow: visible;
}

div.lefthead{
	width: 654px;
	float: left;
	min-height: 274px;
	background-image: url(../images/design/left-headbg.png);
	background-repeat: no-repeat;
	}
	
div.righthead{
	width: 300px;
	float: right;
	min-height: 274px;
	}

div.footer{
	width: 934px;
	margin: 10px auto 20px auto;
	border-width: 1px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-style: dotted;
	border-color: #39485c;
	text-align: center;
	font-size: 0.7em;
	color: #505e6f;
	background-color: #0b1c32;
	overflow: hidden;
}

div.border {
	border-bottom: dotted #999999 1px;
	padding: 20px 0px 0px 0px;
}

/* Contact CSS */
label.contact{
float: left;
width: 120px;
font-size: 0.8em;
}


input.contact{
width: 195px;
margin-bottom: 5px;
background: #f7f7f7;
border-color: #949494;
border-width: 1px;
border-style: solid;
}

textarea.contact {
	width: 193px;
	margin-bottom: 5px;
	background: #f7f7f7;
	border-color: #949494;
	border-width: 1px;
	border-style: solid;
}

/* END of Contact CSS */

/* CSS for login box */
label.login{
float: left;
width: 120px;
font-size: 0.8em;
}

input.login {
width: 200px;
margin-bottom: 5px;
}

/* End of CSS for login box */

/*-------------------------------------------------------  LAYOUT DIVS END --------------------------------------------------------*/

/*-------------------------------------------------------  DIVS CONTAINED IN WRAPPER --------------------------------------------------------*/

/*------------------------------ Three Cols --------------------------------*/

div.containerone{
	width: 954px;
	min-height: 325px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;

	background-repeat: repeat-y;
	text-align: left;
	overflow: auto;
	vertical-align: top;
}

div.containerthree{
	width: 954px;
	min-height: 325px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/design/threecolBG.png);
	background-repeat: repeat-y;
	text-align: left;
	overflow:hidden;
	vertical-align: top;
}

div.threecolsub{
	float: left;
	width: 634px;
	overflow: hidden;
}

div.threecoll{
	float: left;
	width: 307px;
}

div.threecollc{
	float: left;
	width: 307px;
	width: 319px;
}

div.threecolm{
	float: right;
	width: 307px;
}

div.threecolr{
	float: right;
	width: 290px;
}

div.testimonial{
	width: 290px;
}

div.quotes{
	background-image: url(../images/design/quotesbg.png);
	background-repeat: no-repeat;
	float: right;
	width: 250px;
	padding: 15px 0px 0px 40px;
}

/*------------------------------ Three Cols Ends --------------------------------*/

/*------------------------------ Two Cols --------------------------------*/

div.containertwo{
	width: 954px;
	min-height: 325px;
	margin: 0px auto 10px auto;
	text-align: left;
	overflow: auto;
}

div.twocoll{
	float: left;
	width: 467px;
}

div.twocolr{
	float: right;
	width: 467px;
}

/*------------------------------ Two Cols Ends --------------------------------*/


/*-------------------------------------------------------  DIVS CONTAINED IN WRAPPER ENDS --------------------------------------------------------*/
/*-------------------------------------------------------  LINKS CLASSES --------------------------------------------------------*/
a{
	color: #00adef;;
	text-decoration: none;

}

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

a.home{
	display: block;
	width: 290px;
	height: 24px;
	padding: 14px 0px 16px 10px;
	margin: 0px 0px 1px 0px;
	background-color: #ec008c;
	color: #ffffff;
	font-size: 21px;
	text-decoration: none;
}

a.home:hover{
	display: block;
	width: 290px;
	height: 24px;
	padding: 14px 0px 16px 10px;
	margin: 0px 0px 1px 0px;
	background-color: #ffffff;
	color: #ec008c;
	font-size: 21px;
	text-decoration: none;
}

a.howwe{
	display: block;
	width: 290px;
	height: 24px;
	padding: 14px 0px 16px 10px;
	margin: 0px 0px 1px 0px;
	background-color: #f87a0d;
	color: #ffffff;
	font-size: 21px;
	text-decoration: none;
}

a.howwe:hover{
	display: block;
	width: 290px;
	height: 24px;
	padding: 14px 0px 16px 10px;
	margin: 0px 0px 1px 0px;
	background-color: #ffffff;
	color: #f87a0d;
	font-size: 21px;
	text-decoration: none;
}

a.whowe{
	display: block;
	width: 290px;
	height: 24px;
	padding: 14px 0px 16px 10px;
	margin: 0px 0px 1px 0px;
	background-color: #9a3498;
	color: #ffffff;
	font-size: 21px;
	text-decoration: none;
}

a.whowe:hover{
	display: block;
	width: 290px;
	height: 24px;
	padding: 14px 0px 16px 10px;
	margin: 0px 0px 1px 0px;
	background-color: #ffffff;
	color: #9a3498;
	font-size: 21px;
	text-decoration: none;
}

a.whatwe{
	display: block;
	width: 290px;
	height: 24px;
	padding: 14px 0px 16px 10px;
	margin: 0px 0px 1px 0px;
	background-color: #00adef;
	color: #ffffff;
	font-size: 21px;
	text-decoration: none;
}

a.whatwe:hover{
	display: block;
	width: 290px;
	height: 24px;
	padding: 14px 0px 16px 10px;
	margin: 0px 0px 1px 0px;
	background-color: #ffffff;
	color: #00adef;
	font-size: 21px;
	text-decoration: none;
}

a.howto{
	display: block;
	width: 290px;
	height: 24px;
	padding: 14px 0px 16px 10px;
	margin: 0px 0px 1px 0px;
	background-color: #3dd80e;
	color: #ffffff;
	font-size: 21px;
	text-decoration: none;
}

a.howto:hover{
	display: block;
	width: 290px;
	height: 24px;
	padding: 14px 0px 16px 10px;
	margin: 0px 0px 1px 0px;
	background-color: #ffffff;
	color: #3dd80e;
	font-size: 21px;
	text-decoration: none;
}

a.menu{
	display: block;
	min-height: 20px;
	padding: 5px 5px 5px 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
	background-color: #5F9EA0;
	color: #ffffff;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
}

a.menu:hover{
	display: block;
	padding: 5px 5px 5px 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
	background-color: #2E5058;
	color: #ffffff;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
}

a.titlemenu{
	display: block;
	height: 15px;
	padding: 5px 5px 5px 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
	background-color: red;
	color: #ffffff;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
}

a.titlemenu:hover{
	display: block;
	padding: 5px 5px 5px 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
	background-color: green;
	color: #ffffff;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
}

a.submenu{
	display: block;
	min-height: 15px;
	padding: 5px 5px 5px 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
	background-color: #6495ED;
	color: #ffffff;
	font-size: 0.7em;
	text-decoration: none;
	font-weight: bold;
}

a.submenu:hover{
	display: block;
	padding: 5px 5px 5px 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
	background-color:  #BFD3F7;
	color: #ffffff;
	font-size: 0.7em;
	text-decoration: none;
	font-weight: bold;
}

a.babymenu{
	display: block;
	min-height: 15px;
	padding: 5px 5px 5px 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
	background-color:  yellow;
	color: #ffffff;
	font-size: 0.7em;
	text-decoration: none;
	font-weight: bold;
}

a.babymenu:hover{
	display: block;
	height: 15px;
	padding: 5px 5px 5px 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
	background-color:  green;
	color: #ffffff;
	font-size: 0.7em;
	text-decoration: none;
	font-weight: bold;
}

/*-------------------------------------------------------  LINKS ENDS --------------------------------------------------------*/

/* -- Tiny MCE Styles -- */
div.mceExternalToolbar {
    /*position: fixed !important ;*/
	position: fixed !important ;
    top: 30px !important ;
	left: 30px !important;
	
}

/* -- End of Tiny MCE Styles -- */