body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 110%;
background: url(media/background_strip.jpg) repeat-x;
}

#wrap {
width: 960px;
padding: 0px;
margin-right: auto;
margin-left: auto;
}


#wrap_footer {
margin: 20px 0px 0px 0px;
padding: 0px;
margin-right: auto;
margin-left: auto;
background: url(/media/footer.jpg) repeat-x;
background-color: #F1F0EB;
height: auto;
}


#top_banner {
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
background-repeat:no-repeat;
height: 70px;
}

#main {
float: left;
width: 700px;
margin: 20px 0px 0px 0px;
padding: 0px 10px 0px 0px;
}


#right {
float: left;
width: 200px;
margin: 20px 0px 0px 30px;
padding: 0px 10px 5px 10px;
background-color: #efefef; /*#D6DCD3;*/
-moz-border-radius: 5px;
border-radius: 5px;
}

#main_index {
float: left;
width: 960px;
margin: 0px;
padding: 0px;
}

.index_title {
font-family: Verdana, Geneva, sans-serif;
color: #FFF;
background-color: #454545;
margin: 0px;
padding: 8px 15px 8px 15px;
font-size: 0.9em;

}

.index_indent {
margin: 0px;
padding: 0px 15px 10px 15px;
	
}

.index_box_one {
float: left;
margin: 0px 15px 0px 0px;
padding: 0px;
background-image:url(media/index_box_one.jpg);
background-repeat: no-repeat;
width: 310px;
height: 265px;
}

.index_box_two {
float: left;
margin: 0px 15px 0px 0px;
padding: 0px;
background-image:url(media/index_box_two.jpg);
background-repeat: no-repeat;
width: 310px;
height: 265px;
}

.index_box_three {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
background-image:url(media/index_box_three.jpg);
background-repeat: no-repeat;
width: 310px;
height: 265px;
}


.index_list {
	margin: 0px;
padding: 0px;	
	
}

.index_list ul {
margin: 0px;
padding: 0px;
}

.index_list li {
list-style: none;
margin: 0;
padding: 0.25em;
/*border-top: 1px solid #efefef;*/
border-top: 1px solid #B9C0B4;
}

.index_list a {
text-decoration: none; 	
}

#banner {
margin: 0px 45px 0px 45px;
}



input { 
color: #000000;
border: 1px solid #CCCCCC;
}

textarea {
color: #CCCCCC;
color: #000000;
border: 1px solid #CCCCCC;
}



#navlist {
margin: 0px;
padding: 25px 0px 0px 10px;
float: right;
}

#navlist li {
display: inline;
list-style-type: none;
padding-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight:bold;
text-transform: uppercase;
}

#navlist li a{
text-decoration: none;
color: #FFFFFF;
}

#navlist li a:hover {
color: #333;	
}

p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
}



strong {

}

a{
color: #000000;
}

a:hover{
text-decoration: underline;	
}

#main ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
list-style-image: url(./media/bodycopy_bullet.gif);
line-height: 1.7em;
}

#main ul ul {
font-size: 1em;
line-height: 1.7em;
}

#main_index ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
list-style-image: url(./media/bodycopy_bullet.gif);
line-height: 1.7em;
}

ol {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
list-style-image: url(./media/bodycopy_bullet.gif);
line-height: 1.7em;
}


#main p a {
text-decoration: none;
border-bottom: 1px solid #CCC;
}

#main li a {
text-decoration: none;
border-bottom: 1px solid #CCC;
}

#main table a {
	text-decoration: none;

}

#main a:hover {
}

/*#right p {
font-size: 0.6em;
line-height: 150%;
}
*/
#right ul {
font-size: 0.7em;
line-height: 120%;
}

#right a {
text-decoration: none;	
}

#right a:hover {
text-decoration: underline;	
}


/* h1{
padding: 0px 0px 20px 0px;
font-size: 1.3em;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
color: #000000;
font-weight: normal;
background-image:url(media/h1_background.jpg);
background-repeat:no-repeat;
}*/


h1{

font-size: 1.3em;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
color: #000000;
font-weight: normal;
margin: 0px 0px 20px 0px;

}

h2{
font-size: 1.0em;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: bold;
}

h3{
font-size: 0.8em;
font-style: normal;
font-weight: bold;
}

