/* style reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}

/* global styles */
html, body {height:100%;}
body {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
	color: #3F3F3F;
    background: #fff url(../img/bg.jpg) repeat;
	line-height:16px;
}

a, a:visited {text-decoration: none; color:#392656;}
a:hover {text-decoration: underline;}

div.clearfix {clear: both;}

.blue{color:#46BCBC}
.purple{color:#6A49AA}

.huge{font-size:26px; line-height:26px;}
.big{font-size:14px;}
.bold{font-weight:bold;}


#outer{display:table; height:100%; overflow: hidden; width:100%; }
#middle{display: table-cell; vertical-align: middle; width:100%;}
#inner{ width:100%;}

#container {width:940px; height:707px; margin:auto; position:relative; }

.left_page_home{width:472px; height:675px; float:left; position:relative; }
	#home_menu{position:absolute; top:35px; left:60px;}
	.hm_home {width:107px; height:20px; display:block; background:url(../img/01_home_on.png) top no-repeat; padding-bottom:8px;}
	.hm_portfolio{width:281px; height:24px; display:block; background:url(../img/02_foodstylingportfolio.png) top no-repeat; padding-bottom:4px;}
	.hm_recipe {width:201px; height:24px; display:block; background:url(../img/03_recipewriting.png) top no-repeat; padding-bottom:4px;}
	.hm_books  {width:111px; height:20px; display:block; background:url(../img/04_books.png) top no-repeat; padding-bottom:8px;}
	.hm_clients{width:116px; height:20px; display:block; background:url(../img/05_clients.png) top no-repeat; padding-bottom:8px;}
	.hm_home:hover {background:url(../img/01_home_on.png) top no-repeat;}
	.hm_portfolio:hover{background:url(../img/02_foodstylingportfolio_on.png) top no-repeat;}
	.hm_recipe:hover {background:url(../img/03_recipewriting_on.png) top no-repeat;}
	.hm_books:hover  {background:url(../img/04_books_on.png) top no-repeat;}
	.hm_clients:hover{background:url(../img/05_clients_on.png) top no-repeat;}

.right_page_home{width:468px; height:675px; float:right; position:relative; }
.right_page_home_shadow{width:468px; height:7px; background:url(../img/dropshadow_home.png) no-repeat; float:right;}
	.contact_home {position:absolute; bottom:40px; left:40px;}
	.contact_home li{font-size:16px; color:#fff; font-weight:normal;  }
	.contact_home li a{color:#fff; font-weight:normal;}
	.contact_home li a:hover{color:#B0A1CE;}

.left_page{width:369px; height:600px; padding:50px 30px 20px 70px; float:left; position:relative; background:url(../img/left_page.png) no-repeat; margin-left:1px; }
.left_page_blue{width:369px; height:600px; padding:50px 30px 20px 70px; float:left; position:relative; background:url(../img/left_page_blue.jpg) no-repeat; margin-left:1px; }
.left_page_shadow{width:335px; height:32px; background:url(../img/leftshadow.png) no-repeat; float:left; margin-left:114px;}

.right_page{width:439px; height:658px; padding:12px 30px 0 0; float:right; position:relative; background:url(../img/right_page.png) no-repeat; margin-right:1px;}
.right_page_purple{width:369px; height:600px; padding:50px 70px 20px 30px; float:right; position:relative; background:url(../img/right_page_purple.jpg) no-repeat; margin-right:1px;}
.right_page_shadow{width:338px; height:32px; background:url(../img/rightshadow.png) no-repeat; float:right; margin-right:111px}

	.left_page_blue .recipe {position:absolute; top:260px; left:70px; width:369px;}
	.right_page_purple .recipe {position:absolute; top:260px; left:30px; width:369px;}
	.left_page_blue .books {position:absolute; top:260px; left:70px; width:369px;}
	.right_page_purple .books{position:absolute; top:260px; left:30px; width:369px;}
	
	.right_page_purple .content{margin:110px 0 20px 0;}
	
	.recipe_img{float:left; margin-bottom:5px;}
	.arrow{float:left; clear:both; margin-right:5px;}
	.recipe_list{float:left; }
	.book_cover{float:left; margin-right:5px;}
	a.page_preview{text-decoration:none; display:block; float:left; position:relative; width:172px; height:114px; margin-bottom:2px;}
	a.page_preview .enlarge{position:absolute; bottom:0; right:0;}

	.contact {position:absolute; bottom:40px; left:70px;}
	.contact li a:hover{color:#392656;}

	#menu{float:left; }
	#logo{float:right;}
	
	.m_home {width:160px; height:15px; display:block; background:url(../img/01_home.jpg) top no-repeat; padding-bottom:3px;}
	.m_portfolio{width:160px; height:15px; display:block; background:url(../img/02_foodstylingportfolio.jpg) top no-repeat; padding-bottom:3px;}
	.m_recipe {width:160px; height:15px; display:block; background:url(../img/03_recipewriting.jpg) top no-repeat; padding-bottom:3px;}
	.m_books  {width:160px; height:15px; display:block; background:url(../img/04_books.jpg) top no-repeat; padding-bottom:3px;}
	.m_clients{width:160px; height:15px; display:block; background:url(../img/05_clients.jpg) top no-repeat; padding-bottom:3px;}
	.m_home:hover {background:url(../img/01_home_on.jpg) top no-repeat;}
	.m_portfolio:hover{background:url(../img/02_foodstylingportfolio_on.jpg) top no-repeat;}
	.m_recipe:hover {background:url(../img/03_recipewriting_on.jpg) top no-repeat;}
	.m_books:hover  {background:url(../img/04_books_on.jpg) top no-repeat;}
	.m_clients:hover{background:url(../img/05_clients_on.jpg) top no-repeat;}

	.m_portfolio_on{width:160px; height:15px; display:block; background:url(../img/02_foodstylingportfolio_on.jpg) top no-repeat; padding-bottom:3px;}
	.m_recipe_on {width:160px; height:15px; display:block; background:url(../img/03_recipewriting_on.jpg) top no-repeat; padding-bottom:3px;}
	.m_books_on  {width:160px; height:15px; display:block; background:url(../img/04_books_on.jpg) top no-repeat; padding-bottom:3px;}
	.m_clients_on{width:160px; height:15px; display:block; background:url(../img/05_clients_on.jpg) top no-repeat; padding-bottom:3px;}


	.content{margin:20px 0;}
	.thumbnails {width:280px; height:170px;}
	.thumbnails img{margin:10px 20px 10px 0; float:left;}
	.captions{clear:both; margin:10px 0;}
	
	.left{float:left;}
	.right{float:right;}
	.clients_list{ width:180px;}
	.clients_list dt{color:#46BCBC; font-size:14px; padding-top:10px;}
	
.right_page_gray{width:369px; height:600px; padding:50px 70px 20px 30px; float:right; position:relative; background:url(../img/right_page_gray.jpg) no-repeat; margin-right:1px;}	
	.right_page_gray .contact{position:absolute; top:170px; left:30px; color:#fff;}
	.right_page_gray .contact li a{color:#fff;}
	
#footer{position:absolute; bottom:0px; left:0px; font-size:11px;}
	#footer ul {padding-left:25px;}
	#footer ul li{float:left; padding:0 5px; background:url(../img/sep.gif) no-repeat right;}
	#footer ul li a{color:#392656;}
	#footer ul li a.underline{text-decoration:underline;}
	#footer p{padding-left:30px; float:left; clear:both;}