/* CSS Document */

body,td,th {
}

body {
	background-color: #f1f3e7;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #272727;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h1 {
	color: #9bb33a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	margin-top:0px;
	margin-bottom: 0px;
	margin-bottom: 10px;
	
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top:0px;
	margin-bottom: 0px;
	margin-bottom: 0px;
	text-transform:none;
	margin-top:0px;
	color: #8f8e92;
	letter-spacing: 1px;
}

body a:link {
	text-decoration:underline;
	color: #0082b5;
	
}

body a:visited {
	text-decoration:underline;
	color: #0082b5;
	
}

body a:hover {
	color: #999999;
	
}

#col1 ul li {
	list-style-type: square;
}
	
#wrapper {
	width: 960px;
	background-color: #FFFFFF;
	position: relative;
	margin: 0 auto;
}

#header {
	width: 870px;
	height: 101px;
	background-image: url(images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	border-style: solid;
	border-width: 0px 10px 10px 10px;
	border-color: #efefef;
	position: relative;
	margin: 0 auto
}

#headerleft {
	float: left;
	width: 127px;
	padding-left: 10px;
	padding-top: 10px;
}

#headerright {
	float: right;
	padding-right: 10px;
	padding-top: 5px;
}


#nav {
	height: 32px;
	width: 820px;
}

/* ------ Son of suckerfish drop-down code ------ */

#navul, #navul ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	z-index: 2;
}

#navul a {
	display: block;
	/* width: 10em; for opera */
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	line-height: normal;
}


#navul li {
	float: left;
	/* width: 10em; for opera */
}


#navul li ul {
	position: absolute;
	/* width: 10em; */
	left: -999em;
	top: 155px;
	width: 122px;
	margin-left: 3px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#navul .first_ul {
	margin-left: 17px;
}

/* These styles are only applied to IE browsers. */
#navul li:hover ul, #navul li.sfhover ul {
	left: auto;
}

/* End IE styles */

#navul li ul li a {
	font-family: Trebuchet, "Trebuchet MS", Arial;
	font-weight:  bold;
	text-decoration: none;
	color: #313031;
	text-transform: none;
	text-align: left;
	padding: 5px 5px 10px 10px;
	line-height: normal;
	width: 105px;
	font-size: 11px;
	border-bottom: 1px solid #787878;
	border-left: 1px solid #787878;
	border-right: 1px solid #787878;
	background-image: url(../../Jazz%20Photos/www/images/nav_dropdown_bg_off.gif);
	background-color: #D7E4ED;
	background-repeat: repeat-x; 

		
}

#navul li ul li a:hover {
	width: 105px;
	color: #F7F7F7;
	background-image: url(../../Jazz%20Photos/www/images/nav_dropdown_bg_on.gif);
	background-color: #313031;
	background-repeat: repeat-x; 

}

/* ------ End SoSF code ------ */


#content {
	width: 960px;
	background-image:url(/new/images/content_bg.gif);
	background-repeat: repeat-y;
	padding-bottom: 20px;
}

#subnav {
	width: 960px;
	height: 36px;
	margin-left: 56px;
	margin-top: 0px;
	margin-bottom: 27px;
	
	
}


#onecol {
	width: 865px;
	position: relative;
	margin: 0 auto;
	padding-right:5px;
}

#leftcol {
	float: left;
	width: 650px;
}
	
#rightcol {
	float: left;
	width: 210px;
	margin-left: 65px;
}

#rightcolportfolio {
	float: left;
	width: 360px;
	margin-left: 0px;
	padding-top: 65px;
}

#rightcolporttext {
	width: 290px;
}

#onecolporttext {
	width: 620px;
	float:left;
	margin-bottom: 30px;
}

#onecolcasetext {
	width: 865px;
	float:left;
	margin-bottom: 30px;
}

#onecolcasetext p {
	margin-bottom: 20px;
}

#onecolcasetext h1 {
	font-size: 25px;
	margin-bottom: 5px;
}

span.smallcaps {
	font-variant:normal; 
	font-size: 15px;
	color: #a7a6aa;
	letter-spacing: 1px
	
}

#leftcolabout {
	float: left;
	width: 600px;
	padding-left: 50px
}

#leftcolportfolio {
	float: left;
	width: 500px;
	margin-left: 50px
}

#footer {
	clear: both;
}

.subnav {
	margin-right: 24.5px;
}
	

/* border: 1px solid #E7E7E7;
		width: 129px;
		height: 24px;
		float: left;
		padding: 6px 10px 6px 10px;
		margin-right: 24.5px;
		text-align: center;
		font-size: 11px;
		color: #CCCCCC;
		font-family: Arial, Helvetica, sans-serif; */
	
 