#right h3 {
	font-size: 0.7em;
}

h2, h3 {
	
	line-height: 130%;
}

.box {
/* border: 1px solid #cccccc; */
background-color: #efefef;
padding: 10px;
/*width: 475px;*/
}

table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;

}

.ruled_above {
border-top: 1px;
background-color: #00CCFF;
}



.image_left{
float: left;
margin-top: 0px;
margin-right: 20px;
margin-left: 0px;
margin-bottom: 5px;
padding: 5px;
}


.image_right{
float: right;
margin-top: 0px;
margin-right: 0px;
margin-left: 20px;
margin-bottom: 5px;
padding: 5px;
}


.smallcapitals {
font-size: 0.9em;
text-transform: uppercase;
}

.small{
font-size: 0.8em;
text-transform: uppercase;
}

#footer {
height: 40px;
margin: 15px 0px 0px 0px;
padding: 15px 0px 20px 0px;
text-align: center;
background-image: url(media/footer.jpg);
background-repeat:no-repeat;
}


.clear {

clear: both;
}


.portraits{
float: left;
margin-top: 0px;
margin-right: 10px;
margin-left: 0px;
border: 1px solid #CCCCCC;
padding: 5px;
}

.rightnavlist {
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #E0E0E0;
}

.rightnavlist li{


line-height: 150%;
list-style: none;
margin: 0;
padding: 0.5em;
border-top: 1px solid #E0E0E0;
}

.rightnavlist li a { 
text-decoration: none; 
}


.ruled_above_and_below {
padding: 5px 0px 5px 0px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #efefef;
border-bottom-color: #efefef;
}


.ruled_below {
padding: 0px 0px 5px 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #efefef;
}

#logo {
margin: 0;
padding: 15px 0px 0px 45px;
}

.image_right {
padding: 0px 0px 10px 10px;
float: right;
}

.footer_list {
text-align: center;	
margin: 0px;
padding: 0px;	
}

.footer_list ul {
margin: 0px;
padding: 0px;	
}

.footer_list li {
	font-size: 0.7em;
display: inline;
margin: 0px;
padding: 0px 10px 0px 0px;
}

.footer_list a {
text-decoration: none;	
}




#slider_content{
		position:relative;
		}



/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:600px;
		height:400px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:180px;
		z-index:1000;
		}	
		
		
	#nextBtn, #slider1next{ 
		left:650px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(http://www.giraffeads.com/clients/okonjima/media/previous_arrow.jpg) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(http://www.giraffeads.com/clients/okonjima/media/next_arrow.jpg) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */




#tab_wrap {
width: 500px;
height: 400px;

}


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #CCCCCC;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;

	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #CCCCCC;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;

}
.tab_content {
	padding: 20px;

}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;


}
.tab_content h3 a{
	color: #254588;
}


/*.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #CCCCCC;
	padding: 5px;
}*/



#tab_wrap {
width: 960px;
height:800px;

}





.footer_link_list {
margin: 0px;
padding: 0px;
width: 240px;
float:left;
}

.footer_link_list p {
font-size: 0.6em;
font-weight: bold;
text-transform: uppercase;
color: #666666;
}

.footer_link {
margin: 0px;
padding: 0px;
list-style-type: none;
line-height: 1.2em;
font-size: 0.7em;
}

.footer_link li {
margin: 0px;
padding: 0px 0px 3px 0px;

}

.footer_link a{
list-style-type: none;
text-decoration: none;
}


.content_divider {
margin: 0px;
padding: 0px;
clear:both;
height: 24px;
border-bottom: 4px solid #D7D7D7;
width: 960px;
}

.clear_bar {
margin: 0px;
padding: 0px;
clear:both;
height: 10px;
border-bottom: 2px solid #D7D7D7;
}

.work_spacer {
margin: 0px 15px 10px 0px;
padding: 15px 18px  10px 18px;
border: 1px solid #CCC;
}

#work_menu, #work_menu ul {
margin: 0px;
padding: 0px;
}

#work_menu li{
	display: inline;
	list-style-type: none;
	padding: 0px 10px 0px 0px;
	margin: 0px;
}

#slideshow {
margin:0px;
padding: 0px;
width: 960px;
height: 255px;
}