/* reset and clearing stuff */
* { margin:0; padding:0; }
.hidden { display: none; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* hides from ie-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from ie-mac */

.right { float: right; }
.left { float: left; }



body { background: #fff url(../../i/background.jpg) 0 0 repeat; font-family: verdana, arial, sans-serif; }
#container { width: 982px; margin:0 auto;margin-top: 20px; }

#header { background: url(../../i/header-bg.png) 0 0 no-repeat; height: 134px; width: 982px; position: relative; }
	#header h1.logo { position: absolute; top: 35px; left: 52px; height:72px; width:333px; background: black url(../../i/logo.png) 0 0 no-repeat; }
	#header h1.logo a { height:72px; width:333px; display: block; cursor: pointer; text-indent:-9999px; }
	
	#header ul.navigation { position: absolute; bottom: 14px; right: 25px; list-style-type: none; list-style-position: outside; width:480px; }
	#header ul.navigation li { float: left; margin-left: 15px; color: white; font-size:.9em; letter-spacing: 1px; font-weight: normal; font-family: "Myriad Pro", verdana, arial, sans-serif; border-left: 1px solid #505050; padding-left: 15px; }
	#header ul.navigation li a { color:#e053de; font-size: .9em; text-decoration: none; }
	#header ul.navigation li a:hover { color:#ffa1fe; }
	#header ul.navigation li.first { border-left: none; padding-left: 0; margin-left: 0; }

#content { width: 952px; background: url(../../i/content-bg.png) 0 0 repeat-y; padding: 10px 15px 20px; }
	#content .content-right { width: 690px; float: right; padding-right: 10px;}
		#content .content-right h1 { color:#6a6a6a; font-size: 1.5em; font-family: "Myriad Pro", verdana, arial, sans-serif; margin-bottom: 10px; }
		#content .content-right h2 { color:#6a6a6a; font-size: 1.2em; font-family: "Myriad Pro", verdana, arial, sans-serif; margin-bottom: 10px; }
		#content .content-right p { margin-bottom: 15px; font-family: verdana, arial, sans-serif; font-size: .8em; line-height: 1.5em; }
		#content .content-right .image-model { height:340px; width:209px; background: #ccc url(../../i/model.png) 0 0 no-repeat; text-indent:-9999px; margin: 10px; }
		#content .content-right a { color:#8f00ca; text-decoration: none; }
		
	
	#content .content-left { width: 240px; float: left; }
		#content .content-left ul.right-menu { width: 234px; margin:0 auto; background-color: #f7f6f6; list-style-type: none; list-style-position: outside; margin-top: 10px; margin-bottom: 0px; }
		#content .content-left ul.right-menu li { height:15px; font-family: verdana, arial, sans-serif; font-size: .7em; font-weight: none; color:#404040; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding:1px 0px 0; }
		#content .content-left ul.right-menu li.header { background: transparent url(../../i/right-menu-header-bg.png) 0 0 no-repeat; height: 23px; color: white;  padding-top: 8px; padding-left: 10px; border-right: none; border-left: none; overflow: hidden;}
		#content .content-left ul.right-menu li.sub-header { height: 23px; color: white; border-right: none; border-left: none; overflow: hidden; }

		#content .content-left ul.right-menu li.sub-header a { color: #FFFFFF; padding-left: 8px; padding-top: 5px; margin-bottom: 5px; background: transparent url(../../i/right-menu-sub-header-bg.png) 0 0 no-repeat; width: 234px; height: 29px; display:block;}
		#content .content-left ul.right-menu li.sub-header a:hover {  color:#FFFFFF; background: #8e6c9c; display:block; width: 234px; height: 23px; }
		#content .content-left ul.right-menu li.sub-header a:active {  color:#FFFFFF; background: #8e6c9c; display:block; width: 234px; height: 23px; }

		#content .content-left ul.right-menu li.bottom { background: transparent url(../../i/right-menu-bottom-bg.png) 0 0 no-repeat; height: 22px; color: white; padding-top: 3px; border-right: none; border-left: none; border-bottom: none; } 
		#content .content-left ul.right-menu li a { color:#404040; text-decoration: none; }
		#content .content-left ul.right-menu li a:hover { color:#e053de; }
		

#footer { background: url(../../i/footer-bg.png) 0 0 no-repeat; height: 48px; width: 932px; padding: 15px 22px 0; margin-bottom: 25px; position: relative; }
	#footer ul.navigation { position: absolute; top: 21px; left: 25px; list-style-type: none; list-style-position: outside; width:480px; }
	#footer ul.navigation li { float: left; margin-left: 15px; color: white; font-size:.7em; letter-spacing: 1px; font-weight: normal; font-family: "Myriad Pro", verdana, arial, sans-serif; border-left: 1px solid #505050; padding-left: 15px; }
	#footer ul.navigation li a { color:#e053de; font-size: .9em; text-decoration: none; }
	#footer ul.navigation li a:hover { color:#ffa1fe; }
	#footer ul.navigation li.first { border-left: none; padding-left: 0; margin-left: 0; }

	#footer p.copyright { text-align: right; float: right; color:#a7a7a7; font-size: .8em; font-family: "Myriad Pro", verdana, arial, sans-serif; width: 300px; position: relative; top: 4px; }
	#footer p.copyright a { font-weight:bold; color: #a7a7a7; text-decoration: none; }
	#footer p.copyright a:hover { color: #e053de; }
	
img.right {
	float: right;
	margin: 0 0 10px 10px;
}