div.subnav:hover {  
	background-color: #efefef; 
	color: #e85999;
	
}   

.portfolio-row1 {
	background-color: #efefef;
	height: 164px;
	margin-bottom: 20px;
	clear: both;
	padding-top: 14px;
	padding-left: 15px;
	
}

.portfolio-row2 {
	background-color: #efefef;
	height: 164px;
	margin-bottom: 50px;
	clear: both;
	padding-top: 14px;
	padding-left: 15px;
	
}

.portfolio-row1 img {
	border-width: 0px;
	border: none;
}

.portfolio-row2 img {
	border-width: 0px;
	border: none;
}

.portfolio-image {
	margin-right: 30px;
}


.port-topbutton {
	float: right;
	margin-bottom: 10px;
}

.port-topbutton img {
	border: none;
}

.port-topbutton a:link {
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}

.port-topbutton a:visited {
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}

.port-topbutton a:hover {
	font-size: 9px;
	color: #e2a4b1;
	color: #FFFF99;
	text-decoration: none;
	
}

.port-nav-text  {
	font-size: 11px;
	color: #98979b;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	margin-top: 7px;
	margin-bottom: 13px;
	float:left;
}

.port-nav-text a:link  {
	color: #98979b;
	text-decoration:none;
}

.port-nav-text a:visited  {
	color: #98979b;
	text-decoration:none;
}

.port-nav-text a:hover  {
	color: #0082b5;
	text-decoration:underline;
}

h1.port-header {
	margin-bottom: 0px;
}

.photoholder {
	width: 275px;
	height: 414px;
/*	padding: 7px 7px 35px 7px;
	background-color: #efefef;
*/
	padding-bottom: 35px;
	float: left;
	margin-left: 45px;
	margin-right: 50px;
	margin-bottom: 30px;
}
	
.hometext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #0082b5;
	margin-top: 3px;
	
}

.casetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0082b5;
	margin-top: 3px;
	line-height: 28px;
	text-align:justify;
	
	
}

.homebutton {
	width: 170px;
	height: 50px;
	border-style: solid;
	border-width: 1px;
	border-color: #E7E7E7;
	padding-top: 8px;
	padding-left:12px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-bottom: 30px;
	margin-top: 10px;
}

.casebutton {
	width: 170px;
	height: 50px;
	border-style: solid;
	border-width: 1px;
	border-color: #E7E7E7;
	padding-top: 8px;
	padding-left:12px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-bottom: 30px;
	margin-top: 30px;
	margin-right: 0px;
}

.casebutton img {
	border: none;
}

#casephotos {	
	float:left;
	width: 191px;
	margin-right: 35px;
	margin-top: 0px;
}

.homebuttongray {
	width: 170px;
	height: 50px;
	padding-top: 8px;
	padding-left:12px;
	padding-bottom: 0px;
	padding-right: 0px;
	background-color: #efefef;
}

.homebuttontext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aeaeae;
	font-style: normal;
	margin-top: 0px;
	line-height: 20px;
}

.homebuttongray a {
	font-size: 10px;
	color: #aeaeae;
}

.homebuttongray a:visited {
	font-size: 10px;
	color: #aeaeae;
}

.homebuttongray a:hover {
	font-size: 10px;
	color: #0082b5;
}

.headinggraphic {
	margin-bottom: 20px;
}
	
.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-style: italic;
	margin-top: 5px;
}
	
.portfoliophoto {
	margin-top:12px;
	margin-bottom: 45px;
	padding: 7px 7px 7px 7px;
	background-color: #efefef;

}

.portfolioFile {
    color: #b4b4b4;
    font-style: italic; 
}

.casequote {
	color: #93a93d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	width: 200px;
	float: right;
	line-height: 30px;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 28px;
	text-align: left;
	

}

.casephoto-left {
	float:left;
	margin: 0px 0px 22px 0px;
	padding: 7px 7px 7px 7px;
	background-color: #efefef;
}

.casephoto-left img {
	margin-bottom:5px;
}
p.casecaption {
	display: inline;
}

#casephoto-main {
	margin: 0px 0px 10px 0px;
	padding: 7px 7px 7px 7px;
	background-color: #efefef;
}

#casephoto-final {
	margin: 0px 0px 10px 0px;
	padding: 7px 7px 7px 7px;
	background-color: #efefef;
	width: 625px;
	float: right;
}

.casephoto-left img {
	border: none;
}


.casecaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #98979b;
	font-style: italic;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-right: 5px;
	clear:left;
	
}

.casemaincaption {
	text-align :right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #98979b;
	font-style: italic;
	margin-top: -5px;
	margin-right: 5px;
	clear:left;
}

.denisePhoto {
	border: 7px solid #efefef;
	float: left;
	margin: 0px 10px 5px 0px;
}