/*
URI: http://five65.com/
Description: Primary stylesheet for five65 Design (five65.com)
Version: 2.0, May 2009
Author: Scott McCrossen, five65 Design
Last update: 06.21.2010
Added: double-wide div class
Tags: new orleans, graphic design, art direction, design, photography, visual communications, branding, media, advertising, marketing strategy, interactive agency

*/

body {
	margin: 0;
	padding: 0;
	border-top: 4px solid #ee3124;
	/* background-image:url("images/bg.gif");
	background-repeat:repeat; */
    font-family: Helvetica Neue, "Helvetica Neue", Helvetica, verdana, arial, Sans-Serif;
	}

a:link {
color: #69a798;
text-decoration: none;
}	

a:visited {
color: #69a798;
text-decoration: none;
}

em {font-style:italic}
strong {font-style: bold;}

img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}	

/* start wrapper
----------------------------------------- */

#wrapper {
	width: 960px;
	background-color: #fff;
	position: relative;
	left: 50%;
	margin-left: -480px;
	height: auto;
	bottom: 0px;
}

/* start container 
----------------------------------------- */

#container {
width: 910px;
background-color: #fff;
position: relative;
left: 50%;
margin-left: -455px;
height: auto;
bottom: 0px;
}

/* start header
----------------------------------------- */

#header {
position: relative;
height: 212px;
margin-top: 0px;
border-bottom: 1px dotted #cacaca;
}

/* top_menu 
----------------------------------------- */

#top_menu {
width: 283px;
background: url(images/top_menu_bg.png) no-repeat;
height: 36px;
float: right;
margin-right: 144px;
}
#top_menu img {
border: none;
}
	#top_menu .lagniappe a{
	margin: 0 0 0 0;	
	width: 71px;
	height: 12px;
	display: block;
	}
	#top_menu .clientlogin a{
	margin: -12px 0 0 135px;	
	width: 80px;
	height: 12px;
	display: block;
	}
/* end of top_menu */

/* menu
----------------------------------------- */

#menu {
position: absolute;
top: 125px;
right: 0px;
height: 67px;
}	
	#menu ul {
	margin: 0;
	padding: 0;
	height: 67px;
	}
	#menu li{
	display: inline-block;
	float: left;
	margin: 0;
	border-left: 1px solid #e1e1e1;
	padding: 0;
	width: 141px;
	height: 67px;
	}
	#menu li a {
	padding: 25px 0px 25px 10px;
	width: 141px;
	font-family: Helvetica, Sans-Serif;
	font-size: 14px;
	color: #2f2d2d;
	text-decoration: none;
	display: block;
	}
	
	#menu li a:visited {
	color: #2f2d2d;
	text-decoration: none;
	display: block;
	}
	
	/* #menu li.active {
	padding: 25px 0px 25px 9px;
	width: 141px;
	font-family: Helvetica, Sans-Serif;
	font-size: 14px;
	color: #69a798;
	display: block;
	}*/
	
	#menu li a:hover {
	color: #69a798;
	}
	
	#menu li.active a{
	background: transparent url(images/menu_bkgrd.gif) no-repeat;
	color: #69a798;
	text-decoration: none;
	}
	
/* end of menu */

/* logo
----------------------------------------- */

#logo {
position: absolute;
top: 125px;
left: 0px;
}
#logo a {
display: block;
width: 145px;
height: 60px;
background: url(images/logo.png) no-repeat;
}
/* end of logo */

/* end header */

/* start content 
----------------------------------------- */

#content {
color: #666;
}

#content h1 {
font-family: Georgia, serif;
font-size: 27px;
color: #69a798;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: 0.4px;
margin-top: 2px;
margin-right: 10px;
margin-bottom: 5px;
}

#content a:link a:visited {
	color: #69a798;
	text-decoration: underline;
	}
#content a:hover {
	color: #306575;
	text-decoration: none;
	}
	#content .left {
	float: left;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	width: 220px;
	}
	
	#content .callout {
	float: left;
	color: #69a798;
    font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	width: 220px;
	}
	#content .right {
	float: right;
	font-size: 14px;
	width: 680px;
	line-height: 22px;
	letter-spacing: 0px;
	}
	#content .contact {
	float: right;
	font-size: 14px;
	width: 680px;
	line-height: 22px;
	letter-spacing: 0.4px;
	}
	#content .current {
	float: right;
	font-size: 14px;
	width: 680px;
	line-height: 22px;
	letter-spacing: 0px;
	margin-right: -11px;
	}
	#content .block .current li{
	color: #69a798;
	list-style: disc;
	letter-spacing: 0.3px;
	}
	#content .center {
	font-size: 28px;
	width: 910px;
	min-height: 120px;
	text-align: justify;
	line-height: 35px;
	}
	
	#content .span{
	font-size: 32px;
	}
	#content .images {
	width: 920px;
	}
    .grid_3 {
    width: 280px;
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
    }
    .grid_3 p{
	margin-top: 0;
	padding-top: 0;
    padding-bottom: 0;
    font-size: 13px;
    line-height: 21px;
    font-family: verdana, helvetica neue, "Helvetica Neue", helvetica, arial, sans-serif;
    color: #666;
	}
    #content .right .column_all {
	float: right;
	font-size: 14px;
	width: 680px;
	line-height: 22px;
	letter-spacing: 0px;
	margin-right: -11px;
	}
	#content .block .column_all li{
	color: #666;
	list-style: disc;
	letter-spacing: 0.3px;
	}
	#content .right .column1 {
	float: left;
	width: 228px;
	}
	#content .right .column1 p{
	margin-top: 0;
	padding-top: 0;
    padding-bottom: 0;
    font-size: 13px;
    line-height: 20px;
    font-family: verdana, helvetica neue, "Helvetica Neue", helvetica, arial, sans-serif;
    color: #666;
	}
	#content .right .column2 {
	float: left;
	width: 229px;
	}
	#content .right .column3 {
	float: right;
	width: 223px;
	}
	
	#content .right .column_dbl {
	float: left;
	width: 452px;
	}
	
	#content .col3 {
    margin-bottom: 10px;
    }
	
	#content .col3 p{
    font-size: 13px;
    line-height: 20px;
    font-family: verdana, helvetica neue, "Helvetica Neue", helvetica, arial, sans-serif;
    color: #666;
    margin-bottom: 10px;
    margin-top: 4px;
    }
    
	#content .col3 li{
	color: #69a798;
	background: transparent url('images/3col_bullet.gif') no-repeat center left;
    padding-left: 17px;
    font-size: 13px;
	line-height: 22px;
	letter-spacing: 0.3px;
	}
	
	#content .col3 li a{
	color: #69a798;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0.3px;
	}
	
	#content .col3 li a:hover{
	color: #306575;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0.3px;
	}

