* { 
	margin: 0 auto;
	padding: 0;
}

body{
	font-family: helvetica,arial,tahoma,verdana,sans-serif;
	background: #fdfdfd;
	font-size: 15px;
	font-weight: normal;
}

a{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

p{
	padding: 0px 5px;
	color: #333333;
}

h1 {
	font-size: 24px;
	color: #333333;
	letter-spacing: -0.5px;
}

h2 {
	font-size: 22px;
	color: #333333;
	letter-spacing: -0.5px;
}

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

/*******************************************************
** Main Site Header
********************************************************/
#headerWrap {
	width: 100%;
	min-width: 850px;
	height: 160px;
	margin: 30px 0 8px;
	padding-bottom: 20px;
	overflow: hidden;
}
#logoContainer {
	float: left;
	margin-left: 170px;
}

#hm-logo {
	background: url(../images/logo.png) no-repeat scroll 10% 0;
	display: block;
	width: 190px;
	height: 180px;
	margin-left: 8%;
	text-indent: -9999px;
}

/*******************************************************
** Subpage content window
********************************************************/
#mainWrap {
	width: 100%;
	padding: 10px 0;
	vertical-align: top;
	border-top: 1px solid #ece8e1;
	overflow: hidden;
}	

#flashWrap {
	width: 100%;
	padding-right:30px;
	overflow: hidden;
}

/*******************************************************
** Homepage content window
********************************************************/
#homeWrap {
	width: 90%;
	float: right;
	overflow: hidden;
}

/*******************************************************
** Content window
********************************************************/
#contentWrap {
	width: 350px;
	height: 500px;
	margin: 50px 0 0 170px;
}

#contentWrap a {
	color: #ffffff;
	text-decoration: none;
}

#contentWrap a:hover {
	color: #333333;
	text-decoration: none;
}


#contentWrap p {
	padding-left: 15px;
	margin-top:10px;
	font-weight:100;
}

#bioContentWrap {
	width: 70%;
	min-width: 675px;
	height: 650px;
	margin: 50px 0 0 170px;
}

#bioContentWrap p {
	margin-top:10px;
	font-weight:100;
}

#bioContentWrap a:hover {
	color: #696762;
	text-decoration: none;
}


#bioPic {
	margin: 10px 0 0 45px;
	float: right;
	background-color:#999999;	
}
.clientList, gradList {
	width: 325px;
	float: left;
}

.marginTop {
	margin-top: 45px;
}

#galleryBranding {
	margin: 6px 20px 25px 0px;
	float: left;	
	width: 250px;
}

#timsContent {
	float: left;	
	width: 50%;
}

.noBold {
	font-weight: normal !important;
}

.returnText {
	margin-left: 20%;
}

.returnText a {
	color: #4E4839;
	text-decoration: none;
	font-weight: normal;
}

.returnText a:hover {
	color: #696762;
	text-decoration: none;
}

.galleryList a {
	font-weight: normal;
	line-height: 25px;
}

/*******************************************************
** Left Navigation Menu
********************************************************/
.leftMenu {
	position: fixed;
	height: 410px;
	top: 180px;
    left: 0px;
    list-style: none;
    z-index: 9998;
	background-color: #efece6;
	/*background-image: url(../images/navigation-txt.gif);*/
	background-position: right;
	background-repeat: no-repeat; 
    border: 1px solid #dedbd6;
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */
    opacity: 1;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.leftMenu:before { 
	content:"";
	position: absolute;
	left: 100%;
	top: 155px;
	width: 15px;
	height: 120px;	
	background-color: #efece6;
	background-image: url(../images/navigation-txt2.gif);
	border-top: 1px solid #dedbd6;
	border-right: 1px solid #dedbd6;
	border-bottom: 1px solid #dedbd6;
	border-radius: 0px 5px 5px 0px;
	/*border-left: 10px solid #efece6;
	border-bottom: 13px solid #efece6;*/
}

.leftMenu a:hover{
	color: #BCB8AE;
	text-decoration: underline;
}

.leftMenu .activePage a {
	color: #BCB8AE;
	text-decoration: underline;
}

ul {
	margin: 15px 0 0 0;
	padding: 0;
}

li {
	width: 85px;
	height: 30px;
	float: left;
	color: #4e4839;
	text-align: right;
	padding: 7px 25px 0 0;
	list-style-type: none;
}

/*******************************************************
** Header Icons
********************************************************/
#topNav {
	width: 145px;
	display: block;
	clear: both;
	margin: 15px 10% 0;
	float: right;
}

#topNav a {
	display: block;
	float: right;
	height: 20px;
	padding: 0;
	margin: 0 10px;
}

a.phone {background: url(../images/phone.gif) no-repeat 0 0; width:26px;}
a.email {background: url(../images/mail.gif) no-repeat 0 0; width:26px;}
a.faceb {background: url(../images/fb.gif) no-repeat 0 0; width:26px;}

/*******************************************************
** mouseover
********************************************************/
a:hover.phone, 
a:hover.email, 
a:hover.faceb {background-position: 0 -20px;} /* reveal colorized version */

/*******************************************************
** Sidenav Icons
********************************************************/
#sideNavIcons {
	width: 22px;
	display: inline;
	clear: both;
	margin: 25px 0 0 60px;
	float: left;
}

#sideNavIcons a {
	display: block;
	float: left;
	height: 20px;
	padding: 0;
	margin-bottom: 15px;
}

a.phone {background: url(../images/phone-side.gif) no-repeat 0 0; width:26px;}
a.email {background: url(../images/mail-side.gif) no-repeat 0 0; width:26px;}
a.faceb {background: url(../images/fb-side.gif) no-repeat 0 0; width:26px;}

/*******************************************************
** mouseover
********************************************************/
a:hover.phone, 
a:hover.email, 
a:hover.faceb {background-position: 0 -20px;} /* reveal colorized version */


/*******************************************************
** TipTip CSS - Version 1.2
********************************************************/
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #343434;
	padding: 4px 8px;
	border: 1px solid rgba(213,203,179,0.25);
	background-color: rgb(239,236,230);
	/*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));*/
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;*/
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(213,203,179,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(213,203,179,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(213,203,179,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(213,203,179,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(239,236,230);
	border-top-color: rgba(239,236,230,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-top-color: rgb(239,236,230);
	border-top-color: rgba(239,236,230,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-top-color: rgb(239,236,230);
	border-top-color: rgba(239,236,230,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-top-color: rgb(239,236,230);
	border-top-color: rgba(239,236,230,0.92);
}

/******* Poster Edits ******************************
****************************************************/
.ssp-mobile-poster-button {
/* "View Gallery" button */          
font-size: 22px !important;
	letter-spacing: -1px !important;
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(239,236,230,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(239,236,230,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(239,236,230,0.92);
	}
}
