@charset "UTF-8";
/* CSS Document */
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}





/* ---------------------------------------------- */
/* ------------------------------ HTML COMPONENTS */
/* ---------------------------------------------- */
a{
	text-decoration:none;
	color:#b42b60;
	border:none;
}

body {
	/*overflow:hidden; <- this gets rid of the scroll bar */
	margin: 0;
	font-family: Arial, "Franklin Gothic Medium", "Century Gothic", Helvetica, sans-serif;
	
	line-height:3em;
	font-size: 70%;
	background-color: #FFF;
	letter-spacing:0px;
	height:100%;
    width:100%;
    padding:0;
	
}

h1{display:none;}


h2,h3  {
	padding-top:15px;
	color:#b42b60;
	font-size:medium;
	line-height:1.25em;
	
}

em {
	padding:0;
	color:#b42b60;
	font-size:small;
	
}
p{
	padding-left:50px;
	}
	
	
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%; }

#main {overflow:auto;
	padding-bottom: 90px;}  /* must be same height as the footer */
	


#footerbldg {

	position: relative;
	margin-top: -90px; /* negative value of footer height */
	height: 90px;
	clear:both;
	overflow:hidden;
	background-image:url(../images/bggrey.png);
	background-position:bottom;
	background-repeat:repeat-x;
	
	} 

#bldg{
	overflow:hidden;
	width:685px;
	height:90px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/bldgimg3.png);
	}

/* ---------------------------------------------- */
/* ------------------------- ID LAYOUT COMPONENTS */
/* ---------------------------------------------- */
#TLimage{
	float:left;
	margin-right:65px;
	
	}



#header {
	height:110px;
	width:120px;
	background-color:#FFF;
	padding-left:30px;
	margin:0;
	display:block;
	float:left;
}
#left {
	float: left;
	width: 150px;
	/*background-color:#056;*/
	background-color:#FFFFFF;
	clear:left;
	
	

}
		
#content {
	margin-left: 150px;
	
	/*background-color:#033;*/
	background-color:#FFF;
	height:420px;
	width:auto;
	}
	
#footer {
	
	margin-top:20px;
	height:100px;
	/*background-color:#012;*/
	background-color:#FFF;
	
	padding-top:15px;
	padding-left:50px;
	
	
}
#container {
	width: 685px;
	margin-right: auto;
	margin-left: auto;
	/*min-height: 100%;*/
	background-color:#FFF;
	/*background-color:#040;*/
}


#heading{
	height:25px;
	width:435px;
	text-indent: -10000px;
	margin-left:50px;
	background-repeat:no-repeat;
	}
#infobox{
	/*height:175px;*/
	width:inherit;
	padding-left:50px;
	}

/* ---------------------------------------------- */
/* ------------------------------ WORK PAGE ----- */
/* ---------------------------------------------- */
#thumbs{
	padding-left:50px;
	}




#feature_content {
	/* large container */
	width:inherit;
	height:420px;
	overflow:hidden;
	margin-top:5px;
	padding-left:50px;
	/* one row is 20px */
}


#feature_nav {

	display:inline;
	text-align: left;
	
}

#feature_nav ul {
	
	list-style-type:none;
	margin:-5px;
	padding:0;
	
}
#feature_nav a{
	opacity:0.3;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	
}

#feature_nav a:hover{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
		

}

#feature_nav ul li{
	display:inline;
	
	}


#feature_nav ul li a {
	background-color:#FFFFFF;
	padding:1px; 
	display:inline; 
	text-decoration:none;
}
#feature_nav ul li a.on {
	background-color:#FFFFFF;
	border:none;
	text-decoration:none;
}
#feature_one, #feature_two, #feature_three, #feature_four, #feature_five, #feature_six, #feature_seven, #feature_eight, #feature_nine, #feature_ten, #feature_eleven, #feature_twelve, #feature_thirteen,  #feature_fourteen,  #feature_fifteen,  #feature_sixteen,  #feature_seventeen,  #feature_eighteen,  #feature_nineteen,  #feature_twenty,  #feature_twentyone,  #feature_twentytwo,  #feature_twentythree,  #feature_twentyfour,  #feature_twentyfive,  #feature_twentysix,  #feature_twentyseven,  #feature_twentyeight,  #feature_twentynine,  #feature_thirty {
	display:none;	
}








/* ---------------------------------------------- */
/* ------------------------- NAV BAR ------------ */
/* ---------------------------------------------- */

#navbar{
	text-indent: -10000px;
	width: 150px;	
	height:407px;
	background-color:#FFF;
	margin-top:-12px;
	
	}

#navbar ul {
	list-style-type:none; /* important to keep the bullets off your list items */
	padding:0;
	}

.home, .philosophy, .aboutus, .work, .makecontact, .philosophyyes, .aboutusyes, .workyes, .makecontactyes, .retail, .retailyes, .broadcast, .automotive, .automotiveyes, .broadcastyes, .web, .webyes, .realestate, .realestateyes{
	position:relative; /* this value important: do not change. */
	width:150px; 
	height:38px; 
	font-size:12px; 
	float: left; 
	font-family:Verdana, Geneva, sans-serif;
	
	}


.philosophyyes{
	background-image:url(../images/navimages/philosophy-yes.png);
}

.aboutusyes{
	background-image:url(../images/navimages/aboutus-yes.png);
}
.workyes{
	background-image:url(../images/navimages/work-yes.png);
}
.makecontactyes{
	background-image:url(../images/navimages/makecontact-yes.png);
}


