body {
	background: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

a { color:#244c69; }
.clear { clear:both; }
.cleanp { margin:0 !important; padding:0 !important;}
.floatleft { float:left; }
.floatright { float:right; }
.purple { color:#fb57ab !important; }
.yellow { color:#fff600 !important; }
.cyan { color: #00f6ff !important; }
.green { color:#a0e509 !important; }
.blue { color:#244c69 !important; }
.white { color:#fff !important; }
.lighter { font-weight: normal !important; }
.bolder { font-weight: bold !important; }
h1.nomargin { margin: .3em 0em; padding: 0; line-height:1em; } 

ul.bullet-male { list-style-image: url(../images/bullet-male.png); }
ul.bullet-accept { list-style-image: url(../images/bullet-accept.png); }
ul.bullet-arrow { list-style-image: url(../images/bullet-arrow.png); }

ul.bullet-male li, ul.bullet-accept li, ul.bullet-arrow li { padding-left:.5em; padding-top:0; margin-left:5px; line-height:normal; }

div#content h1 { color:#244c69; padding:0 0 .3em 0; }
div#content h2 { color:#244c69; padding:0 0 .3em 0; }
div#content p { font-size:0.9em; }
div#content em { color:#244c69; font-weight:bold; }
div#content ul { color:#244c69; padding-left:1em; }
div#content a { color:#244c69; }
div#content div.blueblock h1 { color:#fff; }
div#content div.blueblock h2 { color:#fff; font-weight:bold; }
div#content div.blueblock em { color:#fff; font-weight:bold; }
div#content div.blueblock ul { color:#fff; }
div#content div.hugewhitebaloon ul { color:#244c69; }
div#content div.blueblock a {color:#fff; }
div#content div.blueblock .hugewhitebaloon a { color: #244c69;}
div#content div.blueblock .whitebaloon a { color: #244c69;}
div#content div.blueblock .whitebaloon li { color: #244c69;}

	div#container {
		min-width:980px;
		background: #fff;
	}
		div#head {
			height: 220px;
			padding: 0;
			background: #acbecb url(../images/headergradient.png) repeat-x;
		}
			div#logo {
				padding: 75px 0 0 0;
				width:30%;
				text-align:center;
				z-index:100;
				position:relative;
			}
			div#form {
				position:absolute;
				right:3%;
				width:20%;
				z-index:100;
				top: 10px;
				font-style:italic;
			}
				div#form input, div#form select {
					border:1px solid #c1c8d1;
					font-size:0.8em;
					padding:2px;
					width:150px;
					color: #999;
					margin: 1px;
				}
				div#form input.submit {
					border:none;
					border-bottom: 1px solid #1f6798 !important;
					background:transparent;
					color: #1f6798;
					font-size:1.1em;
					cursor:pointer;
					cursor:hand;
					width:auto;
				}
			#indexpage div#leftbg {
				position:absolute;
				left:0;
				top:0;
				background: url(../images/mainleftgirl-trans.png) bottom left no-repeat;
				height:220px;
				width:100%;
				z-index:1;
			}
			div#centerbg {
				position:absolute;
				left:0;
				top:0;
				background: url(../images/mainbg.jpg) bottom center no-repeat;
				height:220px;
				width:100%;
				z-index:0;
			}
			#feedbackpage div#centerbg { background-image:url(../images/feedbackbg.jpg); }
			#teampage div#centerbg { background-image:url(../images/teambg.jpg); }
			#faqpage div#centerbg { background-image:url(../images/faqbg.jpg); }
			#smipage div#centerbg { background-image:url(../images/smibg.jpg); }
			#shedulepage div#centerbg { background-image:url(../images/shedulebg.jpg); }

			#indexpage .indexes { display:none; }
			#feedbackpage .feedbacks { display:none; }
			#teampage .teams { display:none; }
			#faqpage .faqs { display:none; }
			#smipage .smis { display:none; }
			#schedulepage .schedules { display:none; }		

			div#mainmenu ul {
				list-style: none;
				height: 25px !important;
				font-size: 0.9em;
				background: #244d69 url(../images/menubg.jpg) top center no-repeat;
				margin-bottom:-4px;
			}
				div#mainmenu li {
					float:left;
					margin: 12px 10px 0px;
				}
					div#mainmenu li.feedbacks a {
						background: url(../images/feedbacks-trans.png) center no-repeat;
						height:0px !important;
						padding:1em;
						margin: -15px -10px -15px 0px;
						position:relative;
					}
					div#mainmenu li a.forum {
						background: url(../images/forum-trans.png) top no-repeat;
						height:2em;
						padding: 60px 4em 30px 4em;
						margin: -56px 0px 0px 0px;
						width:100px;
						position:absolute;
						right:5%;
						z-index:1;
					}
					div#mainmenu li a {
						color: #fff;
					}
		div#content {
			font-size:0.8em;
			background:#fff;
		}
			div#content div.blueblock {
				background:#244d69 url(../images/blueblockbottomborder.png) bottom repeat-x;
				padding-bottom: 30px;
				color:#fff;
			}
				div#content div.maincol {
					width:73%;
					float:left;
					padding: 0 1% 0 3%;
				}
				div#content div.sidebar {
					float:left;
					width:18%;
				}
					div#content div.maincol div.leftcol {
						float:left;
						width:45%;
						padding:10px 10px 10px 0;
					}
					div#content div.maincol div.rightcol {
						float:left;
						width:48%;
						padding:10px;
					}
