/* ***
bistro 
stylin styles
copyright eric smith 2010

colors:


*** */

/*-  normalize everything
----------------------------------------------------------------------*/

/* normalize margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, input, 
p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

/* normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/* remove list-style from lists */
ol, ul {
	list-style: none;
}

/* normalize font-style and font-weight to normal */
address, caption, cite, code, dfn,
th, var {
	font-style: normal;
	font-weight: normal;
}

/* remove table border spacing */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remove border from fieldset and img */
fieldset, img {
	border: 0;
}

/* left-align text in caption and th */
caption, th {
	text-align: left;
}

a:active, a:focus {
  outline: none ! important;
}




.left { float: left; display: inline; width:48%;}
.right { float: right; display: inline;  width:48%; text-align:right;}

.cl { clear: both; display: block; height: 0; font-size: 0; line-height: 0; }
.notext {  font-size: 0; line-height: 0; text-indent: -4000px; color: #fff; }


body { color:#a2a2a2; font:normal 80% Arial, Helvetica, sans-serif; background:#000; text-align:center; }
a:link, a:visited { color:#a2a2a2; text-decoration:none;  }
a:hover, a:active { color:#fff; text-decoration:none;  background-color:transparent;  }
h1 { font:normal 20px Georgia, "Times New Roman", Times, serif; color:#ddd; }
h2 { font-weight:normal; color:#fff; font-size:46px;}
h3 { font-weight:bold; color:#ccc; font-size:14px; text-transform:uppercase; border-bottom:dotted 1px #777; padding-bottom:10px;}
h4.biggie{font-weight:bold; color:#fff; font-size:32px;}

.container{ width:900px; margin:0px auto; position:relative; text-align:left; }
#header {height:69px;}
	
	h1#logo { width:131px; height:69px; margin-left:400px; float:left; padding-top:30px; }
	h1#logo a { display: block; height:69px; background:transparent url('../images/logo.jpg') no-repeat bottom;}

	#cities {float:right; font-size:12px; color:#444; width:100px; text-align:right; padding:47px 5px 0 0;}


#content {margin:90px 0 0;}

#slogan {margin:0 0 60px; height:171px; display:block; width:900px; background:transparent url('../images/slogan.gif') no-repeat center;}


.indent {padding:30px 10px 20px 70px;}
.indent strong {color:#eee;}
.indent p {padding:0 0 10px; line-height:1.5; font-size:1.2em;}

#showcases { height:340px;}
#showcases .projectbox{float:left; margin-right:10px; margin-bottom:10px; width:264px; height:165px; border:solid 1px #555; overflow:hidden;position:relative; background:transparent url('../images/slogan.gif') no-repeat center;}
#showcases .projectbox.last{ margin-right:0px;}
#showcases .projectbox a.wholelink {width:264px; height:165px; display:block;}
#showcases .projectbox .projectinfo {padding:10px;position:absolute; bottom:0; left:0; background:url('../thickbox/macFFBgHack.png') repeat top left; width:244px; display:none;}
#showcases .projectbox .projectinfo h4{color:#fff; font-size:14px;}
#showcases .projectbox .projectinfo p{font-size:12px; color:#bbb; line-height:1; padding:0;}
#showcases .projectbox .projectinfo a{color:#999;}
#showcases .projectbox .projectinfo a:hover{color:#fff;}



ul.contact {width:190px; float:left; }
ul.contact li { color:#bbb; font-size:1.2em; }
ul.contact li h4 { color:#fff; font-weight:normal; font-size:1.1em; padding-bottom:10px;}



/* case study */

a.highlight{color:#EA832C; margin-bottom:10px; display:block;}
a.highlight:hover{color:#fff; }

/*
.textcol{float:left; width:525px;}
.imgcol {float:right; width:268px;}
*/
.imgcol {}
.imgcol img { background:#555; padding:1px; margin-bottom:15px;}

.website1, .website2 {height:535px; width:805px; }
.website2 {display:none;}

a.oldnew{color:#EA832C;}
a.oldnew:hover{color:#fff; }