#content .col3_threewide {
    width: 292px;
    margin-bottom: 10px;
    padding-right: 7px;
    margin-right: 5px;
    border-right: #cacaca 1px dotted;
    float: left;
    }

	#content .col3_threewide_b {
    width: 292px;
    margin-bottom: 10px;
    padding-left: 3px;
    padding-right: 4px;
    margin-right: 5px;
    border-right: #cacaca 1px dotted;
    float: left;
    }
    
    #content .col3_threewide_c {
    width: 292px;
    margin-bottom: 10px;
    padding-left: 4px;
    padding-right: 3px;
    margin-right: 0;
    border-right: none;
    float: left;
    }
    
    #content .block {
	border-bottom: 1px dotted #cacaca;
	padding: 25px 0 25px 0;
	}

	#content .block ul{
	padding: 0;
	margin: 0;
	}
	#content .block li{
	list-style: none;
	}
	.clear {
	clear: both;
	height: 0;}
	
	.spacer {
	padding-top: 90px;
	height: 90px;}
	
    #content .hr{
	width: 290px;
	border-top: 1px dotted #cacac1;
	margin-top: 15px;
	margin-bottom: 10px;
	}
	
    #content h3 {
    font-family: Georgia, serif;
    font-weight: normal;
    font-size: 19px;
    line-height: 25px;
    color: #2f2d2d;
    margin: 0px 0px 2px 0px; }

    #content h3 a:link, h3 a:active {
    color: #69a798; 
    text-decoration: none; }

    #content h3 a:visited  {
    color: #69a798; 
    text-decoration: none; }

    #content h3 a:hover  {
    color: #306575;
    text-decoration: none; }
    
    #content .left h3{
	float: left;
	font-size: 18px;
	line-height: 25px;
    margin-top: -2px;
    font-weight: normal;
	letter-spacing: -0.5px;
	width: 220px;
	}

#content .left p{
float:left;
padding-top: 0;
padding-right: 5px;
font-size: 13px;
font-weight: normal;
line-height: 20px;
font-family: verdana, helvetica neue, "Helvetica Neue", helvetica, arial, sans-serif;
color: #666;
}


/* Portfolio Section */
/* ----------------------------------------- */

.portItem {
	border-bottom: 1px dotted #cacaca;
	padding: 25px 0 25px 0;
}

.portItem h2 {
border-bottom: 1px solid #cacaca;
padding-top: 0;
margin-top: 0;
padding-bottom: 5px;
margin-bottom: 0;
color: #424444;
font-size: 22px;
}

.port_info {
max-width: 283px;
float:left;
padding-top: 0;
padding-right: 5px;
}

.port_info p{
max-width: 283px;
float:left;
padding-top: 0;
padding-right: 5px;
font-size: 13px;
line-height: 20px;
font-family: verdana, helvetica neue, "Helvetica Neue", helvetica, arial, sans-serif;
color: #666;
}

.portImages {
float:right;
width: 606px; 
border:0;
margin-top: 5px;
}

	p.small-return {
    max-width: 910px;
    padding-left: 850px;
    margin-top: 10px;
    font-size: 10px;
	margin-bottom: 2px;}

	
/* end content */

/* end container */


/* start footer */
/* ----------------------------------------- */

#footer {
max-width: 910px;
padding: 5px 0 65px 0;
color: #949494;
font-size: 11px;
}	
	#footer .policy {
	float: right;
	font-size: 11px;
	color: #ee3124;
	}
	#footer .bottom_navi {
	float: left;
	}
	#footer .bottom_navi ul{
	margin: 0px;
	padding: 0px;
	}
	#footer .bottom_navi li{
	display: inline;
	list-style: none;
	padding-left: 3px;
	padding-right: 15px;
	border-right: 1px dotted #cacaca;
	}
	#footer .bottom_navi li.last{
	display: inline;
	list-style: none;
	padding-right: 10px;
	border-right: none;
	}
	#footer .bottom_navi li a{
	font-size: 11px;
	color: #929292;
	text-decoration: none;
	letter-spacing: 0.4px;
	}
	#footer .bottom_navi li a:hover{
	font-size: 11px;
	color: #ee3124;
	text-decoration: none;
	letter-spacing: 0.4px;
	}


/* end footer */

/* end css */
/* ----------------------------------------- */