/******************************************************************************
 * Global style for Dean's and other restaurants.
 *
 * _general
 *
 * _containers
 *
 * _branding
 *
 * _navigation
 *
 * _primary content
 *
 * _secondary content
 *
 * _footer
 *
 ******************************************************************************/

/*---------------------------------------
 Colors used in site:
 
 heads					#660C13
 -----------------------------------------*/




/* _general
 ******************************************************************************/

/* zero out everything */
* { margin: 0; padding: 0; }

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

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

.clear { clear: both; }

body
{
	background-image: url(bkgntile.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62%;
	line-height: 1.8em;
}

h1
{
	font-size: 1.8em;
	color: white;
	margin-bottom: 1em;
	text-transform: uppercase;
}
h2 { font-size: 1.3em; margin-bottom: 0;color: white; }
p
{
	font-size: 1.2em;
	margin-bottom: 1.2em;
}

p a:link
{
	color: black;
	text-decoration: underline;
}

p a:hover
{
	color: white;
	text-decoration: underline;
}

/* _containers
 ******************************************************************************/
#wrapper
{
	width: 780px;
	margin: 0 auto;
}





/* _branding
 ******************************************************************************/
#branding
{
	height: 100px;
	background-image: url(calvilloCommlogo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
#branding h1
{
	text-indent: -9999em;
	overflow: hidden;
	height: 100px;
	width: 391px;
}
#home_page #branding h1 a { display: none; }

#branding h1 a
{
	position: absolute;
	top: 61px;
	left: 0;
	width: 391px;
	height: 32px;
	overflow: hidden;
	outline: 0;
}

#branding h1 a:hover
{
	background-image: url(calvilloCommlogo_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* _navigation
 ******************************************************************************/

#nav
{
	width: 422px;
	height: 30px;
	position: relative;
	background-image: url(nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav li
{
	float: left;
}

#nav li a
{
	position: absolute;
	top: 0;
	display: block;
	height: 30px;
	text-indent: -9999em;
	overflow: hidden;
	font-size: 1%;
	background-image: url(nav.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	outline: 0;
}

li#client a
{
	left: 0;
	background-position: 0px 0px;
	width: 142px;
}

li#work a
{
	left: 142px;
	background-position: -142px 0px;
	width: 140px;
}

li#contact a
{
	left: 282px;
	background-position: -282px 0px;
	width: 140px;
}

li#client a:hover { background-position: 0 -30px; }
li#work a:hover { background-position: -142px -30px; }
li#contact a:hover { background-position: -282px -30px; }

li#client a:active { background-position: 0 -60px; }
li#work a:active { background-position: -142px -60px; }
li#contact a:active { background-position: -282px -60px; }

#client_page li#client a { background-position: 0 -90px; cursor: default; }
#work_page li#work a { background-position: -142px -90px; cursor: default; }
#contact_page li#contact a { background-position: -282px -90px; cursor: default; }

/* _primary content
 ******************************************************************************/
#content
{
	padding-top: 8em;
}

/* Client Page */
#client_page #content p
{
	margin-bottom: 0;
}
#client_page #content div
{
	clear: both;
}
#client_page #content .image
{
	margin: -1.5em 0 0 -142px;
	float: left;
	padding-bottom: 4em;
}

#client_page #content div h2, #client_page #content div p
{
	padding-left: 142px;
}

/* Work page */
#TB_window h2
{
	color: black;
	margin-bottom: 1.2em;
}

#TB_window img
{
	border:1px solid #666;
}

#work_page #projects li, #home_page #projects li
{
	display: inline;
	margin-right: 1em;
	float: left;
	position: relative;
}


#work_page #projects li a
{
	/*position: absolute;*/
	top: 0;
	display: block;
	height: 213px;
	text-indent: -9999em;
	overflow: hidden;
	font-size: 1%;
	background-repeat: no-repeat;
	background-position: left top;
	outline:0;
}
#work_page #projects li#allianceprint a
{
	background-image: url(allianceprint_bkgn.gif);
	width: 154px;
}
#work_page #projects li#alliancetv a
{
	background-image: url(alliancetv_bkgn.gif);
	width: 240px;
}
#work_page #projects li#toshibaprint a
{
	background-image: url(toshibaprint_bkgn.gif);
	width: 169px;
}
#work_page #projects li#toshibatv a
{
	background-image: url(toshibatv_bkgn.gif);
	width: 214px;
}
#work_page #projects li#upjohn a
{
	background-image: url(upjohn_bkgn.gif);
	width: 220px;
}
#work_page #projects li#allianceprint a:hover,
#work_page #projects li#alliancetv a:hover,
#work_page #projects li#toshibaprint a:hover,
#work_page #projects li#toshibatv a:hover,
#work_page #projects li#upjohn a:hover
{ background-position: left bottom; }


/* _secondary content
 ******************************************************************************/


/* _footer
 ******************************************************************************/
#footer
{
	padding: 4em 0;
	clear: both;
	width: 780px;
	margin: 0 auto;
	text-align: left;
	color: white;
	font-size: .8em;
}