/**
* CSS
* 
* @version 1.2
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 12px;

	font-family: Georgia;
	background: #ffffff;
}

body.section-1 {
    width: image-width-plus-320px;
}
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #ff0099 }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #ff0099; }
a:hover { text-decoration: underline; }

a img { border: none; }

#menu, #logo {
	float:left;
	width:280px;
	padding-left: 20px;
	clear: both;
	color: #555555;
}

#menu p a, #menu p a:hover {
	color: #555555;
	}
#menu p {
	margin-top: 2em;
	margin-bottom: .5em;
	}	
#menu p:first-child {
	margin-top: 0;
	margin-bottom: 2em;
	}
	#menu p:first-child a {
		display: block;
		margin-top: .5em;
		text-indent: 0;
		}
#menu ul {
	list-style: none;
	margin: 0 0 8px 0;
	overflow:hidden;
}
#menu ul li {
	padding: .25em 0;
}
#menu ul li.section-title { 
	text-decoration: none; 
	color: #333333; 
	font-weight: normal; 
	cursor: pointer;
	padding: 0 0 .25em;
}

#menu ul:last-child a, #menu ul:last-child a:hover {
	color: #555555;
	}


#content {
	float: left;
	width: 700px;
	height: 100%;
    margin: 0;
    top: 0;
}

.container {
    padding: 5px 5px 25px 5px;
}

#content p { width: 525px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

:focus {
	outline: none;
	}

/**
 * Logo
 */
#logo {
	background: transparent url(images/NAV_LOGOTYPE.gif) no-repeat 20px 0;
	height: 120px;
	width: 212px;
	clear:both;
	margin-bottom: 1em;
	}
	#logo a {
		display: block;
		text-indent: -9999px;
		height: 120px;
		width: 212px;
		}

/**
 * Custom Menu items
 * Select using #title-of-section; replace spaces with '-'
 * place images into site/sample/images	
 */

#menu p:first-child {
	text-indent: -9999px;
	background: transparent url(images/NAV_JDPOST.gif) no-repeat 0 0;
	} 

#new-work {
	/* uncomment this when you are ready*/
	text-indent: -9999px;
	background: transparent url(images/NAV_RECENT.gif) no-repeat 0 0;
	}
#books {
	text-indent: -9999px;
	background: transparent url(images/NAV_PUB.gif) no-repeat 0 0; 
	}
#posters {
	text-indent: -9999px;
	background: transparent url(images/NAV_PRINT.gif) no-repeat 0 0; 
	}
#hy-sy-syn-exhibition {
	text-indent: -9999px;
	background: transparent url(images/NAV_EXHIB.gif) no-repeat 0 0; 
	}		 
#environmental-design {
	text-indent: -9999px;
	background: transparent url(images/NAV_ENVIRO.gif) no-repeat 0 0;
	}		 
#architectural-branding {
	text-indent: -9999px;
	background: transparent url(images/NAV_ARCH.gif) no-repeat 0 0; 
	}	
#interactive {
	text-indent: -9999px;
	background: transparent url(images/NAV_INTERACT.gif) no-repeat 0 0; */
	}
#press {
	text-indent: -9999px;
	background: transparent url(images/NAV_PRESS.gif) no-repeat 0 0;
	}		 
#speaking {
	text-indent: -9999px;
	background: transparent url(images/NAV_SPEAK.gif) no-repeat 0 0;
	}	
#info {
	text-indent: -9999px;
	background: transparent url(images/NAV_INFO.gif) no-repeat 0 0; 
	}