/*********** Overall Styles ***************/

body
{
	margin: 0px;
	padding: 0px;
}

/*********** Page Specific Styles *********/


#index_nav, #design_nav, #package_nav, #illustration_nav
{
	width: 94px;
	float: left;
	padding: 0px;
	margin: 12px;
}

#index_nav ul, #design_nav ul, #package_nav ul, #illustration_nav ul 
{
	display: list-item;
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

#index_nav_top, #index_nav_home, #index_nav_package, #index_nav_design, #index_nav_illustration, #index_nav_login
{
	height: 19px;
	width: 94px;
}
#design_nav_top, #design_nav_home, #design_nav_package, #design_nav_design, #design_nav_illustration, #design_nav_login
{
	height: 19px;
	width: 94px;
}
#package_nav_top, #package_nav_home, #package_nav_package, #package_nav_design, #package_nav_illustration, #package_nav_login
{
	height: 19px;
	width: 94px;
}
#illustration_nav_top, #illustration_nav_home, #illustration_nav_package, #illustration_nav_design, #illustration_nav_illustration, #illustration_nav_login
{
	height: 19px;
	width: 94px;
}

#index_nav_home { background-image: url("img/index_nav_home.jpg"); }
#index_nav_home a:hover { background-image: url("img/index_nav_home_over.jpg"); }

#index_nav_package { background-image: url("img/index_nav_package.jpg"); }
#index_nav_package a:hover { background-image: url("img/index_nav_package_over.jpg"); }

#index_nav_design { background-image: url("img/index_nav_design.jpg"); }
#index_nav_design a:hover { background-image: url("img/index_nav_design_over.jpg"); }

#index_nav_illustration { background-image: url("img/index_nav_illustration.jpg"); }
#index_nav_illustration a:hover { background-image: url("img/index_nav_illustration_over.jpg"); }

#index_nav_login { background-image: url("img/index_nav_login.jpg"); }
#index_nav_login a:hover { background-image: url("img/index_nav_login_over.jpg"); }

#index_nav_directory { background-image: url("img/index_nav_directory.jpg"); }
#index_nav_directory a:hover { background-image: url("img/index_nav_directory_over.jpg"); }


#design_nav_home { background-image: url("img/design_nav_home.jpg"); }
#design_nav_home a:hover { background-image: url("img/design_nav_home_over.jpg"); }

#design_nav_package {	background-image: url("img/design_nav_package.jpg"); }
#design_nav_package a:hover {	background-image: url("img/design_nav_package_over.jpg"); }

#design_nav_design { background-image: url("img/design_nav_design.jpg"); }
#design_nav_design a:hover { background-image: url("img/design_nav_design_over.jpg"); }

#design_nav_illustration { background-image: url("img/design_nav_illustration.jpg"); }
#design_nav_illustration a:hover { background-image: url("img/design_nav_illustration_over.jpg"); }

#design_nav_login { background-image: url("img/design_nav_login.jpg"); }
#design_nav_login a:hover { background-image: url("img/design_nav_login_over.jpg"); }

#design_nav_directory { background-image: url("img/design_nav_directory.jpg"); }
#design_nav_directory a:hover { background-image: url("img/design_nav_directory_over.jpg"); }


#package_nav_home { background-image: url("img/package_nav_home.jpg"); }
#package_nav_home a:hover { background-image: url("img/package_nav_home_over.jpg"); }

#package_nav_package {	background-image: url("img/package_nav_package.jpg"); }
#package_nav_package a:hover {	background-image: url("img/package_nav_package_over.jpg"); }

#package_nav_design { background-image: url("img/package_nav_design.jpg"); }
#package_nav_design a:hover { background-image: url("img/package_nav_design_over.jpg"); }

#package_nav_illustration { background-image: url("img/package_nav_illustration.jpg"); }
#package_nav_illustration a:hover { background-image: url("img/package_nav_illustration_over.jpg"); }

#package_nav_login { background-image: url("img/package_nav_login.jpg"); }
#package_nav_login a:hover { background-image: url("img/package_nav_login_over.jpg"); }

#package_nav_directory { background-image: url("img/package_nav_directory.jpg"); }
#package_nav_directory a:hover { background-image: url("img/package_nav_directory_over.jpg"); }

#illustration_nav_home { background-image: url("img/illustration_nav_home.jpg"); }
#illustration_nav_home a:hover { background-image: url("img/illustration_nav_home_over.jpg"); }

#illustration_nav_package {	background-image: url("img/illustration_nav_package.jpg"); }
#illustration_nav_package a:hover {	background-image: url("img/illustration_nav_package_over.jpg"); }

#illustration_nav_design { background-image: url("img/illustration_nav_design.jpg"); }
#illustration_nav_design a:hover { background-image: url("img/illustration_nav_design_over.jpg"); }

#illustration_nav_illustration { background-image: url("img/illustration_nav_illustration.jpg"); }
#illustration_nav_illustration a:hover { background-image: url("img/illustration_nav_illustration_over.jpg"); }

#illustration_nav_login { background-image: url("img/illustration_nav_login.jpg"); }
#illustration_nav_login a:hover { background-image: url("img/illustration_nav_login_over.jpg"); }

#illustration_nav_directory { background-image: url("img/illustration_nav_directory.jpg"); }
#illustration_nav_directory a:hover { background-image: url("img/illustration_nav_directory_over.jpg"); }

#index_body { background-image: url("img/index_body.jpg"); }
#design_body { background-image: url("img/design_body.jpg"); }
#package_body { background-image: url("img/package_body.jpg"); }
#illustration_body { background-image: url("img/illustration_body.jpg"); }


a:link
{
	color: #b50a00;
	text-transform: inherit;
	text-decoration: none;
}

a:visited
{
	color: #b50a00;
	text-transform: inherit;
	text-decoration: none;
}

a:hover
{
	color: #b50a00;
	text-transform: inherit;
	text-decoration: none;
}

#index_header_text
{
	padding: 150px 0px 0px 199px;
	color: #695D54;
	text-align: center;
	vertical-align: bottom;
	text-transform: inherit;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
}

#directory_header_text
{
	padding: 150px 0px 0px 0px;
	color: #695D54;
	text-align: center;
	vertical-align: bottom;
	text-transform: inherit;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
}

#package_body a:link { color: #FFF; }
#package_body a:hover {	color: #ffff18; }
#package_body a:visited { color: #FFF; }

#design_body a:link { color: #FFF; }
#design_body a:hover {	color: #9fc9e1; }
#design_body a:visited { color: #FFF; }

#illustration_body a:link { color: #FFF; }
#illustration_body a:hover { color: #e3241c; }
#illustration_body a:visited { color: #FFF; }


#index_body, #design_body, #package_body, #illustration_body
{
	background-position: left top;
	width: 700px;
	height: 795px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-repeat: no-repeat;
}


#index_head {background-image: url("img/index_header.jpg"); }
#design_head {background-image: url("img/design_header.jpg"); }
#package_head {background-image: url("img/package_header.jpg"); }
#illustration_head {background-image: url("img/illustration_header.jpg"); }

#index_head, #design_head, #package_head, #illustration_head
{
	margin: 0px auto 0px auto;
	width: 700px;
	height: 205px;
	background-repeat: no-repeat;
	background-position: left top;
}

#index_head ul li, #design_head ul li, #package_head ul li, #illustration_head ul li 
{
	list-style-type: none;
	margin: 0px;
}

#index_head ul li a, #design_head ul li a, #package_head ul li a, #illustration_head ul li a 
{
	display: block;
	width: 94px;
	height: 19px;
}

#index_login, #design_login, #package_login, #illustration_login
{
	float: right;
	width: 175px;
	height: 175px;
	margin: 12px 12px 0px 12px;
	text-align: right;
	vertical-align: middle;
	text-transform: uppercase;
	color: white;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
}


#index_content, #design_content, #package_content, #illustration_content
{
	display: block;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
}

#index_content, #design_content, #package_content, #illustration_content { padding-top: 75px; }

#index_content p, #design_content p, #package_content p, #illustration_content p
{
	text-align: left;
	color: #695D54;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
}


#index_content h1, #design_content h1, #package_content h1, #illustration_content h1
{
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	color: #695D54;
	font-family: Helvetica, Arial, sans-serif;
}

#index_content h2, #design_content h2, #package_content h2, #illustration_content h2
{
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	color: #695D54;
	font-family: Helvetica, Arial, sans-serif;
}





/********************************************/
/*********** Modified content ***************/
/********************************************/

#index_about, #design_about, #package_about, #illustration_about
{
	width: 432px;
	display: block;
	margin: 0px auto 0px auto;
	padding: 10px;
}
#index_about { background-color: #877d76; }
#design_about { background-color: #000; }
#package_about { background-color: #032153; }
#illustration_about { background-color: #5e0d0c; }


#index_about h1, #design_about h1, #package_about h1, #illustration_about h1
{
	margin: 0px;
	padding: 2px 0px 2px 0px;
	color: white;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

#index_about h2
{
	margin: 10px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	background-color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-size: .6em;
	font-style: normal;
	font-weight: normal;
}		

#index_about h3
{
	margin: 0px;
	padding-top: 10px;
	color: white;
	text-align: center;
	text-transform: inherit;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	font-style: normal;
	font-weight: normal;
}

#index_about p, #design_about p, #package_about p, #illustration_about p
{
	margin: 0px;
	padding: 3px;
	color: white;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	text-transform: inherit;
}

#index_about p
{
	background-color: #ddd9d6;
	clear: both;
	color: #6b5e55;
	padding: 5px;
}

#index_about img, #design_about img, #package_about img, #illustration_about img
{	
	float: left;
	display: inline;
	margin: 0px 10px 10px 0px;
}

#index_news
{
	background-color: #ddd9d6;
	background-image: url("img/index_body_background.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 20px;
}

#index_news p { background-color: transparent; }
#index_news img
{
	margin: 0px;
	padding: 0px;
}

#index_directory h1
{
	text-transform: uppercase;
}

#index_directory p
{
	overflow: auto;
}

#index_directory img
{
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
}

#index_directory b
{
	float: right;
	padding-left: 10px;
}

/********************************************/
/*********** Pull-down navigation ***********/
/********************************************/

#index_subnav, #design_subnav, #package_subnav, #illustration_subnav
{
	display: block;
	padding: 0px 3px 0px 3px;
	color: white;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .9em;
	margin: 6px 0px 6px 0px;
	clear: both;
}

#design_subnav
{
	background-color: #625d51;
}

#package_subnav
{
	background-color: #015187;
}

#illustration_subnav
{
	background-color: #bc221a;
}


/********************************************/
/************ Thumbnail section *************/
/********************************************/

#index_thumbs, #design_thumbs, #package_thumbs, #illustration_thumbs
{
	margin: auto;
	padding: 3px;
	overflow: auto;
}

#index_thumbs
{
	margin-top: 0px;
	background-color: #e4e0dd;
}

#design_thumbs, #package_thumbs, #illustration_thumbs
{
	background-repeat: repeat-y;
	background-position: left top;
}	

#design_thumbs { background-image: url("img/design_footer_dark.jpg"); }
#package_thumbs { background-image: url("img/package_footer_dark.jpg"); }
#illustration_thumbs { background-image: url("img/illustration_footer_dark.jpg"); }

#index_thumbs img, #design_thumbs img, #package_thumbs img, #illustration_thumbs img 
{ 
	background-color: #FFF;
	margin: 3px;
	border-style: none;
}


/*********** Preview Page  ***********************/

#preview
{
	background-image: url("img/preview_ink.gif");
	background-position: left top;
	background-repeat: no-repeat;
	text-align: center;
	text-transform: inherit;
	vertical-align: middle;
}

#preview img
{
	display: inline;
	margin: 75px auto auto auto;
}

#preview_text
{
	display: block;
	width: 500px;
	text-align: center;
	vertical-align: top;
	text-transform: inherit;
}

#preview_text p
{
	margin: 10px 160px 0px 160px;
	width: 480px;
	display: block;
	text-align: left;
	text-transform: none;
	text-decoration: none;
	height: 100px;
}

#preview a { color: white; }
#preview a:visited { color: white; }
#preview a:hover { color: black; }
#preview a:active { color: white; }


/*********** Error Section ***********************/

#error
{
	width: 400px;
	display: block;
	border-color: #FFF;
	border-width: 5px;
	border-style: solid;
	background-color: #EFEDED;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px auto 150px auto;
	text-align: left;
	text-transform: inherit;
}


#error h1
{	
	margin: 0px;
	display: block;
	padding: 5px;
	background-image: url("img/bg_pattern.gif");
	background-repeat: repeat;
	font-size: 14px;
	background-position: left top;
}
#error h1 b
{
	margin: 5px;
	font-size: 36px;
	color: red;
}

#error p
{
	display: block;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #FFF;
	font-size: 10px;
}