/* CSS Document */

body {
	margin: 15px 0 30px 0;
	padding: 0;
	background: #030049;
	font: normal 76%/1.3em Verdana, Arial, Helvetica, sans-serif; /* 12px */
	color: #575757;	
}
/*
	target px size / 12px = target ems
	
    * 0.083em	= 1px;
	* 0.25em	= 3px;
    * 0.333em	= 4px;
	* 0.667em	= 8px;
    * 0.833em 	= 10px;
    * 0.92em 	= 11px;
    * 1em 		= 12px;
    * 1.2em 	= 14px;
	* 1.333em 	= 16px;
    * 1.5em 	= 18px;
    * 2em 		= 24px;
	
	(REF - http://f6design.com/journal/2006/07/14/relative-font-sizing-made-easy/)
*/

p {
	font-size: 0.92em;
	margin: 1em 0;
	padding: 0;
}
h1 {
    padding: 0;
	margin: 0;
    text-indent: -5000px;
    display: block;
	width: 300px;
    height: 26px;
	background: transparent url("../img/home_heading.gif") no-repeat 0 0;
}
h2 {
	font-size: 0.92em;
	color: #221f73;
	margin: 1.8em 0 0 0;
	padding: 0;
}
ul {
	list-style-type: square;
}
.proshot { color: #cc0099; }
.digital { color: #621a4b; }
.hide {
	display: none;
}
a {
	color: #221f73;
}
a:hover {
	color: #0099ff;
}
.clearing {
	clear: both;
	height: 0;
}
#wrapper {
/*	width: 960px; */
	width: 900px;
/*	height: 516px; */
	background: #fff;
	margin: 0 auto;
	padding: 20px 30px 15px 30px;
}
#header {
	position: relative; /* enables nav to be positioned at bottom of div */
	height: 75px;
	background: #fff url('../img/dot_x.gif') repeat-x bottom;
	padding-bottom: 15px;
}
#logo {
	float: right;
}
#primary-nav {
	width: 600px;
	position:absolute;
	bottom:0;
	padding-bottom: 15px;
}
#primary-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
#primary-nav li {
	padding: 0;
	margin: 0;
	display: inline;
}
#primary-nav a {
	background: #ddd;
	color: #221f73;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.92em;
	padding: 4px 8px;
}
#primary-nav a:hover {
	background: #221f73;
	color: #fff;
}
#primary-nav a.selected {
	background: #221f73;
	color: #fff;
}
#content {
/*	position: relative;   enables cta-box to be positioned at bottom of div */
}
#left-col {
	float: left;
	width: 480px;
	padding: 25px 20px 0 0;
	background: #fff;
}
div.cta-box-l {
	margin: 7px 0 10px 0;
}
div.cta-box-r {
	float: right;
	margin: 7px 0 10px 4px;
}
#right-col {
	float: right;
	width: 400px;
	height: 400px;
	background: #fff;
}
#hp-gallery-box {
	float: right;
	width: 348px;
	background: #e9e9e9;
	border: 1px solid #ccc;
	margin: 15px 0 0 0;
	padding: 10px;
}
#hp-gallery-box h2 {
	padding: 0;
	margin: 0 0 10px 0;
	margin: 0 0 7px 0;
    text-indent: -5000px;
    display: block;
	width: 112px;
    height: 20px;
	background: transparent url("../img/home/hp_gallery_heading.gif") no-repeat 0 0;
}
#hp-gallery-box img {
	border: 1px solid #030049;
}
a.ctalink {
	float: right;
	font-size: 0.92em;
	font-weight: bold;
	text-decoration: none;
	background: transparent url("../img/cta_arrow.gif") no-repeat right center;
	margin: 5px 0 -5px 0;
	padding-right: 15px;
}
a.ctalink:hover {
	color: #0099ff;
	background: transparent url("../img/cta_arrow2.gif") no-repeat right center;
}
#contactinfo {
	background: #fff url('../img/dot_x.gif') repeat-x top;
	color: #221f73;
	font-weight: bold;
}
#contactinfo p {
	padding: 10px 0 0 0;
	margin: 0;
}
#contactinfo a {
	color: #221f73;
	font-weight: bold;
	text-decoration: none;
}
#contactinfo a:hover {
	color: #0099ff;
}
#legalinfo {
/*	text-align: right; */
	width: 905px;
/*	width: 960px;	*/
	margin: -5px auto;
	margin: 10px auto;
	color: #666699;
	font-size: 0.92em;
}
#legalinfo a {
	color: #666699;
}
#legalinfo a:hover {
	color: #0099ff;
}
#footer a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
#footer a:hover {
	color: #0099ff;
}
a.imgbtn img, a.imgbtn-proshot img {
	border: 1px solid #ccc;
	padding: 0;
	margin: 0 0 0 0; 
/*	margin-bottom: 4px;
	display: block; */
}
a:hover.imgbtn img {
	border: 1px solid #221f73;
}

a:hover.imgbtn-proshot img {
	border: 1px solid #cc0099;
}
form {
	padding: 0;
	margin: 0;
}
input.ti, textarea {
	font-size: 0.92em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #666;
/*	width: 97%; */
	width: 150px;
	padding: 1px;
	margin: 6px 0;
	color: #666;
}
#mailbox {
	width: 230px;
	background: #d9f1fb;
	border: 1px solid #ccc;
	margin: 10px 0 0 0;
	padding: 7px;
}
#mailbox p {
	font-size: 0.8em;
	padding: 0;
	margin: 2px 0 0 0;
}
#mailbox input.ti {
	margin-right: 4px;
}