body, html	{width:100%;height:100%;}

body {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	letter-spacing: -0.01em;
	line-height: 14px;
	background-repeat: no-repeat;
	background-position: 50px 0px;
	background: #b298c6;
	background-image: url(assets/images/backgrounds/briancleggbg.gif);
}

a					{text-decoration: none;color: #00ADEE;}
a:hover				{text-decoration: none;color: #B3B3B3;}
p 					{margin-bottom: 3px;}
p + h5, ul + h5 	{margin-top:10px;}
h3 					{
font-size: 18px;
color: #542784;
background: url(assets/images/slightGreyHeader.jpg);
background-color: #F0F0F2;
background-repeat: repeat-x;
padding: 8px 10px 8px 10px;
margin-bottom: 10px;
}
h4									{color: #FFF;padding: 5px 10px;font-size: 10px;line-height: 10px;text-transform: uppercase;}
h5 									{font-size: 11px;color: #542784;border-bottom:1px dotted #8B9298;padding-bottom:3px;margin-bottom:5px;text-transform:uppercase;}
.clear								{height: 1px;font-size: 1px;clear:both;}
.pageend							{clear: both;height: 50px;background-color: #FFF;}
h5 .little							{font-size: 8px;font-weight: normal;}
.collapse							{padding-bottom: 10px;}
span.little							{display: block;float: left;background-image:url(assets/images/page/maxmin.gif);width: 22px;height: 11px;background-position: top left;}

.home .story .intro strong 			{text-indent: -3000px;background-image:url(assets/images/colorlord/colorlordHomeIntro.gif);width: 377px;height: 18px;display: inline-block;}
.home .story p						{font-size: 12px;line-height: 16px;}
.home .story p small				{font-size: 10px;}
.home .story strong 				{color: #542784;}
.home .story p.image 				{padding-left: 0;margin-bottom: 30px;}


#header								{position:fixed;top:0;left:0;width: 100%;z-index: 1000;background: url(assets/images/colorlordBanner.png) center 20px repeat-x;height:133px;}

/* tabs */
#tabs 								{height:20px;padding-top: 2px;background: repeat-x url(assets/images/bgTab.png) #DDD4E6;background-position: bottom;position: fixed;top:0px;left:0;width: 100%;z-index: 1000;}
#tabs ul 							{width:720px;list-style: none;margin:0 auto 0 auto;}
#tabs ul li							{display:inline;width:140px;}
#tabs ul li a						{float:left;margin-right:20px;display:block;width:140px;height:20px;text-indent:-1000px;overflow:hidden;}
#tabs ul li.colorlord a:hover,
#tabs ul li.brianclegg a:hover,
#tabs ul li.ronaldbritton a:hover,
#tabs ul li.colororb a:hover		{background-position:0 -20px;}
#tabs ul li.colorlord.active a,
#tabs ul li.brianclegg.active a,
#tabs ul li.ronaldbritton.active a,
#tabs ul li.colororb.active a		{background-position: 0 -40px;}
#tabs ul li.colorlord a				{background: no-repeat url(assets/images/colorlordTab.png);}
#tabs ul li.brianclegg a			{background: no-repeat url(assets/images/brianCleggTab.png);}
#tabs ul li.ronaldbritton a			{background: no-repeat url(assets/images/ronaldBrittonTab.png);}
#tabs ul li.colororb a				{background: no-repeat url(assets/images/colorOrbTab.png);}

#banner								{width:720px;margin:auto;height: 113px;display:block;}
#banner h1 a						{display: block;float: left;width:142px;height: 72px;background: no-repeat url(assets/images/colorlordLogo.png);text-indent: -1000px;margin-top:30px;margin-left: 20px;}
#banner .contactdetails				{float:right;width:220px;height:60px;margin:35px 125px 0 0;top:15px;background:url(assets/images/colorlord_contacts.png) 0 -60px;}
/*#banner .contactdetails:hover		{background:url(assets/images/colorlord_contacts.png) 0 0;}*/
#banner .contactdetails .telephone	{text-indent:-9999px;overflow:hidden;}
#banner .contactdetails .email span {text-indent:-9999px;overflow:hidden;display:block;}
#banner .contactdetails .email a	{text-indent:-9999px;overflow:hidden;display:block;width:155px;height:17px;margin:2px 0 0 58px;}

#wrapper 							{width:720px;margin:auto;padding:0 4px 0 4px;top: 0px;min-height:600px;min-height:100%;background:url(assets/images/colorlord_wrapperbg.png) repeat-y;}
#content 							{background-color: #f2f2f2;height:100%;position:relative;}

#footerWrapper						{height:20px;padding-top: 2px;background: repeat-x url(assets/images/bgTab.png) #DDD4E6;background-position: bottom;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 100;}
#footer								{width:720px;margin:auto;}
#footer .login						{display: inline;text-indent: -1000px;}
#footer .login a					{display: block;width: 140px;height: 20px;background: no-repeat url(assets/images/loginTab.png);}
#footer .login a:hover				{background-position: 0 -20px;}
#footer .loggedin					{display:inline;text-indent: -1000px;}
#footer .loggedin a					{display:block;width: 140px;height: 20px;background: no-repeat url(assets/images/loggedinTab.png);}

#footer .login						{display: inline;text-indent: -1000px;}
#footer .login a					{display: block;width: 140px;height: 20px;background: no-repeat url(assets/images/loginTab.png);}
#footer .login a:hover				{background-position: 0 -20px;}

#footer .register					{display: inline;text-indent: -1000px;}
#footer .register a					{display: block;width: 140px;height: 20px;background: no-repeat url(assets/images/btn_register.png);}
#footer .register a:hover			{background-position: 0 -20px;}


#longtitle							{float:left;background:url(assets/images/colorlordWelcomeTab.jpg) no-repeat;width:220px;height:60px;margin:110px 0 0 10px;float:left;display:block;}
.home .intro						{width:700px;height:220px;padding:0 10px 15px 10px;;margin-top:10px;background:url(assets/images/colorlord_welcomebg.jpg) no-repeat 10px top #fff;color:#fff;font-size:12px;float:left;}
.home .intro h2						{display:block;text-align:center;color:#ffca05;font-size:18px;font-weight:bold;margin-bottom:15px;}
.home .intro p						{width:370px;margin:10px auto 10px 320px;}
.home .intro .welcomemessage		{font-size:18px;color:#ffca05;font-weight:bold;margin-top:20px;}

.bchome .curlang					{clear:none;float:right;padding:0;margin:-25px 255px 0 0;display:block;width:21px;height:24px;background:url(assets/images/trans_icons.png);text-indent:-9999px;overflow:hidden;}
.bchome.bienvenue .curlang			{background-position:left top;}
.bchome.willkommen .curlang			{background-position:right top;}

.home .logodescriptors									{background:#fff;width:720px;float:left;padding-bottom:30px;}
.home .logodescriptors .langselect						{background:url(assets/images/trans_selectbg.gif) no-repeat;height:30px;margin-left:80px;overflow:hidden;}
.home .logodescriptors .langselect a					{display:block;width:21px;height:24px;background:url(assets/images/trans_icons.png);text-indent:-9999px;overflow:hidden;float:left;margin-top:3px;}
* html .home .logodescriptors .langselect a				{background:url(assets/images/trans_icons.gif);}

.home .logodescriptors .langselect .french				{background-position:left top;margin-left:15px;}
.home .logodescriptors .langselect .german				{background-position:right top;margin-left:8px;}
.home .logodescriptors .langselect .french:hover		{background-position:left bottom;}
.home .logodescriptors .langselect .german:hover		{background-position:right bottom;}

.home .logodescriptors a.site							{display:block;width:220px;height:58px;padding-top:163px;float:left;background:url(assets/images/colorlord_logodescriptors.jpg);color:#4d4d4d;font-size:11px;text-align:center;}
.home .logodescriptors .brianclegg a.site				{margin-left:10px;background-position:0 0;}
.home .logodescriptors .ronaldbritton a.site			{margin-left:20px;background-position:-220px 0;}
.home .logodescriptors .colororb a.site					{margin-left:20px;background-position:-440px 0;}

.home .logodescriptors .brianclegg a.site:hover			{margin-left:10px;background-position:0 -221px;}
.home .logodescriptors .ronaldbritton a.site:hover		{margin-left:20px;background-position:-220px -221px;}
.home .logodescriptors .colororb a.sute:hover			{margin-left:20px;background-position:-440px -221px;}

.footcontact						{background:url(assets/images/colorlord_footerbg.gif) 0 0 repeat-x #f2f2f2;float:left;width:720px;padding:20px 0 30px 0;text-align:center;color:#666;}
.footcontact p						{margin:0;}
.footcontact .copyright				{margin-top:15px;}

/***************************
     MODAL POPUP
***************************/
.jqmWindow															{display: none;position: fixed;top: 17%;left: 50%;margin-left: -300px;width: 600px;background-color: #EEE;color: #333;border: 1px solid black;padding: 12px;}
.jqmClose															{position:absolute;top:5px;right:5px;}
.jqmOverlay															{background-color: #000;}
.jqmregister														{margin-top:5px;padding-top:5px;border-top:1px solid #ccc;}
.jqmregister a														{font-weight:bold;}
* iframe.jqm														{position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
* html .jqmWindow													{position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}


* html #tabs,
* html #banner	{position:absolute;}