body {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	letter-spacing: -0.01em;
	line-height: 14px;
	background: url(assets/coimages/bg_body.png) repeat-x 0 28px #000;
}

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/coimages/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/coimages/page/maxmin.gif);width: 22px;height: 11px;background-position: top left;}

.home .story .intro strong 			{text-indent: -3000px;background-image:url(assets/coimages/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: #808080;}
.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/coimages/colororbbanner.png) center 20px repeat-x;}

#tabs 								{height:20px;padding-top: 2px;background: repeat-x url(assets/coimages/bgTab.png) #DDD4E6;background-position: bottom;width:100%;margin:auto;}
#tabs ul 							{width:720px;list-style: none;overflow:hidden;margin:auto;padding-left:10px;}
#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;}
#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;height:110px;;margin:auto;}
#banner h1 a						{display: block;float: left;width: 133px;height:75px;background: no-repeat url(assets/coimages/logo.png);text-indent: -1000px;margin:17px 0 0 15px;}
/*#banner .contactdetails				{width:220px;height:60px;position:absolute;left:550px;top:15px;background:url(assets/coimages/colorlord_contacts.png) 0 -60px;}
#banner .contactdetails:hover		{background:url(assets/coimages/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:740px;margin:0 auto 0 auto;padding:125px 0 0 0;top: 0px;min-height:600px;height: 90% !important;background:#000;}
#content 							{background-color:#000;padding:5px 20px 20px 20px;}
#longtitle							{color:#fff;font-size:18px;width:140px;height:40px;line-height:40px;text-indent:10px;background:url(assets/coimages/bg_longtitle.png);margin:10px 0 0 0;position:relative;}
/*#longtitle span						{position:absolute;top:0;left:0;background:url(assets/coimages/bg_longtitle_grad.png);display:block;width:100%;height:40px;}*/

#footerWrapper						{height: 20px;padding-top: 2px;background: repeat-x url(assets/coimages/bgTab.png) #DDD4E6;background-position: bottom;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 100;}
#footer								{width:740px;margin:auto;}
#footer .login						{display: inline;text-indent: -1000px;}
#footer .login a					{display: block;width: 140px;height: 20px;background: no-repeat url(assets/coimages/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/coimages/loggedinTab.png);}

.intro								{float:left;background:url(assets/coimages/bg_intro.png) no-repeat;width:676px;margin:8px 0 0 0;padding:10px 12px 0 12px;position:relative;margin-bottom:20px;}
.introend							{background:url(assets/coimages/bg_intro.png) no-repeat -700px 0px;width:700px;height:10px;display:block;position:relative;bottom:-10px;left:-12px;float:left;}

.intro								{color:#fff;}
.intro .highlight					{font-weight:bold;font-size:14px;}
.intro .content						{float:left;width:375px;}
.intro p							{margin-bottom:15px;}
.intro .image						{float:right;width:299px;margin-top:-22px;}

.home .intro h2						{display:block;text-align:center;color:#ffca05;font-size:18px;font-weight:bold;margin-bottom:15px;}
.home .intro p						{}

.footcontact						{float:left;width:700px;}
.footcontact .contact				{float:left;background:#333349;width:325px;padding:10px;color:#b3b3b3;}
.footcontact .copyright				{float:left;margin-left:10px;width:325px;background:#1a1a1a;padding:10px;color:#808080;font-size:10px;}

.footcontact .contact strong		{font-weight:normal;}
.footcontact p						{margin:0;}

/***************************
     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;}