body{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

a:link, a:active, a:hover, a:visited{
	color:#000;
}

#shell{
	padding:10px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#container{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-70px;
	height:400px;
}

#header_logo{
	margin-left:-10px;
	margin-top:-10px;
	width:366px;
	height:130px;
	background:url(img/mwood.jpg);
}

#headerSpacer{
	height:40px;
	width:100%;
}

hr.cleaner{
	clear:both;
	visibility:hidden;
}

#loginTable{
	float:right;
}

#main_nav{
	
}

#main_nav img{
	border:none;
}

#clientLogin{
	margin-top:-10px;
}

input[type=text],input[type=password]{
	background:url(img/inputbg.jpg) repeat-x;
	height:18px;
	border:1px solid #999;
	border-bottom:1px solid #dcdcdc;
	font-size:12px;
	width:90px;
	padding-top:5px;
	margin-bottom:3px;
	margin-right:1px;
	color:#666;
	padding-left:5px;
	padding-right:5px;
}

#footer{
	background-color:#222222;
	width:100%;
	color:#999;
	font-size:11px;
	height:22px;
	text-align:right;
	padding-top:8px;
	position:fixed;
	left:0;
	bottom:0;
}

#footer a{
	color:#999;
	text-decoration:none;
}

#leftCol{
	width:350px;
	float:left;
	margin-top:20px;
	letter-spacing:0.05em;
}

#rightCol{
	margin-top:20px;
	width:350px;
	float:right;
	letter-spacing:0.05em;
}

.redHeader{
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	color:#640010;
	margin-bottom:20px;
}

#homeNote{
	margin-top:20px;
	font-size:10px;
	font-style:italic;
}

#contactBox{
	float:right;
	width:300px;
	margin-top:20px;
}

#contactBox #largeName{
	font-size:22px;
	color:#333;
	margin-bottom:10px;	
}

#contactBox a{
	color:#cc9966;
	font-style:italic;
	font-size:16px;
}

#contactBox #phone{
	margin-top:5px;
	color:#999;
	font-size:16px;
}

#contact_about{
	margin-top:20px;
	float:left;
	width:430px;
}

#contact_about p{
	letter-spacing:0.05em;
}

.pricingLeft{
	width: 320px; float: left; margin-top: 10px;
}

.pO{
	font-style:italic;
	color:#cc9966;
}

.greyNote{
	font-size:10px;
	color:#999;
	margin-top:20px;
}

.pricingItem{
	background-color:#eee;
	border:1px solid #999;
	font-size:11px;
	float:left;
	width:150px;
	height:150px;
	position:relative;
	font-style:italic;
	color:#333;
	line-height:16px;
	margin-right:8px;
	margin-bottom:8px;
}

.pricingItem h1{
	text-transform:uppercase;
	margin-left:4px;
	color:#cc9966;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	display:inline;
	float:left;
}

.pricingItem h2{
	color:#640010;
	font-style:italic;
	margin-right:4px;
	font-size:12px;
	clear:none;
	float:right;
	display:inline;
}

.pricingItemContent{
	margin-left:5px;
	margin-right:5px;
}



/*admin section*/

.facebox{
	width:100%;
	height:100%;
}

.adminPhotoXButton{
	cursor:pointer;
	float:right;
	height:14px;
	width:14px;
	background:url(../../admin/swfupload/images/cancelbutton.png);
	margin-top:-105px;
	margin-right:5px;
}

.adminPhotoXButton:hover{
	background-position:-14px 0;
}

.adminThumbShell{
	border:1px solid #888;
	text-align:center;
	line-height:100px;
	cursor:pointer;
	width:110px;
	height:110px;
	margin:5px;
	margin-bottom:15px;
	float:left;
	display:block;
}

#galleryList{
	list-style:none;	
}

#galleryList li{
	float:left;
	display:block;
}

#adminUsersLeftCol{
	width:400px;
	float:left;
	font-family:sans-serif;
}

#adminUsersLeftCol h1, #adminUsersRightCol h1{
	font-size:18px;
	text-decoration:underline;
	font-style:italic;
}

#adminUsersRightCol{
	width:400px;
	float:right;
	font-family:sans-serif;
}

.dragBlock{
	width:300px;
	background:#888;
	border:1px solid #aaa;
	font-size:16px;
	height:15px;
	padding:10px;	
	margin-bottom:10px;
	cursor:move;
}

