@charset "utf-8";

/*-----------------------------------------------------------BACKGROUND TYPE BIZ-----------*/

#bar-on-the-top {width:100%; height: 19px; position:fixed; top:0; left:0; background-image:url(../images/bar-top.jpg); z-index:999;}
#bar-on-the-bottom {width:100%; height: 19px; position:fixed; bottom:0; left:0; background-image:url(../images/bar-bottom.jpg); z-index:998;}
#bg-on-the-top {width:100%; height: 300px; position:fixed; top:19px; left:0; background-image:url(../images/bg-top.jpg); z-index: -1;}
#bg-on-the-bottom {width:100%; height: 300px; position:fixed; bottom:19px; left:0; background-image:url(../images/bg-bottom.jpg); z-index: -2;}

/*-----------------------------------------------------------LAYOUT GLOBALZ-----------*/

body {background:#7f0000; color: #FFFFFF;}
#holder-for-sidebar-and-nav {width:995px; margin: -300px 0 0 -497px; padding: 30px 0 0 0; height: 580px; position: fixed; top: 50%; left: 50%; overflow: visible;}

#sidebar {width:267px; float:left;}

#navigation {width:253px; height:397px; float:right; margin: 80px 0 0 0;}
#navigation li {list-style: none;}
#navigation li a {width:253px; display:block; text-indent:-7777px;}

a#home			{height:47px; background:url(../images/nav-home.png);}
a#services		{height:42px; background:url(../images/nav-services.png);}
a#bio			{height:59px; background:url(../images/nav-bio.png);}
a#gallery		{height:40px; background:url(../images/nav-gallery.png);}
a#publishings	{height:66px; background:url(../images/nav-publishings.png);}
a#clients		{height:42px; background:url(../images/nav-clients.png);}
a#blog			{height:52px; background:url(../images/nav-blog.png);}
a#contact		{height:49px; background:url(../images/nav-contact.png);}

#navigation a:hover {background-position: -253px 0;}
#navigation #current a {background-position: -253px 0;}

#content-in-the-middle {width:450px; height:580px; overflow:visible; position: absolute; top: 50%; left: 50%; margin: -302px 0 0 -215px; padding: 30px 0 0 0;}

#header {background:url(../images/header-background.png) no-repeat; width:455px; height:115px; margin: 15px 0 15px 0;}
#header #pic {width:448px; height:109px; overflow:hidden; padding:1px;}

#photo-holder {background:url(../images/photo-background.png) no-repeat; width:455px; height:315px; overflow: hidden; clear:both;}
#photo-holder #photo {width:449px; height:315px; overflow:hidden; padding:1px;}


/*-----------------------------------------------------------TEXT GLOBALZ-----------*/

body {font-family: "Franklin Gothic Book", "Franklin Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; text-shadow: 1px 1px 2px #000; color: #FFFFFF;}
p {font-size:0.8em;}
p span {font-size:1.8em; font-style:italic; font-family:"Times New Roman", Times, serif;} /*DROP CAPZ*/
#photo p {font-size:0.7em; text-indent: 4px; filter:alpha(opacity=30); opacity: 0.3;}
h4 { width:331px; height:49px; background:url(../images/crave-taste-enjoy.gif); text-indent:-6262px; margin:0 auto;}
h5 {font-size:1em;}

/*-----------------------------------------------------------SIDEBAR-----------*/

h1#logo {background:url(../images/logo.png); width: 267px; height:155px; text-indent:-8888px; clear: both;}

h2.portrait {width:227px; height:293px; text-indent:-8888px; clear: both; margin: 10px auto 0 auto;}
	h2.portrait#a {background-image:url(../images/portrait-a.jpg);}
	h2.portrait#b {background-image:url(../images/portrait-b.jpg);}
	h2.portrait#c {background-image:url(../images/portrait-c.jpg);}
	h2.portrait#d {background-image:url(../images/portrait-d.jpg);}
	h2.portrait#e {background-image:url(../images/portrait-e.jpg);}
	h2.portrait#f {background-image:url(../images/portrait-f.jpg);}
	h2.portrait#g {background-image:url(../images/portrait-g.jpg);}
	h2.portrait#h {background-image:url(../images/portrait-h.jpg);}
	h2.portrait#i {background-image:url(../images/portrait-i.jpg);}
	h2.portrait#j {background-image:url(../images/portrait-j.jpg);}
	h2.portrait#k {background-image:url(../images/portrait-k.jpg);}
	h2.portrait#l {background-image:url(../images/portrait-l.jpg);}
	
#mailing-list {
	width:267px;
	height:58px;
	background-image:url(../images/mailing-list-bg.png);
	clear:both;
	margin: 12px auto 0 auto;
}
#mailing-list-input { width: 152px; height: 24px; background-image: url(../images/mailing-list-inputs.jpg); top:16px; float: left; margin: 16px 0 0 4px;}
#mailing-list-input .join {float: left; padding: 0; margin: 4px 0 0 1px; border: 0; width: 114px; background: none; color:#FFFFFF; text-align:right; font-family: "Franklin Gothic Book", "Franklin Gothic", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
#mailing-list-input .go {float: right; margin: 0;}
#social { background-image:url(../images/social-paint.png); width:123px; height:64px; clear:both; position: relative; top: 0px; left: 7px;}
#facebook {background:url(../images/social-icons.jpg) 0 0; width:22px; height: 22px; text-indent:-2000px; float:left; margin: 17px 0 0 27px;}
#facebook:hover { background-position:0 22px;}
#twitter {background:url(../images/social-icons.jpg); background-position: -22px 0; width:22px; height: 22px; text-indent:-2000px; position:relative; float: left; margin: 17px 0 0 5px;}
#twitter:hover {background-position:-22px -22px;}

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

#blurb {width:449px; text-align:center;	min-height: 168px;}

/*-----------------------------------------------------------SERVICES-----------*/

#photo-holder #services-marquee {width:447px; height:291px; background-image:url(../images/services/background.jpg); overflow:hidden; padding:1px; position:relative; margin:1px 0 0 1px;}

img#corporate { position:absolute; top:14px; left:20px;}
img#cooking { position:absolute; top:56px; left:40px;}
img#private { position:absolute; top:105px; left:64px;}
img#culinary { position:absolute; top:148px; left:83px;}
img#baby { position:absolute; top:183px; left:102px;}
img#weddings { position:absolute; top:229px; left:141px;}

#preview{
	position:absolute;
	background:#000;
	padding:15px;
	display:none;
	color:#fff;
	width:200px;
	}
#preview img {float:left; margin:0 0 15px 0;}

/*-----------------------------------------------------------BIO-----------*/

#bio-holder {width:449px; text-align:justify; text-indent: 2em;}

/*-----------------------------------------------------------PUBLISHINGS-----------*/

#publishings-holder {width:469px; height:750px; margin: 0 0 0 -10px;}
#publishings-holder #blurb {width:449px; text-align:justify; text-indent: 2em; margin:0 0 20px 10px; clear:both;}
#publishings-holder #blurb a {border-bottom:dotted white 1px;}
#publishings-holder #blurb a:hover {border-bottom:solid white 1px;}

.article {width:205px; height:65px; padding:7px; background-image:url(../images/transparent-black-background.png); float: left; margin: 0 0 10px 10px; position:relative;}
.article img {width:50px; height:65px; float:left; margin: 0 7px 0 0;}
.article p {line-height:1.4em;}
.article a {display:block; width:100%; height:100%;}
.article a:hover {background-color:#520000;}

/*-----------------------------------------------------------CLIENTS-----------*/

#clients-holder {width:449px; height:550px;}
#clients-holder img {float:left;}

/*-----------------------------------------------------------CONTACT-----------*/

#contact-holder {width:449px; height:550px;}