/* -----------------------------------------------------------------------------
   
   cc.css
   * Stylesheet for Creative Captures website.
   
----------------------------------------------------------------------------- */

.alert { color: red; font-weight: bold; }

html, body {
	background: #02314d url(../images/background.jpg) top center no-repeat;
	font: 12px/18px 'lucida grande', verdana, tahoma, sans-serif;
	margin: 0;
	padding: 0;
}

#chrome {
	margin: 0 auto;
	width: 961px;
}

a:link, a:visited, a:active {
	color: #1e4f6f;
}

a:hover {
	color: #000;
}

h4 {
	font-weight: bold;
}

th {
	background: none;
}

label span {
	color: #c00;
}

/* Header
----------------------------------------------------------------------------- */

#main {
	background: url(../images/main.gif) top center no-repeat;
	padding: 0 8px;
}

#main_i { background: #fff; }

#header {
	background: url(../images/header.jpg) top center no-repeat;
	height: 74px;
}

#logo {
	display: block;
    height: 0px !important;
    height /**/:68px;
	overflow: hidden;
	padding: 68px 0 0 0;
	width: 230px;
}


/* Main navigation buttons.
----------------------------------------------------------------------------- */

#navigation {
	background: #fff url(../images/navigation_bg.jpg) 0 62px no-repeat;
	height: 61px;
	list-style: none;
	margin: 0;
	padding: 0 0 8px 0;
}

#navigation li {
	float: left;
}

/* Main navigation buttons. */
#navigation li a
{
	background: url(../images/navigation.jpg) top left no-repeat;
	display: block;
	float: left;
    height: 0px !important;
    height /**/:61px;
	overflow: hidden;
	padding: 61px 0 0 0;
	width: 135px;
}

#navigation li a:active, #navigation li a:focus {
	outline: none; -moz-outline-style: none;
}

#navigation li#nav_fine_art a          { background-position: -135px 0; }
#navigation li#nav_commercial a        { background-position: -270px 0; }
#navigation li#nav_portrait a          { background-position: -405px 0; }
#navigation li#nav_events a            { background-position: -540px 0; }
#navigation li#nav_contact a           { background-position: -675px 0; }
#navigation li#nav_shop a              { background-position: -810px 0; }

#navigation li#nav_home a:hover        { background-position:    0px -61px; }
#navigation li#nav_fine_art a:hover    { background-position: -135px -61px; }
#navigation li#nav_commercial a:hover  { background-position: -270px -61px; }
#navigation li#nav_portrait a:hover    { background-position: -405px -61px; }
#navigation li#nav_events a:hover      { background-position: -540px -61px; }
#navigation li#nav_contact a:hover     { background-position: -675px -61px; }
#navigation li#nav_shop a:hover        { background-position: -810px -61px; }

#navigation li#nav_home a:active       { background-position:    0px -122px; }
#navigation li#nav_fine_art a:active   { background-position: -135px -122px; }
#navigation li#nav_commercial a:active { background-position: -270px -122px; }
#navigation li#nav_portrait a:active   { background-position: -405px -122px; }
#navigation li#nav_events a:active     { background-position: -540px -122px; }
#navigation li#nav_contact a:active    { background-position: -675px -122px; }
#navigation li#nav_shop a:active       { background-position: -810px -122px; }

body#page_home #navigation li#nav_home a             { background-position:    0px -183px; }
body#page_fine_art #navigation li#nav_fine_art a     { background-position: -135px -183px; }
body#page_commercial #navigation li#nav_commercial a { background-position: -270px -183px; }
body#page_portrait #navigation li#nav_portrait a     { background-position: -405px -183px; }
body#page_events #navigation li#nav_events a         { background-position: -540px -183px; }
body#page_contact #navigation li#nav_contact a       { background-position: -675px -183px; }
body#page_shop #navigation li#nav_shop a             { background-position: -810px -183px; }


/* Content.
----------------------------------------------------------------------------- */

#content, #sidebar {
	background: #fff;
	float: left;
}

#content {
	padding: 12px 20px 10px;
	width: 635px;
}

#content ul {
	list-style: none;
	margin-left: 1em;
}

#content li {
	background: url(../images/bullet_green.png) top left no-repeat;
	padding-left: 22px;
}

#content ul.photos {
	margin: 0;
}

#content ul.photos li {
	background: none;
	float: left;
	padding: 0 20px 20px 0;
}

#content ul.photos li.r {
	padding-right: 0;
}

#content ul.photos li.b {
	padding-bottom: 0;
}

#sidebar {
	padding: 12px 20px 10px 0;
	width: 250px;
}


/* Footer.
----------------------------------------------------------------------------- */

#fix { height: 0px; }

#footer {
	height: 36px;
}


/* Featured capture.
----------------------------------------------------------------------------- */

#featured {
	background: url(../photos/featured.jpg) no-repeat;
	height: 351px;
	margin-bottom: 20px;
	position: relative;
	width: 635px;
}

#featured a {
	text-decoration: none;
}

#featured_shadow {
	background: url(../images/featured_shadow.png) no-repeat;
	display: block;
	height: 351px;
	width: 635px;
}

#featured .title {
	font-weight: bold;
}

#featured .date {
	font-style: italic;
}

#featured .info, #featured .info_shad {
	background: url(../images/featured_caption.png);
	bottom: 0;
	color: #fff;
	font-size: 0.9166em;
	left: 0;
	line-height: 1.4;
	padding: 20px;
	position: absolute;
	z-index: 50;
}

#featured .info_shad {
	background: none;
	bottom: -1px;
	color: #222;
	left: 1px;
	z-index: 1;
}


/* About Us.
----------------------------------------------------------------------------- */

#about_us {
	background: #fcfac8 url(../images/boxout.jpg) no-repeat;
	border-bottom: 1px solid #e6dfa2;
	color: #514c29;
	font-size: 0.9166em;
	line-height: 1.4;
	padding: 19px 20px 16px;
}

#about_us h4 {
	background: url(../images/camera.png) top left no-repeat;
	color: #514c29;
	font: bold 1.25em/1.3 arial;
	margin-bottom: 0.6em;
	padding-left: 22px;
}

#about_us p, #about_us li {
	margin-bottom: 0.5em;
}

#about_us ul, #about_us p.last {
	margin-bottom: 0;
}


/* Contact Us Table.
----------------------------------------------------------------------------- */

#contact_tbl {
	margin: 0 auto 20px;
	width: 75%;
}

#contact_tbl th {
	background: none;
}

#contact_tbl th, #contact_tbl td {
	padding-bottom: 0.5em;
}

#contact_tbl img {
	padding-right: 3px;
	margin-top: -1px;
	vertical-align: middle;
}

/* Events.
----------------------------------------------------------------------------- */

#event_list h4 {
	font-weight: bold;
	margin-bottom: 0.5em;
}

#event_list td {
	padding-bottom: 20px;
	vertical-align: top;
}