/*------------------------------------------
---------------- Reseting ------------------
----------------------------------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
img,  s, small, strike, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: baseline;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ font-size: 100.01%; height: 100% }
body 			{ font-size: 62.5%; height: 100%; color: #000f1f; background: #fff }
				  
h1, h2, h3, h4, h5, h6
 				{ font-weight: normal; color: #0093dd }
h1 				{ font-size: 2.4em; line-height: 0.85em; margin-bottom: 0.45em; letter-spacing: -1px } 
h2 				{ font-size: 1.8em; line-height: 1.14em; margin-bottom: .95em; font-variant: small-caps; letter-spacing: 1px }

p, pre, code, label, th, td, dd, dt, select
				{ font-size: 1.3em; line-height: 1.35em; margin-bottom: 1.54em }
ul, ol			{ margin-bottom: 1.8em }
ul 				{ list-style: square }
ol 				{ list-style: decimal }
li	 			{ margin-left: 3.6em; color: #999; }
li p 			{ color: #000 }

/*------------------------------------------
------------------ Fonts -------------------
----------------------------------------- */

h1, h2
				{ font-family: Calibri, "Helvetica Neue", "Lucida Grande", verdana, arial, sans-serif }
p, label
				{ font-family: "Lucida Sans Unicode", Calibri, "Helvetica Neue", "Lucida Grande", verdana, arial, sans-serif } 			
pre       		{ font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; font-style: italic }
code      		{ font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace }
dd, dt			{ font-family: "Trebuchet MS", sans-serif }

/*------------------------------------------
------------------ Links -------------------
----------------------------------------- */

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: underline; color: #0093dd }
a:hover			{ text-decoration: underline }
a img			{ border: 0 }

/*------------------------------------------
------------- Global Classes ---------------
----------------------------------------- */

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight	{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right }
.textCenter	{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight		{ background: #ffc }

.noPadding		{ padding: 0 }
.noMargin		{ margin: 0 }
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }

/*------------------------------------------
---------------- Wrapper -------------------
----------------------------------------- */

#wrap 			{ width: 1000px; min-height: 100%; margin: 0 auto; position: relative; 
				  overflow: visible; background: url(../img/mus_wrap.gif) repeat-y }
.topWhiteLine	{ height: 36px; background: #fff }
.bottomWhiteLine
				{ height: 36px; width: 100%; position: absolute; left: 0; bottom: 0; background: #fff  }
  
/*------------------------------------------
---------------- Layout --------------------
----------------------------------------- */

.logoCol		{ width: 368px; float: left; text-align: center; padding-top: 18px }
.logoColInner	{ padding: 0 36px }
.logoColInner p	{ color: #333; font: normal 1.4em/1.4em Calibri, "Trebuchet MS", sans-serif; letter-spacing: 0 }
.logo			{ margin-bottom: 1.8em }

.rightCol		{ padding: 18px 18px 36px 36px; overflow: hidden }		
.list li		{ margin-left: 0; list-style: none; text-align: left; width: 220px; margin: 0 auto; color: #333;
				  font: normal 1.4em/1.4em Calibri, "Trebuchet MS", sans-serif; letter-spacing: 0; padding:0 0 0 23px }
.list img		{ position: relative; top: 5px;margin:0 0 0 -23px}

.listBlock		{ background: url(../img/listBlock.gif) repeat-x; padding-top: 18px; height: 1% }
.listBlock h2	{ margin-bottom: 7px }
  
/*--------------------------------------- */

.roundRectangle	{ padding: 18px; border: #999 1px solid; position: relative; margin-bottom: 18px }
.cornerTL, .cornerTR,
.cornerBR, .cornerBL		
				{ position: absolute; width: 20px; height: 20px }
.cornerTL		{ left: -1px; top: -1px; background: url(../img/mus_cornerTL.gif) no-repeat }
.cornerTR		{ right: -1px; top: -1px; background: url(../img/mus_cornerTR.gif) no-repeat }
.cornerBR		{ right: -1px; bottom: -1px; background: url(../img/mus_cornerBR.gif) no-repeat }
.cornerBL		{ left: -1px; bottom: -1px; background: url(../img/mus_cornerBL.gif) no-repeat }

.halfWidth		{ width: 50%; float: left }
.halfWidth input
				{ margin-bottom: 1.8em }
.halfWidth p	{ font: italic 1.2em/1.5em verdana, arial, sans-serif }
.halfWidth label
				{ font: normal 1.2em/1.5em verdana, arial, sans-serif; margin-bottom: 0 }
.checkbox		{ margin-bottom: 0 !important }

abbr			{ border-bottom: #ccc 1px dotted; cursor: help }

.small			{ padding-bottom: 21px }
.small input	{ cursor: pointer }
.small label	{ font-weight: bold; display: block; margin-bottom: 5px }

.detailsForm	{ padding: 0 27px 0 0 }
.detailsForm label
				{ float: left; clear: left; width: 100% }
.detailsForm input
				{ float: left; clear: left; width: 100%; margin-bottom: 5px }
.detailsForm textarea
				{ float: left; clear: left; width: 100%; height: 50px;  }
legend			{ display: none }
.submit			{ width: auto !important; margin: 10px 0 0 0; cursor: pointer }

.file			{ margin-top: 16px }


.testimonials 		{ clear: both; }
.testimonials h1	{ padding-top: 20px; padding-bottom: 10px }
.testimonials img	{ float: left;  }
.testimonials p		{ padding-left: 120px;}

/*--------------------------------------- */

.check			{ position: absolute; bottom: 0; left: 0; width: 368px; padding: 10px 0 }
.check p		{ font: normal 1.1em/1.5em verdana, sans-serif; text-align: center; margin-bottom: 0; color: #ccc }
.check a:link,
.check a:visited,
.check a:hover,
.check a:active	{ color: #999 }

.links			{ position: absolute; top: 58px; right: 20px }

.skype			{ padding: 0 0 0 22px; background: url(../img/skype.gif) 3px 0 no-repeat }