/* page structure styles */

@charset "UTF-8";
body  {
	font: Arial, Helvetica, sans-serif;
	background: #e9eff1;
	text-align: center;
	color: #547788;
	margin-top: 50px;
}

#container { 
	width: 757px;
	margin: 0 auto;
	text-align: left;
}
 
#page_1 #container { 
	background: #FFFFFF url(../images/main_bg_1.png) no-repeat bottom left;
}
#page_2 #container { 
	background: #FFFFFF url(../images/main_bg_2.png) no-repeat bottom left;
}
#page_3 #container { 
	background: #FFFFFF url(../images/main_bg_3.png) no-repeat bottom left;
}
#page_4 #container { 
	background: #FFFFFF url(../images/main_bg_4.png) no-repeat bottom left;
}
#page_5 #container { 
	background: #FFFFFF url(../images/main_bg_5.png) no-repeat bottom left;
}
#page_6 #container { 
	background: #FFFFFF url(../images/main_bg_6.png) no-repeat bottom left;
}
 
#sidebar1 {
	float: left;
	width: 183px;
	background: #FFFFFF url(../images/bg_left_vert_tile.png) repeat-y top left;
}
#sidebar2 {
	float: right;
	width: 261px;
	padding-top: 18px;
	background: #e9eff1;
	margin-bottom: 20px;
}
#mainContent {
	margin: 0 261px 0 199px;
	padding: 0 10px 30px 0;
	background: url(../images/bg_header_tile.png) repeat-x top left;
} 
#footer { 
	width: 757px;
	margin: 0 auto;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* stlyin' */

h1 {
	width: 199px;
	height: 106px;
	background: url(../images/logo.png) no-repeat top left;
	text-indent: -5000px;
}

h2 {
	text-indent: -5000px;
	background: url(../images/the_global_pr_network.png) no-repeat bottom left;
	width: 282px;
	height: 102px;
}

#mainContent h3 {
	text-indent: -5000px;
	margin-top: 17px;
}

#page_1 #mainContent h3 {
	background: url(../images/headline_01_who_are_they.png) no-repeat top left;
	height: 26px;
	width: 195px;
}

#page_2 #mainContent h3 {
	background: url(../images/headline_02_what_do_they.png) no-repeat top left;
	height: 26px;
	width: 242px;
}

#page_3 #mainContent h3 {
	background: url(../images/headline_03_where_do_they.png) no-repeat top left;
	height: 57px;
	width: 200px;
}

#page_4 #mainContent h3 {
	background: url(../images/headline_04_what_makes_them.png) no-repeat top left;
	height: 57px;
	width: 242px;
}

#page_5 #mainContent h3 {
	background: url(../images/headline_05_who_do_they.png) no-repeat top left;
	height: 57px;
	width: 245px;
}

#page_6 #mainContent h3 {
	background: url(../images/headline_06_who_can_i.png) no-repeat top left;
	height: 26px;
	width: 278px;
}

h4 {
	font-size: 110%;
	font-weight: bold;
}

p {
	margin-top: 17px;
	font-size: 85%;
	line-height: 140%;
}

strong {
	font-weight: bold;
	line-height: 140%;
}

a {
	color: #560b28;
}


/* nav */

ul#nav {
	margin: 2px 16px 0 6px;
}

ul#nav li a {
	display: block;
	width: 177px;
	height: 22px;
	text-indent: -5000px;
	background: url(../images/menu-final.png) no-repeat 0 0;
}

ul#nav li#n1_who_are_they a{
	background-position: 0 0;
}

#page_1 ul#nav li#n1_who_are_they a,
ul#nav li#n1_who_are_they a:hover {
	background-position: -177px 0;
}

ul#nav li#n2_what_do_they a{
	background-position: 0 -22px;
}

#page_2 ul#nav li#n2_what_do_they a,
ul#nav li#n2_what_do_they a:hover {
	background-position: -177px -22px;
}

ul#nav li#n3_where_do_they a{
	background-position: 0 -44px;
}

#page_3 ul#nav li#n3_where_do_they a,
ul#nav li#n3_where_do_they a:hover {
	background-position: -177px -44px;
}

ul#nav li#n4_what_makes_them a{
	background-position: 0 -66px;
}

#page_4 ul#nav li#n4_what_makes_them a,
ul#nav li#n4_what_makes_them a:hover {
	background-position: -177px -66px;
}

ul#nav li#n5_who_do_they a{
	background-position: 0 -88px;
}

#page_5 ul#nav li#n5_who_do_they a,
ul#nav li#n5_who_do_they a:hover {
	background-position: -177px -88px;
}

ul#nav li#n6_who_can_i a{
	background-position: 0 -110px;
}

#page_6 ul#nav li#n6_who_can_i a,
ul#nav li#n6_who_can_i a:hover {
	background-position: -177px -110px;
}


/* left col red footer thing */

div#left_col_footer {
	margin-bottom: -3px;
}

table#left_col_footer h3 {
	text-indent: -5000px;
	background: url(../images/left_col_map_quote1.png) no-repeat bottom left;
	width: 183px;
	height: 218px;
}



/* persons */

table#people img {
	margin: 20px 10px 0 0;
}

ul.person  {
	margin-top: 20px;
}

ul.person  li{
	margin-bottom: 5px;
}





/* footer */

#footer a#read_more {
	background: url(../images/footer_read_more.png) no-repeat top left;
	width: 584px;
	height: 51px;
	text-indent: -5000px;
	display: block;
	float: left;
}

#footer a#download_research {
	background: url(../images/footer_download_research.png) no-repeat top left;
	width: 584px;
	height: 51px;
	text-indent: -5000px;
	display: block;
	float: left;
}

#footer a#who_ion_works_with {
	background: url(../images/footer_who_ion_works_with.png) no-repeat top left;
	width: 584px;
	height: 51px;
	text-indent: -5000px;
	display: block;
	float: left;
}

#footer a#contact_us {
	background: url(../images/footer_contact_us.png) no-repeat top left;
	width: 173px;
	height: 51px;
	text-indent: -5000px;
	display: block;
	float: left;
}