/* Set these before any CSS */
* {
	margin: 0;
	padding: 0;
}

a:link, a:visited, a:hover, a:active {
	color: black;
}

a {
	text-decoration: none;
}

h1, h2, h3, h4, p, ul, ol {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

body {
	background: #fff url(images/outer_wrapper_bg.gif) repeat-y top;
	font: 62.7% Georgia, "Times New Roman", Times, serif;
	text-align: center; /* for IE */
}

/* Wrapper */
#wrapper {
	width: 962px;
	margin: 0px auto 0px auto;
	text-align: left; /* for IE */
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	background: #fff;
	min-height: 900px;
}

/* Banner */
#banner {
	background: #fff url(images/banner_bg.gif) repeat-x left top;
	position: relative; /* p351 */
	height: 208px;
	width: 100%;
}

#banner p {
	color: #fff;
}

#banner img.saffron_logo {
	position: absolute;
	width: 206px;
	border: none;
	left: 8px; /* Previously -56px */
	top: 35px;
}

/* Corner Text */
#corner_flash {
}

#corner_flash img {
	position: absolute;
	border: none;
	left: 662px;
	top: 35px;
}

#corner_flash p {
	position: absolute;
	left: 690px;
	top: 52px;
	font-size: 1.3em;
	letter-spacing: .2px;
	line-height: 130%;
	width: 272px;
}

#corner_flash a {
	color: #fff;
	border-bottom: 1px dashed #fff;
	padding-bottom: 2px;
}

#corner_flash a:hover {
	color: #C60023;
	border-bottom: 1px dashed #F9B700;
	padding-bottom: 2px;
}

/* Main Navigation */
.nav {
	float: left;
	width: 210px;
}

ul.mainNav {
	list-style: none;
}

.mainNav li {
	width: 15em;
}

.mainNav a {
	color: #333;
	font-size: 1.3em;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px dashed #999;
	padding: 10px 30px 12px 30px;
	display: block;
	background-color: #fff;
	background-image: url(images/nav_circle.gif);
	background-repeat:	no-repeat;
	background-position: right -24px;
	text-align: right;
}

.mainNav a:hover {
	background-position: right 8px;
	color: #666;
}

/* Content */
#container { /* p155,358 */
	background: #fff;
}

html {
	height: 100%; /* Firefox p178 */
}	

/* MAIN */
.content {
	float: left;
	width: 568px;
}

.content h2 {
	color: #333;
	font-size: 3.5em;
	line-height: 110%;
	margin-bottom: 10px;
}

.content b {
	color:#cc0033;
}

.content i {
}

.content p {
	color: #333;
	font-size: 1.5em;
	line-height: 150%;
	margin-top: 10px;
}

.content a {
	color: #333;
	text-decoration: none;
	padding-bottom: .5px;
	border-bottom: 1px dashed #333;
}

.content a:hover {
	color: #C60023;
	border-bottom: 1px dashed #F9B700;
}

.social {
	float: right;
}

.social ul {
	list-style: none;
}

.social li { 
	margin: 5px 25px 0px 0px;
}	

.social li img.twitter {
	margin-top: -5px;
}

.social li img.linkedin {
	margin-top: -10px;
}

.social li img.wordpress {
	margin-top: -10px;
}

.vignettes {
	clear: both;
	margin-left: 60px;
}

.vignettes ul { /* p241 */
	list-style: none;
}

.vignettes li { 
	float: left;	
	margin-top: 40px;
}	

.vignettes li img {
	width: 104px;
	margin-right: 30px;
	border: 8px solid #ccc;
}

span.arrow {
	background-image: url(images/pop_up_icon.gif);
	width: 14px;
}

span.red {
	color: #C60023;
}

span.grey {
	color: #333;
}

span.bold {
	font-weight: bold;
}

.spacer {
	clear: both;
	height: 45px;
	width: 100%;
}

.logo_spacer {
	clear: both;
	height: 170px;
	width: 100%;
}

.logo_spacer img.saffron_logo {
	float: left;
	width: 206px;
	border: none;
	margin-left: 8px; /* previously -56px */
}

.iso {
	float: right;
}

.iso img {
	margin: 200px 20px 0px 0px;
	width: 150px;
}

/* Clients */
#lists {
	font-size: 1.5em;
	clear: both;
	margin-left: 210px;
}

#lists dl {
	float: left;
	margin-top: 10px;
	margin-right: 3px;
}

#lists dt, dd {
	padding: 5px 5px 5px 0px;
}

#lists dt {
	margin-bottom: 6px;
}

#lists dd {
	width: 166px;
}

#lists dt a {
	border-bottom: none;
}

#lists dt a:hover {
	color: #C60023;
	border-bottom: none;
}

#lists dd a {
	border-bottom: none;
}

#lists dd a:hover {
	border-bottom: none;
	color: #C60023;
}

#lists dd a.popup {
	background: url(images/pop_up_icon_3.gif) no-repeat; 
	background-position: right 1px;
}

#lists dd a.popup:hover {
	background-position: right -28px;
}

/* Services */
#services {
	font-size: 1.5em;
	clear: both;
	margin-left: 210px;
}

#services dl {
	float: left;
	margin-top: 10px;
	margin-right: 3px;
}

#services dt, dd {
	padding: 5px 5px 5px 0px;
}

#services dt {
	margin-bottom: 6px;
}

#services dd {
	width: 166px;
}

/* Address */
#address {
	float: left;
	margin-top: 12px;
	width: 316px;
}

#address ul {
	color: #333;
	list-style: none;
}

#address li { /* p241 */
	font-size: 1.5em;
	margin-bottom: 10px;
	line-height: 150%;
}	

#address li a{
}

#address li a:hover {
	color: #C60023;
}

#address h2 {
	color: #333;
	font-size: 3.5em;
	line-height: 110%;
	margin-bottom: 18px;
}

/* Disclaimers */
#base {
	clear: both;
	background: #c3c8cd;
	height: 70px;
}

ul#base_logos {
	list-style: none;
	margin-left: 210px;
	margin-top: 140px;
}

#base_logos li {
	float: left;
}

#base_logos li.iso2 {
	margin-top: 4px;
}

#base_logos li.xhtml {
	margin: 20px 0px 0px 324px;
}

#base_logos li.css2 {
	margin: 20px 0px 0px 20px;
}

#copyright {
	clear: both;
	padding: 6px 0px 7px 212px;
	background: #666;
}

#copyright p{
	color: #fff;
}

.clear_both {
	clear: both;
}