﻿/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title: 		Stylesheet
' Description:		This page contains overall styles for the entire site.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 03/04/2007	: Tony Groves - Created Page
' 03/24/2008	: Tony Groves - Updated for Navigation Changes
' 04/30/2008	: Tony Groves - Updated for MOBILE section.
' 06/21/2008	: Tony Groves - Added Gallery styles.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

* {margin:0;padding:0}
pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 		HTML <tag> REVISIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html 							{}
body 							{background-color:#5C5C5C; font-family: "Verdana", sans-serif; font-size:12px; margin:0; padding:0;}
a 								{}
p 								{font-size:.8em; color:#133768;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Site additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#outerwrap 						{margin-top:0; margin-right:auto; margin-left:auto; width:950px; padding:0 1px; background:#fff; margin-bottom:0;}
.clear 							{clear:both; font-size:1px; line-height:1px; margin:0; padding:0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Header additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header 						{width:950px; margin:0 0 1px 0;}
#header ul						{background-image:url('/imgs/MOBILEnavbg.gif'); background-repeat:no-repeat; text-align:center; margin:0; padding:3px 0 3px 32px; height:32px;}
#header ul li					{list-style-type:none; display:inline; margin:0; padding:0;}
#header ul li img				{display:inline; float:left;}
#header ul li a					{text-decoration:none; color:#fff; margin:0; padding:9px 22px; display:inline; float:left; font-size:1em;}
#header ul li a:hover			{background-image:url('/imgs/MOBILEnavbghover.gif');}
#header ul li a.sptab			{text-decoration:none; color:#fff; margin:0; padding:9px 22px; display:inline; float:left; font-size:1em; background-image:url('/imgs/navbg2.gif'); background-repeat:repeat-x;}
#header ul li a.sptab:hover		{background-image:url('/imgs/navbghover.gif'); background-image:url('/imgs/navbghover2.gif'); background-repeat:repeat-x;}

#header img						{margin:0; padding:0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Main additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#mobilegallery					{position:relative; clear:both; height:320px;}
#mobilegallery img#mainimage	{float:left;}
#mobilegallery ul				{float:right; width:120px; overflow:auto; height:320px; margin:0; padding:0;}
#mobilegallery ul li			{list-style-type:none; margin:13px 0 0 0;}

#mainitems 						{background-image:url('/imgs/MOBILEmainitemsBG.jpg'); width:919px; height:288px; margin:1px 0 0 0; padding:0 16px 0 15px; position:relative; z-index:1;}

#maincolm1 						{width:448px; float:left; margin:60px 0 0 0; text-align:left; line-height:1.2em; display:inline; position:absolute; padding:0;}
#maincolm1 img 					{float:right; margin:0 0 10px 20px;}
#maincolm1 p					{margin:0; padding:0;}

#maincolm2 						{width:443px; position:absolute; display:block; margin:60px 0 0 475px; padding:0; line-height:1.1em;}
#maincolm2 p					{margin:0; padding:0;}
#maincolm2 h2 					{text-align:center; font-size:.8em; color:#133768; font-weight:normal;}
#maincolm2 h3 					{text-align:right; font-size:.8em; color:#133768; font-weight:normal; margin:0 72px 0 0; padding:0;}
#maincolm2 ul 					{font-size:1em; color:#133768; margin:0 0 0 40px; padding:0;}
#maincolm2 ul li 				{padding:0; width:130px; font-size:.8em; list-style-type:disc; margin:0 6em 0 5px; color:#133768; float:left; line-height:1.1em;}
#maincolm2 img 					{float:left; margin:0 10px 2px 0; position:relative;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Footer additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footerimgs 					{background-image:url('/imgs/itemsBG.jpg'); width:950px; height:219px; margin:1px 0}
#footer 						{background-image:url('/imgs/footerBG.jpg'); background-repeat:no-repeat; background-color:#1a2c45; width:950px; padding:15px 0 15px 0; margin:0;}
#footer h5						{text-align:center; margin:8px 0 0 0; padding:0; color:#334b6b; font-weight:normal;}
#footer h6 						{float:left; color:#60607B; font-weight:normal; margin:0 0 0 15px; font-size:.8em;}
#footer h6 a 					{color:#A1A1C6; text-decoration:none;}
#footer h6 a:hover 				{color:#A1A1C6; text-decoration:underline;}
#footer ul 						{float:right; margin:0 10px 0 0; padding:0;}
#footer ul li 					{display:inline; margin:0 4px; font-size:.8em;}
#footer ul li a 				{color:#A1A1C6; text-decoration:none;}	
#footer ul li a:hover 			{color:#A1A1C6; text-decoration:underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
				Photo Gallery additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#box							{position:absolute; width:950px; height:320px;}
#box span						{display:block;}
#handles						{float:right;}

.mask							{position:absolute;	width:829px; height:320px; overflow:hidden;}

.thumbs							{width:120px;}
.thumbs div						{display:block; width:120px; height:46px; margin:6px 0 0 0; cursor:pointer;}
.thumbs div img					{display:block; width:100%; height:100%; border:none;}

.info							{width:829px; height:50px; background:#000; position:absolute; display:none;}
.info p, .info h4				{color:#fff; padding:3px 8px; font-family:Arial;}
.info h4						{font-size:14px;}
.info h4 a						{float:right; background:#fff; color:#000; font-size:10px; padding:0 3px; text-decoration:none;}

span img						{display:block; border:none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					End Styles
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */   
