/* CSS Document */

body {
	margin: 15px 0 30px 0;
	padding: 0;
	background: #621a4b;
/*	font: normal 76%/1.2em Tahoma, Verdana, Arial, Helvetica, sans-serif; */ /* 12px */
	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.9em;
	margin: 1em 0;
	padding: 0;
}
h1 {
    padding: 0;
	margin: 0;
    text-indent: -5000px;
    display: block;
	width: 319px;
    height: 64px;
	background: transparent url("../i/home_heading.gif") no-repeat 0 0;
}
h2 {
	font-size: 0.9em;
	color: #621a4b;
	margin: 1.8em 0 0 0;
	padding: 0;
}
ul {
	list-style-type: square;
}
.proshot { color: #cc0099; }
.digital { color: #621a4b; }
a {
	color: #621a4b;
}
a:hover {
	color: #cc0099;
}


.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('../i/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 4px 0 0;
	display: block;
	float: left;
}
#primary-nav a {
	display: block;
	background: #ddd;
	color: #621a4b;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
	padding: 2px 8px;
}
#primary-nav a:hover {
	background: #621a4b;
	color: #fff;
}
#primary-nav a.selected {
	background: #621a4b;
	color: #fff;
}
#content {
/*	position: relative;   enables cta-box to be positioned at bottom of div */
}
#left-col {
	float: left;
/*	width: 430px; */
	width: 400px;
/*	padding: 25px 50px 0 0; */
	padding: 25px 20px 0 0;
	background: #fff;
}
#cta-box {
/*	position:absolute; 
	bottom:0; */
	margin: 30px 0 10px 0;
}
#right-col {
	float: right;
	width: 480px;
/*	height: 400px; */
	height: 490px;
	background: #fff;
}
body#homepage #right-col {
	padding-top: 30px;
	height: 460px;
}
#contactinfo {
	background: #fff url('../i/dot_x.gif') repeat-x top;
	color: #621a4b;
	font-weight: bold;
}
#contactinfo p {
	padding: 10px 0 0 0;
	margin: 0;
}
#contactinfo a {
	color: #621a4b;
	font-weight: bold;
	text-decoration: none;
}
#contactinfo a:hover {
	color: #cc0099;
}
#contactinfo a.twitterLink {
	padding: 0 22px 3px 0;
	background: transparent url("../i/t_mini-a.gif") no-repeat right top;
}
#footer {
/*	width: 960px; */
	width: 900px;
	margin: 0 auto;
	color: #fff;
	padding: 0 60px;
}
#footer a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
#footer a:hover {
	color: #cc0099;
}
.legal {
	color: #e0d1db;
	font-size: 0.667em;
	margin: 20px 0 0 0;
}
a.imgbtn img {
	border: 1px solid #ccc;
	padding: 0;
	margin: 0;
}
a:hover.imgbtn img {
	border: 1px solid #621a4b;
}
#mailbox {
	width: 164px;
	background: #f7dbed;
	border: 1px solid #ccc;
	margin: 10px 0 0 0;
	padding: 7px;
}
#mailbox p {
	font-size: 0.8em;
	padding: 0;
	margin: 4px 0 0 0;
}
form {
	padding: 0;
	margin: 0;
}
input.ti, textarea {
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #666;
	width: 97%;
	padding: 1px;
	margin: 6px 0;
	color: #666;
}

ul.listnav {
	list-style: none;
	font-size: 0.9em;
	color: #621a4b;
	margin: 0;
	padding: 0;
	width: 250px;
}
ul.listnav a {
	text-decoration: none;
	background: transparent url(../i/link_arrow.gif) left center no-repeat;
	display: block;
	padding-left: 10px;
	border: 0;
	margin: 0;
	height: 1.5em;
	line-height: 1.5em;
}
ul.listnav a:hover {
	text-decoration: underline;
}
ul.listnav li.current a {
	font-weight: bold;
}
ul.listnav li.current a:hover {
	text-decoration: none;
	color: #621a4b;
}

#sidebox {
/* inner upositioned div required to get links working above transparent png in ie6 !!!! */
/* more info here... http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/ */
	behavior: url(c/iepngfix.htc); /* png transparency fix for ie6 */
	background: transparent url("../i/white_bg.png") no-repeat 0 0;
	width: 408px;
	min-height: 308px;
	border: 1px solid #666;
	padding: 15px 20px 20px 20px;
	margin: 25px 20px 0 0;
}
#sidebox h2 {
	font-size: 1em;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	background: transparent url('../i/dot_x.gif') repeat-x bottom;
}
#sidebox h3 {
	font-size: 0.9em;
	padding: 0;
	margin: 0;
}
#sidebox ul {
	font-size: 0.9em;
	padding: 0;
/*	margin: 0; */
	margin: 0 0 0 15px;
	line-height: 1em;
}
#sidebox li {
	margin: 6px 0;
	padding: 0;
	list-style-position: outside;
}
#sidebox p.last {
	margin-bottom: 0;
}