/* Blocks */
						div#content div.yellowbaloon {
							background:#ecec85;
							font-style:italic;
							color:#244c69;
							margin: 0 -10px 10px -10px;
						}
							div.yellowbaloon div.yellowflag {
								position:relative;
								float:right;
								width:75px;
								height:65px;
								background: url(../images/yellowflag-trans.png) top right no-repeat;
								margin-top:30px;
								margin-right:-75px;
								z-index:1000;
							}
							div.yellowbaloon div.bottomyellowflag {
								position:absolute;
								width:84px;
								height:84px;
								background: url(../images/bottomyellowflag-trans.png) top right no-repeat;
								margin-left:10px;
							}
						div#content div.whitebaloon {
							background: #fff;
							color:#244c69;
							margin: 10px -10px 10px -20px;
						}
						div#content div.announce {
							margin: 10px;
							padding: 10px;
						}
							div.whitebaloon div.whiteflag {
								position:relative;
								width:74px;
								height:62px;
								float:right;
								background: url(../images/whiteflag-trans.png) top left no-repeat;
								margin-top:30px;
								margin-right:-72px;
							}
						div#content div.hugewhitebaloon {
							background: #fff url(whitebaloon.svg);
							color:#244c69 !important;
							margin: 10px 10px 10px -20px;
							font-size:0.9em;
							padding-left:20px;
						}
							div.hugewhitebaloon div.whiteflag {
								position:relative;
								float:right;
								width:74px;
								height:62px;
								background: url(../images/whiteflag-trans.png) top left no-repeat;
								margin-top: -400px;
								margin-right:-72px;
								z-index:100;
							}
							div.yellowbaloon .ctl, div.yellowbaloon .cbl, 
							div.yellowbaloon .ctr, div.yellowbaloon .cbr
							{ color:#ecec85 !important; background:#fff; } 
							
							div.whitebaloon .ctl, div.whitebaloon .cbl, 
							div.whitebaloon .ctr, div.whitebaloon .cbr
							{ color:#fff !important; background:#244c69; }
							
							div.hugewhitebaloon .ctl, div.hugewhitebaloon .cbl, 
							div.hugewhitebaloon .ctr, div.hugewhitebaloon .cbr
							{ color:#fff !important; background:#244c69; }
							
							div.rounding { height:20px; margin: 0 20px; position: relative; }
							div.rounding em b { position:absolute; font:150px Arial; line-height:40px; font-weight:normal; }
							.ctl, .cbl, .ctr, .cbr 
							{
								z-index:11;
								width:20px;
								height:20px;	 
								overflow:hidden;
								position:absolute;  
								background:transparent;
							}
							
							.ctl {top:0; left:-20px;}
							.cbl {bottom:0; left:-20px;}
							.ctr {top:0; right:-20px;}
							.cbr {bottom:0; right:-20px;}
					
							.ctl b {left:-8px;}
							.ctr b {left:-25px;}
							.cbl b {left:-8px; top:-17px;}
							.cbr b {left:-25px; top:-17px;}
							
							div.innerbaloon { padding: 1em; }
							div.innerbaloon h2 { padding-top: 0 !important ; }
							div.innerbaloon h1 { padding-top: 0 !important ; }
						
						div#content div.roundedblock { margin-top:2em; }
						div#content div#sidebar div.quote {
							margin: 10px -20px !important;
						}
						div#content div.quote {
							background:#f0f0f0;
							color: #000;
							padding:15px;
							margin: 10px -5px;
							font-style:italic;
						}
						div#content div.quote.caution {
							padding-left:40px;
							margin-left:85px;
							margin-right:0px; 
						}
							div#content div.quote.caution .caution {
								position:absolute;
								margin-top:0px;
								margin-left:-150px;
								margin-top: -20px;
							}
						div#content div.blueblock div.quote {
							background:#1f425c;
							color: #fff;
						}
					div#content div.teaser {
						background: url(../images/teaser.jpg) center no-repeat;
						color:#fff;
						padding:10px;
						width:166px;
						height:88px;
						margin:0 auto;
						text-align:center;
					}
						div#content div.teaser big {
							font-size: 3em;
							font-weight:bold;
						}
					div#content div.phones h2 {
						padding-top: .2em;
						padding-bottom: .3em;
						font-size:1.4em;
					}
					div#content div.phones span {
						padding-left: 3em;
					}
					div#content div.maincol .nopadding {
						margin-left:-16%;
					}
		div#footer {
			margin-top:0em;
			padding-top:40px;
			height: 130px;
			background: #244d69 url(../images/footertopborder.png) top repeat-x;
		}
			div#footer a {
				color:#fff;
			}
			div#copyright {
				float:right;
				color:#fff;
				font-size:.7em;
				padding:3em 5em;
			}
				div.footmenu ul {
					list-style:none;
					padding:4em 0 0 3em;
					font-size:.8em;
				}
					div.footmenu li {
						float:left;
						margin:0 1em;
					}
					
