/* ---------------------------------------------
	Title: Presentation Stylesheet

	Developer: Magic Solutions
	Email: deyan at magicbg.com
	URL: http://www.magicbg.com/
----------------------------------------------- */

/*  =elements
 -------------------- */
body {
	color: #666666; 
	font-weight: normal; 
	font-size: 12px; 
	line-height: 16px; 
	font-family:  Arial, Helvetica, sans-serif; 
}
a:link {color: #3689DD;}
a:visited {color: #3689DD;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
a:focus {outline: none; }
.blue {color: #619FDE;}

/*  =header
 ------------------ */
#header .logo {position: absolute; top: 23px; left: 10px; }
#menu {	position: absolute;	top: 91px;	left: 10px; padding: 6px 0 0 20px;	background: url("menu_bg.gif"/*tpa=http://www.magicbg.com/img/menu_bg.gif*/) 0 0 no-repeat; width: 529px; height: 27px;}
#menu a { font-size: 12px; float:left; color:#5C5C5C; text-transform: uppercase; font-family: 'Trebuchet MS','Lucida Grande',Arial,Verdana,Sans-Serif; font-weight:bold; text-decoration: none;}
#menu a.on, #menu a:hover { color: #0087FF; }
#menu img { float: left; display:inline; margin: 2px 19px 0 19px; padding: 0; }

/*  =content
 ------------------- */
#content {padding-top: 20px; }

/*  =mainContent
 ------------------- */
#mainContent {margin: 0; padding: 0; width:625px;}
#mainContent .mcInside {margin-left: 8px; margin-right: 0px;}
.title { background: url("separator.gif"/*tpa=http://www.magicbg.com/img/separator.gif*/) 0 100% no-repeat; height: 50px; width: 597px; margin: 0 0 10px 0;}
/* .mcInside {
	border: solid red 1px;
}*/
.mcInside p {padding-bottom: 20px; text-align: justify;}
#mainContent .mcInside h1 {color: #619FDE;font-size:20px; text-align:left;font-family:'Trebuchet MS','Lucida Grande',Arial,Verdana,Sans-Serif;
font-weight:bold; padding-left: 5px;}
.numberdiv {width: 167px; float: left; margin-top: 8px; padding-left: 27px; padding-top: 4px;font-size: 11px; }
.one {background: url("one.gif"/*tpa=http://www.magicbg.com/img/one.gif*/) 0 0 no-repeat; margin-right: 18px; height: 125px;}
.two {background: url("two.gif"/*tpa=http://www.magicbg.com/img/two.gif*/) 0 0 no-repeat; margin-right: 17px;}
.three {background: url("three.gif"/*tpa=http://www.magicbg.com/img/three.gif*/) 0 0 no-repeat; height: 125px;}
#mainContent .mcInside .numberdiv h1 {font-size: 14px; }
.numberdiv p {margin: 20px 0 0 0; text-align: left; width: 143px; padding: 0 0 0 7px;}
.readmore {width: 150px; padding-left: 34px; float:left; margin-top: 15px; font-size: 11px; padding-bottom: 15px;}
.activity {width: 597px; margin-bottom: 20px; background: #D3ECFF; float: left; margin-top: 15px;}
.activity2 {padding: 7px; float: left;}
.activity3 {border: 1px solid #FFFFFF; background: #EBF6FF;float: left;}
.leftActivity {width: 290px; float: left; display: inline; padding: 16px 0;}
.rightActivity {width: 290px; float: left; display: inline; padding: 16px 0; }
.leftActivity h2, .rightActivity h2 {padding: 0 0 20px 16px; color: #A8CFFF; font-weight: bold; font-size: 14px; }
.rightActivity ul {border-left: 1px solid #D3ECFF; }
.leftActivity ul li, .rightActivity ul li {padding: 1px 0px 1px 26px; background: url("arrow2.gif"/*tpa=http://www.magicbg.com/img/arrow2.gif*/) 16px 4px no-repeat;}
.tick { border-bottom: 1px solid #EBEBEB; background: url("tick.gif"/*tpa=http://www.magicbg.com/img/tick.gif*/) 0 0 no-repeat; padding:  0 0 10px 25px; color:#0087FF; margin: 0 20px 10px 0;}


/*  =rightContent
 ------------------- */
#rightContent {margin: 0; padding: 0; }
#rightContent .rcInside {margin-right: 15px; margin-left: 5px; }
.contacts {padding-bottom: 2px; background: url("border.gif"/*tpa=http://www.magicbg.com/img/border.gif*/) 0 0 repeat-y; }
.contacts .tel {padding: 1px 0 1px 33px; font-weight: bold; background: url("tel.gif"/*tpa=http://www.magicbg.com/img/tel.gif*/) 11px 4px no-repeat;}
.contacts .mail {padding: 1px 0 1px 33px; background: url("mail.gif"/*tpa=http://www.magicbg.com/img/mail.gif*/) 11px 7px no-repeat }
.oracle {display: block; margin: 0 0 0 11px;}
.sage {display: block; margin: 21px 0 0 12px;}
.address {margin: 23px 0 0 0; background: url("border.gif"/*tpa=http://www.magicbg.com/img/border.gif*/) 0 0 repeat-y; }
.address p {padding: 2px 0 2px 11px; }

/*  =footer
 ------------------ */
.footerContent {  position:absolute; z-index:20;}
.footerContent a:link {color: #fff;}
.footerContent a:visited {color: #fff;}
.copyright { float:left; margin-left: 25px; _margin-left: 15px; width: 600px; }
.footerRight{ float:right; text-align: right; margin-right: 20px; width: 260px;}

input.text {
	background: #ffffff url("bg_imput.gif"/*tpa=http://www.magicbg.com/img/bg_imput.gif*/) 0 0 repeat-x !important;
	width: 230px;
	height: 20px;
	margin: 8px 30px 7px 0;
	border: solid #C3C3C3 1px;	
	border-top: solid #7C7C7C 1px;
}
select.text {
	background: #ffffff url("bg_imput.gif"/*tpa=http://www.magicbg.com/img/bg_imput.gif*/) 0 0 repeat-x !important;
	color: #666666;
	width: 235px;
	height: 20px;
	margin: 8px 30px 7px 0;	
	border: solid #C3C3C3 1px;
	border-top: solid #7C7C7C 1px;	
}
textarea.wide {
	background: #ffffff !important;
	color: #666666;
	width: 495px;
	height: 115px;
	margin: 8px 0 7px 0;
	border: solid #C3C3C3 1px;
	border-top: solid #7C7C7C 1px;	
	background: #ffffff url("bg_imput.gif"/*tpa=http://www.magicbg.com/img/bg_imput.gif*/) 100% 100% repeat-x !important;
}
input.secCode {
	background: #ffffff url("bg_imput.gif"/*tpa=http://www.magicbg.com/img/bg_imput.gif*/) 0 0 repeat-x !important;
	width: 80px; 
	height: 20px;
	border: solid #C3C3C3 1px;
	border-top: solid #7C7C7C 1px;
	margin-left: 5px;
	vertical-align: middle;	
}