@charset "UTF-8";
/* CSS Document */


/* global styling */

body {
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #555555;
	background-color: #7E98B4;
	letter-spacing: 3px;
	/* setting to over ride browser defaults and for old browsers */
	text-align: center;
	margin: 0px;
	padding: 0px;
}




/*heading styles */

h1{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #999999;
	letter-spacing: 3px;
}


h2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #F4730a;
	letter-spacing: 3px;
}

h3{
	margin-top: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #333333;
	letter-spacing: 3px;
	
}

h4{
	margin-top: 0px;
	color: #333333;
	letter-spacing: 3px;
	font: italic bolder 12px Helvetica, Arial, sans-serif;
	border-bottom: thin solid #7f98b4;
}

/* link styles */

a:link {
	color: #355b7c;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #355b7c;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #7f98b4;
	text-decoration: none;
	font-weight: bold;
}

a:active {
	color: #355b7c;
	text-decoration: none;
	font-weight: bold;
}




/* alert box */

p.alert_box {
	color: #345A7C;
	background-color: #e7e7e7;
	letter-spacing: 0px;
	padding: 15px;
	display: block;
	line-height: 15px;
	border-top: thin dotted #345A7C;
	border-bottom: thin dotted #345A7C;
}

/* sub-heading styles */

.sub_heading {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #333333;
	letter-spacing: 3px;
}

.sub_heading_date {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	letter-spacing: 3px;
}

/* content containers */

#page_container {
	background-color: #7E98B4;
	background-image: url(/images/page_bkg.png);
	background-repeat: repeat-y;
	width: 974px;
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
}
#content_area {
	width: 874px;
	position: relative;
	float:left;
	padding: 20px 50px 35px;
}

#fixed_size_content_area {
	height: 460px;
	width: 874px;
	position: relative;
	padding: 10px 50px 30px;
}

#home_content_area {
	height: 380px;
	width: 874px;
	position: relative;
	padding: 50px 50px 30px 50px;
}

#private_gallery_content_area {
	width: 874px;
	position: relative;
	padding: 10px 50px 30px;
}

/*image containers */

.image_top_right {
	margin: 0px 0px 10px 20px;
	float: right;
	border-style: none;

}


.image_icon {

margin: 0px 0px 0px 15px;
float: right;
border-style: none;

}

.image_link {

border-style: none;

}

.image_margin {

border-style: none;
margin: 0px 80px 40px 0px;

}

.image_margin2 {

border-style: none;
margin: 0px 0px 40px 100px;

}

.image_left {
border-style: none;
float: left;
margin: 0px 30px 10px 0px;

}


/* footer */

#footer {
	height: 50px;
	width: 874px;
	font-size: 10px;
	letter-spacing: 3px;
	color: #345A7C;
	background-image: url(/images/footer.png);
	background-repeat: no-repeat;
	position: relative;
	clear:both;
	margin: 0px 50px;
	padding: 10px 0px;
}


.share {

float: right;
margin-left: 30px;

}

/* header */

#heading {
	background-image: url(/images/heading.png);
	background-repeat: no-repeat;
	margin-right: 0px;
	margin-left: 50px;
	height: 100px;
	width: 924px;
	z-index: 10;
	position: relative;
	clear:left;
}
#navbar {
	position: absolute;
	left: 520px;
	top: 55px;
	width: 400px;
}


p.center {

text-align:center;

}



/* travel log  */

ul.travel_nav_item {
	list-style-type: none;
	line-height: 150%;
	text-align: left;
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
}

ul.travel_nav_item a {
font-weight: normal;
}	
	
h2.travel_nav {

color: #777777;

}


#travel_log_left_column {
	width: 174px;
	position: relative;
	float:left;
	padding: 0px 20px 30px 0px;
	margin-left: 50px;
	margin-top: 30px;
	margin-bottom: 30px;
}


