/*
/		Global CSS Styling 
*/

body {
	font: 62.5% Tahoma, Trebuchet, 'Lucida Grande', Verdana, sans-serif;
	letter-spacing: 10%;
	margin:0;
	padding:0;
	background:url(../images/body-gradient.gif) left top repeat-x;
	color:#343233;
}

a img { border:0; }

ul {
	list-style:none;
	list-style-position:inside;
	margin:0;
	padding:0;
}

ul.bullet {
	font: 100% Verdana, sans-serif;
	list-style:square;
	list-style-position:inside;
	margin:0;
	padding:0;
	color: #027DBF;
}

ul, ol, dl { position: relative; }

h1 {
	font: 100% Helvetica, Tahoma, Trebuchet, 'Lucida Grande', Verdana, sans-serif;
	#width:35em;
	margin:0;
	font-size:280%;
}

#red {
	font: 100% Helvetica, Tahoma, Trebuchet, 'Lucida Grande', Verdana, sans-serif;
	width:35em;
	margin:0;
	font-size:150%;
	color:#800000;
	font-weight:bold;
	padding:15px 0 0 0;
	text-decoration:underline;
}



a { color:#047DC2; }
p { font-size:115%; }
a:hover { color:#48BFF6 }

img.photo {
	display:block;
	border:5px solid #ddd;
	padding:0 0 0 0;
}

p.error {
	color: #9A0036;
}


/******* Main Structure Styles ************/
#heading, h1, #page, #footer {
	padding:10px 35px;
}

#logo {
	float:left;
	padding-top:22px;
}

#heading {
	padding-top:0;
	width:88em;
}

#bullet li {
	font: 200% Helvetica, Tahoma, Trebuchet, 'Lucida Grande', Verdana, sans-serif;
	float:left;
	margin:0 8px;
	padding:0 0 0 4px;
}

#tabs {	
	float:left;
	margin-left:30px;
}

#tabs li {
	float:left;
	margin:0 8px;
	padding:0 0 0 4px;
}

#tabs strong {
	display:block;
	padding-right:4px;
}

#tabs a {
	color:#343233;
	font-size:140%;
	text-transform:uppercase;
	display:block;
	padding:44px 4px 8px 4px;
	font-weight:normal;
	text-decoration:none;
}

#tabs a:hover { color:#999999; }

#selected-tab { background:#221E1F url(../images/tab-selected-left.gif) no-repeat left bottom; }

#selected-tab strong { background:#221E1F url(../images/tab-selected-right.gif) no-repeat right bottom; }

#selected-tab a {
	background:#221E1F url(../images/tab-selected-bg.gif) repeat-x left bottom;
	color:white;
	text-decoration:underline;
}
#page { width:850px; }

#col1, #col2, #col3, #col4, #col5 {
	font:100% arial,helvetica,clean,sans-serif;
	float:left;
	width:31%;
	padding-right:2%;
}

#col4 { 
	width:64%;
}

#col4 p {
	font:13px arial,helvetica,clean,sans-serif;
}

#client-login {
	background:url(../images/client-login-bg.gif) no-repeat;
	margin-top:10px;
	padding:1px 8px;
}

#flash-design {
	margin-left:610px;
	padding-top:12px;
}

#flash-design a {
       color:#111111;
       text-decoration:none;
}
#flash-design em {
       color:#C11D39;
       font-style:normal;
}

#flash-design a:hover { 
	color:#999999; 
}

#footer {
	background: url(../images/footer-bg.gif) repeat-x;
	padding-top:2px;
	margin-top:12px;
}

#footer p {
	font-family:Arial, Verdana, sans-serif;
	float:left;
	font-size:90%;
	font-weight:bold;
	margin-bottom:58px;
}


/* Nasty Hacks */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

