@import url('language.css');
* { margin : 0; padding : 0; font-size : 1em; outline : none;}

body { background : #09F url(img/bodyBG.png) repeat-x left top; font : 62.5%/1.5em Arial, Helvetica; color : #333;  }
h1, h2, h3 { font-family : Trebuchet ms, Arial, Helvetica; color : #09F; line-height : 18px; }
h2 { font-size : 2.1em; font-weight : normal; margin-bottom : 18px; text-align : center}
h3 { font-size : 1.4em; }
p { margin-bottom : 9px; font-size : 1.2em; line-height : 18px; }

a { color : #06C; }
a:hover { color : #09F; }

#page { width : 956px; padding : 0; margin : 0 auto; position : relative; }
#header { position : relative; z-index : 0; }
	#title { height : 37px; background : url(img/titleBG.png) no-repeat left top; }
	#title h1 { width : 286px; height : 18px; background : url(img/logo_mopsys-trans.png) no-repeat left top; text-indent : -9000px; position : relative; top : 6px; left : 15px; }
	#title p { display : none; }

	#language { position : absolute; top : 8px; right : 10px; left : auto; z-index : 10; width : 70px; height : 13px; line-height : 13px;  font-size : 9px; }
	#language ul { display : block; float : right; margin : 2px 2px 0 0; }
	
	#banner { height : 355px; padding-bottom : 25px; background : url(img/noscript-trans.png) no-repeat left top; position : relative; top : -37px;}
		#slogans,
		#screens { list-style : none; position : relative; }
		#slogans li { text-indent : -9000px; }
		
		#screens img{ display : none; }
        
        #pharmabe { position : absolute; left : 4px; top : 240px; line-height : 1.2em; }
        #pharmabe a { display : block; width: 187px; height: 56px; padding : 23px 0 0 67px; background : url(img/pharmabe-trans.png) no-repeat left top; font-family : Trebuchet ms, Helvetica, sans serif; font-size : 1.3em; text-decoration : none; }
        #pharmabe small { display : block; font-size : .7em; font-family : Helvetica, arial, sans serif; color : #999; }
 
#catch { width : 926px; height : 27px; padding : 10px 10px 0; background : url(img/catchPhrase-trans.png) no-repeat center top; text-align : center; position : absolute; top : 335px; left : 5px; z-index : 2 }

#content { width : 956px; padding : 0 0 10px; background : url(img/page_bck.gif) repeat-y left top; overflow : auto; position : relative; z-index : 1; }
	#content img { float : left; padding : 0 8px 10px 0; }
	.column { width : 216px; padding : 10px; float : left; display : inline; overflow : hidden;}
	#pharma { padding-left : 16px; background : url(img/topLeftBG.png) no-repeat left top }
	#coaching{ padding-right : 16px; background : url(img/topRightBG.png) no-repeat right top;}
	.description { margin-bottom : 18px; clear : both; min-height : 43px; }
	
	.button { width : 204px; height : 24px; margin : 0 4px; display : block; position : absolute; bottom : 0; background : url(img/submit.png) no-repeat right bottom; text-align : center; text-decoration : none; color : #FFF; font-size : 1.2em; font-weight : bold; line-height : 24px; }
	.button:hover { background-position : right top; }
	
#footer { width : 956px; height : 50px; padding : 15px 0 0; clear : both; background : url(img/footer_bck.png) no-repeat left bottom; font-size : 1em; text-align : center; overflow : auto; }
#footer,
#footer a { color : #A1BDD0; }
	#copy { margin : 5px 0; }
	#footer p { margin-bottom : 0; font-size : 1em; }