.retailyes{
	background-image:url(../images/navimages/retail-yes.png);
}
.broadcastyes{
	background-image:url(../images/navimages/broadcast-yes.png);
}
.webyes{
	background-image:url(../images/navimages/web-yes.png);
}
.realestateyes{
	background-image:url(../images/navimages/realestate-yes.png);
}
.automotiveyes{
	background-image:url(../images/navimages/automotive-yes.png);
}



.retailyes:hover{
	background-image:url(../images/navimages/retail-yes.png);
	background-position:bottom;
}
.broadcastyes:hover{
	background-image:url(../images/navimages/broadcast-yes.png);
	background-position:bottom;
}
.webyes:hover{
	background-image:url(../images/navimages/web-yes.png);
	background-position:bottom;
}
.realestateyes:hover{
	background-image:url(../images/navimages/realestate-yes.png);
	background-position:bottom;
}



.philosophyyes:hover{
	background-image:url(../images/navimages/philosophy-yes.png);
	background-position:bottom;
}

.aboutusyes:hover{
	background-image:url(../images/navimages/aboutus-yes.png);
	background-position:bottom;
}
.workyes:hover{
	background-image:url(../images/navimages/work-yes.png);
	background-position:bottom;
}
.makecontactyes:hover{
	background-image:url(../images/navimages/makecontact-yes.png);
	background-position:bottom;
}


.home span, .philosophy span, .aboutus span, .work span, .makecontact span, .retail span, .realestate span, .broadcast span, .web span, .automotive span {
	position:absolute; /* important value for anchoring image: don't change */
	top:0; /* important value for anchoring image: don't change */
	width:150px; 
	height:38px;
	left: 0px;
	background-repeat:no-repeat;
	}


.home span.linkhome {
	background-image:url(../images/navimages/home.png);
	
	}
.aboutus span.linkaboutus {
	background-image:url(../images/navimages/aboutus.png);
	}
.philosophy span.linkphilosophy {
	background-image:url(../images/navimages/philosophy.png);
	}
.work span.linkwork {
	background-image:url(../images/navimages/work.png);
	}
.makecontact span.linkmakecontact {
	background-image:url(../images/navimages/makecontact.png);
	}


.retail span.linkretail {
	background-image:url(../images/navimages/retail.png);
	
	}
.realestate span.linkrealestate {
	background-image:url(../images/navimages/realestate.png);
	}
.broadcast span.linkbroadcast {
	background-image:url(../images/navimages/broadcast.png);
	}
.web span.linkweb {
	background-image:url(../images/navimages/web.png);
	}
	
.retail span.linkretail:hover {
	background-position:bottom;	
	}
.realestate span.linkrealestate:hover {
	background-position:bottom;
	}
.broadcast span.linkbroadcast:hover {
	background-position:bottom;
	}
.automotive span.linkautomotive {
	background-image:url(../images/navimages/automotive.png);
	}
.automotive span.linkautomotive:hover {
	background-position:bottom;
	}
.web span.linkweb:hover {
	background-position:bottom;
	}



.home span.linkhome:hover {
	background-position:bottom;
}
.aboutus span.linkaboutus:hover {
	background-position:bottom;
	}
.philosophy span.linkphilosophy:hover {
	background-position:bottom;
	}
.work span.linkwork:hover {
	background-position:bottom;
	}
.makecontact span.linkmakecontact:hover {
	background-position:bottom;
	}
	


/* ---------------------------------------------- */
/* ------------------------- HOME PAGE ---------- */
/* ---------------------------------------------- */





#containerHome {
	width: 460px;
	height:115px;
	margin-top:130px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:85px;
}
#footerHome {
	margin-right: auto;
	margin-left: auto;
	width:460px;
	height:74px;
	background-repeat:no-repeat;
}


/* ---------------------------------------------- */
/* ---------------------- NAV BAR HOME PAGE ----- */
/* ---------------------------------------------- */

#navbarHome{
	display:inline;
	text-align: center;
	
	}

#navbarHome ul {
	list-style-type:none; /* important to keep the bullets off your list items */
	padding:0;
	}

.hhome, .hphilosophy, .hwork, .hmakecontact {
	position:relative; /* this value important: do not change. */
	width:115px; 
	height:125px; 
	font-size:12px; 
	float: left; 
	font-family: Verdana, Helvetica, sans-serif;
	}



.hhome span, .hphilosophy span, .hwork span, .hmakecontact span {
	position:absolute; /* important value for anchoring image: don't change */
	top:0; /* important value for anchoring image: don't change */
	width:115px; 
	height:125px;
	left: 0px;
	display:block;
	}


.hhome span.linkhhome {
	background-image:url(../images/homenavbar/homeaboutus.png);
	}

.hphilosophy span.linkhphilosophy {
	background-image:url(../images/homenavbar/homephilosophy.png);
	}


.hwork span.linkhwork {
	background-image:url(../images/homenavbar/homework.png);
	}
.hmakecontact span.linkhmakecontact {
	background-image:url(../images/homenavbar/homemakecontact.png);
	}


.hhome span.linkhhome:hover {
	background-position:0 bottom;
	}
.hphilosophy span.linkhphilosophy:hover {
	background-position:0 bottom;
	}
.hwork span.linkhwork:hover {
	background-position:0 bottom;
	}
.hmakecontact span.linkhmakecontact:hover {
	background-position:0 bottom;
	}