#travel_log_center_column {
	width: 375px;
	position: relative;
	float:left;
	border-left: #355b7c;
	background: url(/images/vertical_line.png) repeat-y left top;
	padding: 0px 35px 30px 45px;
	margin: 90px 0px 30px;
}

#travel_log_right_column {
	width: 250px;
	position: relative;
	float:left;
	padding: 0px 0px 30px 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* contact page */

#contact_container {
	width: 250px;
	height: 350px;
	position: relative;
	float:left;
	padding: 10px 500px 30px 50px;
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 30px;
	background: url(/images/john_canning.jpg) no-repeat right top;
	line-height: 150%;
	font-size: 14px;
}

/* bio, partners, and cv */

#generic_left_column {
	width: 500px;
	position: relative;
	float:left;
	padding: 0px 20px 30px 0px;
	margin-left: 50px;
	margin-top: 30px;
}


#generic_header_column {
	width: 750px;
	position: relative;
	float:left;
	padding: 0px 20px 30px 0px;
	margin-left: 50px;
	margin-top: 30px;
}

#generic_center_column {
	width: 550px;
	position: relative;
	clear:left;
	border-left: #355b7c;
	background: url(/images/vertical_line.png) repeat-y left top;
	padding: 0px 35px 20px 45px;
	margin: 0px 0px 50px 200px;
	line-height: 150%;
	overflow: auto;
}

/* partners */

.partners_left_container {
position:relative;
float:left;
width: 315px;
margin: 0px 10px 25px 0px;

}

.partners_right_container {
position:relative;
float: left;
width: 200px;
margin: 0px 0px 25px 25px;

}
.partners_large_container {
	position:relative;
	clear: left;
	width: 550px;
	margin: 0px;
	padding: 20px 0px 0px 0px; 
	background: url(/images/partners/partners_divider.png) no-repeat top;
}

.engagements_container {
	position:relative;
	clear: left;
	width: 550px;
	margin: 0px;
	padding: 20px 0px 0px 0px; 
}


/* creative sub-home */

#creative_title_container {
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 50px;

}

#creative_top_left {
	float: left;
	width: 480px;
	margin-left: 50px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	
	/* background: url(/images/creative_v_div1.jpg) repeat-y right top; */
}

#creative_divider {

	margin-left: 50px;
	width: 870px;

}


#creative_top_right {

	width: 300px;
	padding-left: 50px;
	padding-top: 15px;
	margin-bottom: 20px;
	margin-right: 50px;
	float: right;
	background: url(/images/creative_v_div1.jpg) repeat-y left top;

}


#creative_bottom_left {

	float: left;
	width: 480px;
	margin-top: 30px;
	margin-left: 50px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	
	/* background: url(/images/creative_v_div1.jpg) repeat-y right top; */

}


#creative_bottom_right{
	width: 300px;
	padding-left: 50px;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-right: 50px;
	float: right;
	background: url(/images/creative_v_div1.jpg) repeat-y left top;
}


.larger_h2 {

	font-size: 14px;

}




/* calendar */

#calendar {
	width: 800px;
	margin: 70px 30px;
}



/* unorder list styling */

.circle_bullet, .circle_bullet ul {
list-style-type: none;
padding: 0;
margin: 0;

}

.circle_bullet li {
	padding-left: 1.5em;
	background: url(/images/circle_bullet.png) no-repeat 0 0.4em;
	margin: 0px 0px 15px 0px;
	color: #444;

}


.circle_bullet li li {
	padding-left: 1.5em;
	background: url(/images/circle_bullet_light.png) no-repeat 0 0.4em;
	margin: 5px 0px 0px;
	color: #777;
}


#private_gallery {
	font: 10px Helvetica, Arial, sans-serif;
	color: #555;
	width: 834px;
	margin: 30px 0px 20px;
	padding: 20px 20px 10px 20px;
	border: thin solid #999999;
	background: #f7f7f7;
}

.form_box {

border: thin solid #214b6f;
}