#teampage table h1 {
	padding-top:0;
}
#faqs .number {
	background:#a8b9c5;
	color:#fff !important;
	margin: 10px 10px 10px 0px;
	font-size:2em;
	width:70px;
	text-align:center;
	float:left;
}
	#faqs .number .innerbaloon {
		padding:0px !important;
	}
	#faqs .number .ctl, #faqs .number  .cbl, 
	#faqs .number  .ctr, #faqs .number  .cbr
	{ color:#a8b9c5 !important; background:#fff; }
#faqs .question {
	background:#fca2d1;
	color:#fff !important;
	margin: 15px 10px 10px 0px;
	font-size:1.5em;
	width:400px;
	float:left;
	clear:right;
}
	#faq .question .innerbaloon {
		padding: 0px !important;
	}
	#faqs .question .ctl, #faqs .question .cbl,
	#faqs .question .ctr,#faqs .question .cbr
	{ color:#fca2d1 !important; background:#fff; }
#faqs .answer {
	background:#e5e5e5;
	color:#244c69 !important;
	margin: 15px 10px 10px 80px;
	font-size:1em;
	clear:both;
}
	#faq .answer .innerbaloon {
		padding: 0px !important;
	}
	#faqs .answer .ctl, #faqs .answer .cbl,
	#faqs .answer .ctr,#faqs .answer .cbr
	{ color:#e5e5e5 !important; background:#fff; }

table.schedule {
	border-collapse:collapse;
	width:100%;
}
table.schedule .city { width:25%; }
table.schedule .training { width:25%; }
table.schedule .time { width:40%; }
table.schedule td {
	border: 3px dashed #fc99cc;
	padding: 15px;
}

form.contactsform label {
	display:block;
	font-style:italic;
}
form.contactsform input, form.contactsform select {
	display:block;
	width:90%;
	border:2px solid #b3b9c3;
	padding: 2px 5px;
}
form.contactsform select { width:50%; }
form.contactsform input.submit {
	display:block;
	width:auto;
	border:0;
	border-bottom: 2px solid #244c69;
	cursor:pointer;
	cursor:hand;
	background: transparent;
	color: #244c69 !important;
	font-size:1.3em;
	font-weight:bold;
}

#maps {
	padding:2em;
}
#maps img { width:100%; }

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	head~body .whitebaloon { background-color: transparent !important; background-image: url(whitebaloon.svg) !important; }
	head~body .hugewhitebaloon { background-color: transparent !important; background-image: url(whitebaloon.svg) !important; }
	head~body .yellowbaloon { background-color: transparent !important; background-image: url(yellowbaloon.svg) !important; }
	head~body .number { background-color: transparent !important; background-image: url(number.svg) !important; }
	head~body .question { background-color: transparent !important; background-image: url(question.svg) !important; }
	head~body .answer { background-color: transparent !important; background-image: url(answer.svg) !important; }
}
@media all and (-webkit-min-device-pixel-ratio:10000) {
	head~body .whitebaloon { background-color: #fff !important; }
	head~body .hugewhitebaloon { background-color: #fff !important; }
	head~body .yellowbaloon { background-color: #ecec85 !important; }
	head~body .number { background-color: #a8b9c5 !important; }
	head~body .question { background-color: #fca2d1 !important; }
	head~body .answer { background-color: #e5e5e5  !important; }
	}