.dragBlock:first-letter{
	text-transform:capitalize;
}

.dropBlock{
	width:380px;
	min-height:60px;
	background-color:#888;
	padding:10px;
	margin-bottom:10px;
	border:1px solid #aaa;
}

.dropBlock .userItem{
	width:360px;
	margin-left:auto;
	margin-right:auto;
	background-color:#666;
	border:1px solid #aaa;
	padding:10px;
	margin-bottom:10px;
}

.userXButton{
	cursor:pointer;
	width:14px;
	height:14px;
	background:url(../../admin/swfupload/images/cancelbutton.png);
	position:absolute;
	margin-left:348px;
	margin-top:-20px;
}

.userTrash{
	float:left;
	margin:3px 4px 0 4px;
	border:none;
	cursor:pointer;
}

.galleryTrash{
	background:url(../../admin/swfupload/images/cancelbutton.png);
	float:left;
	margin-right:5px;
	width:14px;
	height:14px;
	cursor:pointer;
}

.galleryTrash:hover{
	background-position: 14px 0;
}

.galleryBoxLink span{
	cursor:pointer;
	text-decoration:underline;
}

.galleryBoxLink span:hover{
	text-decoration:none;
}

.galleryBox{
	margin-top:0;	
}

/*
 * MENU:
 */
#main_nav {width:800px; position:relative; z-index:100;font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html #main_nav {width:801px; w\idth:800px;}
/* remove all the bullets, borders and padding from the default list styling */
#main_nav ul {padding:0;margin:0;list-style-type:none;height:35px;}	
#main_nav ul ul {width:149px;margin-top:4px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#main_nav li {float:left;position:relative;}
/* style the links for the top level */
#main_nav a, #main_nav a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; height:35px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #main_nav a, * html #main_nav a:visited {width:160px; w\idth:148px;}

/* style the second level hover */
#main_nav ul ul a.drop:hover{background:#c9ba65;}
#main_nav ul ul :hover > a.drop {background:#c9ba65;}
/* style the third level background */
#main_nav ul ul ul a, #main_nav ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
#main_nav ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#main_nav ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:160px;}
/* another hack for IE5.5 */
* html #main_nav ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
#main_nav ul ul ul{left:160px; top:-4px; width:149px;}

/* position the third level flyout menu for a left flyout */
#main_nav ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#main_nav table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#main_nav ul ul a, #main_nav ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; width:160px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html #main_nav ul ul a, * html #main_nav ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#main_nav a:hover, #main_nav ul ul a:hover{color:#000; background:#b7d186;}
#main_nav :hover > a, #main_nav ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
#main_nav ul li:hover ul,
#main_nav ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#main_nav ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#main_nav ul :hover ul :hover ul{ visibility:visible;}




/*
 * PROOFING:
 */

h2{
	color:#640010;
	font-size:18px;
	font-style:italic;
	margin-bottom:5px;
}

#previewShell{
	width:380px;
	float:left;
	padding-right:20px;
}

#previewContainer{
	background:#ccc;
	border:1px solid #999;
	width:100%;
	height:380px;
	padding:10px;
}

#shootShell{
	width:360px;
	float:left;
	margin-left:20px;
}

#shootContainer{
	width:100%;
}

.bigImg{
	position:absolute;
}

.galleryStar{
	cursor:pointer;
	float:right;
	height:19px;
	width:20px;
	background:url(../../img/star-unselected.png);
	margin-top:-20px;
	margin-right:2px;
	z-index:10;
}

.galleryStar:hover{
	background:url(../../img/star-unselected2.png);
}

.selectedStar, .selectedStar:hover{
	background:url(../../img/star-selected.png);
}

#folioPreviewShell{
	width:800px;
	float:left;
}

#folioPreviewContainer{
	background:#ddd;
	border:1px solid #999;
	width:768px;
	height:380px;
	padding:10px;
}

#folioShootShell{
	width:800px;
	height:300px;
	float:left;
	margin-left:20px;
	margin-top:10px;
}

#folioShootContainer{
	width:100%;
	height:300px;
	position:relative;
}

#client-nav{
	position:absolute; 
	width:360px; 
	margin-top:390px;
}

#folio-nav{
	position:absolute; 
	width:720px; 
	margin-left:10px; 
	top:260px;
}

.proofingOrder{
	color:#000;
	position:relative;
	margin-top:-60px;
	width:20px;
}