/* colour scheme bright: purple=d200ff, grey=505050, light purple=FAE5FF */
/* colour scheme darker: purple=9325b2, grey=505050, light purple=f4e8f8 */
HTML				{overflow-y:scroll}
BODY				{margin:0; padding:0; font-size:100%; background-color:#f7f7f7}
TD,P				{font-family:Arial,Helvetica,Sans-Serif; font-size:12px; color:#505050}
P					{margin:10px 0; line-height:120%}
H1					{font-size:18px; font-weight:normal; margin:5px 0; color:#9325b2}
H2					{font-size:15px; font-weight:bold; margin:15px 0 5px 0; color:#9325b2}
H3					{font-size:13px; font-weight:bold; margin:15px 0 0 0; color:#9325b2}
H4					{font-size:12px; font-weight:bold; margin:5px 0 10px 0; color:#505050}
H5					{font-size:14px; font-weight:bold; margin:2px 0; color:#505050}
A					{color:#9325b2; text-decoration:underline}
A:hover				{color:black; text-decoration:none}
A[name]				{color:#505050; text-decoration:none}

INPUT,SELECT,TEXTAREA	{font-family:Arial,Helvetica,Sans-Serif; font-size:12px}
FORM				{margin:0; padding:0}
UL					{list-style-position:outside; list-style-type:square; margin-left:15px; padding-left:0}
OL					{list-style-position:outside; list-style-type:decimal; margin-left:25px; padding-left:0}
UL LI 				{padding-bottom:5px}
OL LI 				{padding-bottom:5px}
SUP					{font-size:7px}

/* Template */
.Template			{margin-bottom:10px; background:#f7f7f7 url(../Images/bg4.gif) no-repeat -24px top}
.Logo .Left			{padding-bottom:30px}
.SubHeader .Right	{border-left:1px solid #B0B0B0}
.Header .Middle		{padding:5px 5px 0 0; border-top:1px solid #B0B0B0}
.Header .Middle .NavItem	{position:relative; left:0}
.Header .Middle .NavItem .Label	{position:absolute; top:-4px; height:22px; line-height:23px; text-align:left; left:-10px; text-indent:10px; color:black; display:none; filter:blendTrans(duration=0.25); z-index:160}
.Header .Right		{border-top:1px solid #B0B0B0; border-left:1px solid #B0B0B0}
.Body .Left			{border-right:1px solid #B0B0B0}
.Body .SideNav		{padding-top:29px}
.Body .Middle		{padding-right:5px; padding-bottom:10px}
.Body .Right		{border-left:1px solid #B0B0B0}
.SubFooter .Left	{border-bottom:1px solid #B0B0B0; border-right:1px solid #B0B0B0}
.SubFooter .Photos	{border-bottom:1px solid #B0B0B0; padding:50px 5px 5px 5px}
.SubFooter .Contact P {font-size:125%; line-height:110%}
.SubFooter .Contact P.Mobile {font-size:90%; margin-bottom:0}
.Footer .Left		{border-right:1px solid #B0B0B0}
.Footer .Middle		{padding:5px 0 0 5px}
.Footer .Middle P	{margin:0}
.Footer .Middle P.Company {margin-top:5px; font-size:75%}

/* Panels */
.Panel				{position:absolute; top:17px; width:478px; height:330px; text-align:left; padding:4px 25px 10px 25px; display:none; background:transparent url(../Images/Panels/panel.gif) no-repeat; filter:blendTrans(duration=0.25); z-index:150}
.Panel .MainImg		{margin:30px 0 10px 0}
.Panel .Footer		{float:right; text-align:right; border-top:1px solid #B0B0B0; width:390px; padding-top:5px}
.Panel H2			{margin-top:55px}
#HostingPanel			{left:-76px}
#HostingPanel .Footer	{margin-top:15px}
#HostingLabel 			{width:60px; background:transparent url(../Images/Panels/hostingTab.gif)}
#WebDevelopmentPanel	{left:-133px}
#WebDevelopmentPanel H2	{margin-top:55px}
#WebDevelopmentPanel .MainImg {margin:45px 0 10px 10px}
#WebDevelopmentPanel .Footer {margin-top:15px; width:440px}
#WebDevelopmentLabel 	{width:116px; background:transparent url(../Images/Panels/webdevTab.gif)}
#MarketingPanel			{left:-246px}
#MarketingPanel H2		{margin-top:40px}
#MarketingPanel .Footer {margin-top:5px}
#MarketingLabel 		{width:74px; background:transparent url(../Images/Panels/marketingTab.gif)}
#LatestNewsPanel		{left:-317px}
#LatestNewsPanel H2		{margin-top:45px}
#LatestNewsPanel .Footer {margin-top:15px}
#LatestNewsLabel 		{width:82px; background:transparent url(../Images/Panels/newsTab.gif)}
#AboutUsPanel			{left:-396px}
#AboutUsPanel H2		{margin-top:50px}
#AboutUsPanel .MainImg	{margin:30px 0 0 20px}
#AboutUsPanel .Footer 	{margin-top:5px}
#AboutUsLabel 			{width:69px; background:transparent url(../Images/Panels/aboutTab.gif)}
#ContactUsPanel			{left:-460px}
#ContactUsPanel H2		{margin-top:20px}
#ContactUsPanel .MainImg	{margin:30px 0 0 0}
#ContactUsPanel .Footer {margin-top:15px}
#ContactUsLabel 		{width:78px; height:40px; background:transparent url(../Images/Panels/contactTab.gif)}


/* Other */
.FeatureTable		{text-align:left; margin:10px 0}
.FeatureTable TD	{padding:3px 6px}
.FeatureTable .RowHead TD {background:transparent url(../Images/RowHead.png); font-style:italic}
.FeatureTable .RowOdd {background:transparent url(../Images/RowOdd.png)}
.FeatureTable .RowEven {background:transparent url(../Images/RowEven.png)}
.FeatureTable .RowNote {background-color:#AAAAAA; color:white}
.FeatureTable .RowNote TD {color:white}
.ColouredTable		{background:transparent url(../Images/RowEven.png)}
.GreyTable			{background:transparent url(../Images/RowOdd.png)}
.Note				{font-size:9px}
.NoteLrg			{font-size:10px}
.NoBold				{font-weight:normal}
.PseudoLink			{color:#9325b2; text-decoration:none}
H1 .Note			{color:#505050; font-weight:normal; font-size:12px}