/* " */



body, html {
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	font-size: 100%;
	font-family: verdana, helvetica, sans-serif;}
	
body {
	background: #000033 url('/_images/global/gradients/background.png') repeat-x;}

/* SITE STRUCTURE */

#main_container {
	position: relative;
	width: 980px;
	min-height: 600px;
	margin: 20px auto 5px auto;
	border: 3px #ffffff solid;
	background: #000033;}
	
	#header {
		width: 960px;
		height: 100px;
		padding: 10px 10px 10px 10px;}
		
	#navmenu {
		width: 960px;
		padding: 0 10px 0 10px;
		background: #ffffff url('/_images/global/gradients/bar.png') repeat-x bottom left;}
		
	#the_body {
		position: relative;
		color: white;
		width: 940px;
		min-height: 465px;
		padding: 20px 20px 15px 20px;}
		
	#bottom_separator {
		width: 980px;
		height: 27px;
		background: #ffffff url('/_images/global/gradients/bar.png') repeat-x bottom left;}
		
	#bottom_pictures {
		width: 980px;
		height: 100px;}

	#footer {
		width: 970px;
		margin: 0 auto 50px auto;
		padding: 0 5px 0 5px;
		color: #ffffff;
		font-size: 0.65em;
		text-align: right;}
		
			
		
/* the header */

#header_logo {
	width: 137px;
	height: 100px;
	margin: 0 auto 0 auto;}
	
#header_links {
	float: right;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;}
	
	#header_links li {
		margin: 0 0 3px 0;
		text-align: right;}
		
	#header_links a {
		padding: 2px 2px 2px 2px;
		color: #ffffff;
		font-size: 0.55em;
		text-decoration: none;
		text-transform: uppercase;
		background: url(/_images/global/shades/white_low.png);}
	#header_links a:hover {
		border-bottom: 1px #ffffff dotted;}
		
/* the navmenu */

#navmenu_links {
	list-style: none;
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
	text-align: center;}
	
	#navmenu_links li {
		display: inline;
		margin: 0 -6px 0 0;
		text-align: center;}
		
	#navmenu_links a {
		display: inline-block;
		width: 124px;
		margin: 0 0 0 0;
		padding: 5px 5px 5px 5px;
		color: #000033;
		font-size: 0.75em;
		text-decoration: none;
		text-transform: uppercase;
		border-right: 1px #000033 solid;}
	#navmenu_links a:hover {
		background: #dcdcdc;}
		
	.current_section {
		color: #ffffff;
		font-weight: bold;
		background: #b0c4de;}
		
		
		
/* main page */


/* home page */
#home_content {
	float: left;
	overflow: auto;
	width: 325px;
	height: 425px;
	padding: 20px 0 0 0;
	font-size: 0.75em;}
	
	#intro_text p {
		margin: 0 0 10px 0;}

		.staff_name {
			font-weight: bold;}


#big_pic {
	float: left;
	width: 600px;
	height: 450px;
	margin: 0 10px 0px 0;
	text-align: center;
	vertical-align: middle;}
	
	.sections {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=600&height=450&image=/sections///') no-repeat center center;}
		
	.home {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=600&height=400&image=/pages/home/_cover/cover.jpg') no-repeat center center;}

	
	#big_pic a {
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
		cursor: default;
		background:transparent none repeat scroll 0 0;}

	
#breadcrumbs {
	float: left;
	width: 320px;
	margin: 0 0 10px 10px;
	padding: 0 0 10px 0;
	font-size: 0.8em;}
	
	#breadcrumbs a {
		color: #999999;
		text-decoration: none;
		font-weight: bold;
		text-transform: capitalize;}
		
	#breadcrumbs a:hover {
		color: #ffffff;}

#thumbs_area {
	float: left;
	overflow: auto;
	width: 325px;
	height: 425px;}
	

	
.clearer {
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0 0 0 0;}	
	
	
	






/* category menu */

.menu_link {
	color: #ffffff;
	font-size: 0.8em;}
	
	
	
	
	
	
	
/* thumb lists */

#thumb_list {
	width: 300px;
	margin: 28px auto 0 auto;}

	#thumb_list ul {
		list-style: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;}
	
		#thumb_list ul li {
			display: inline-block;
			float: left;
			margin: 8px 8px 8px 8px;
			text-align: center;}
			
			
	/* category menu */	
	.menu_pic {
		display: block;
		width: 80px;
		height: 80px;
		background: blue;}
	
	.menu_pic a {
		display: block;
		width: 100%;
		height: 100%;}
	.menu_pic a:hover {
		border: 2px #ffffff solid;}
		
		
 	
		
	.category_menu a.textlink {
		display:  block;
		color: #ffffff;
		font-size: 0.8em;
		text-decoration: none;
		text-transform: capitalize;}
		
	
	/* category gallery */	
	.gallery_pic {
		display: block;
		width: 80px;
		height: 80px;
		background: blue;}
	
	.gallery_pic a {
		display: block;
		margin: 0 0 0 0px;
		width: 80px;
		height: 80px;}
	.gallery_pic a:hover {
		border: 2px #ffffff solid;}
	
						
	.gallery_pic.item_01 {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=80&height=80&cropratio=1:1&image=/sections///.htaccess') no-repeat 4px 4px; }
										
	.gallery_pic.item_02 {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=80&height=80&cropratio=1:1&image=/sections///_includes') no-repeat 4px 4px; }
										
	.gallery_pic.item_03 {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=80&height=80&cropratio=1:1&image=/sections///_other') no-repeat 4px 4px; }
										
	.gallery_pic.item_04 {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=80&height=80&cropratio=1:1&image=/sections///classics') no-repeat 4px 4px; }
										
	.gallery_pic.item_05 {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=80&height=80&cropratio=1:1&image=/sections///contemporary') no-repeat 4px 4px; }
										
	.gallery_pic.item_06 {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=80&height=80&cropratio=1:1&image=/sections///hospitality') no-repeat 4px 4px; }
										
	.gallery_pic.item_07 {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=80&height=80&cropratio=1:1&image=/sections///public_art') no-repeat 4px 4px; }
										
	.gallery_pic.item_08 {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=80&height=80&cropratio=1:1&image=/sections///residential') no-repeat 4px 4px; }
										
	.gallery_pic.item_09 {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=80&height=80&cropratio=1:1&image=/sections///studio') no-repeat 4px 4px; }
										
	.gallery_pic.item_10 {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=80&height=80&cropratio=1:1&image=/sections///water_features') no-repeat 4px 4px; }
				
	.thispicison a{
		border: #cccccc 2px solid;} 		
		
		
/* bottom pictures */

#bottom_pictures ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;}
	
	#bottom_pictures ul li {
		display: inline;
		width: 140px;
		height: 100px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;}


						
	.botpic_01-residential {
		display: inline-block;
		width: 140px;
		height: 100px;
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/01-residential.jpg') no-repeat center center;}
	.botpic_01-residential:hover {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/01-residential.jpg') no-repeat center center; }	
										
	.botpic_02-hospitality {
		display: inline-block;
		width: 140px;
		height: 100px;
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/02-hospitality.jpg') no-repeat center center;}
	.botpic_02-hospitality:hover {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/02-hospitality.jpg') no-repeat center center; }	
										
	.botpic_03-water_features {
		display: inline-block;
		width: 140px;
		height: 100px;
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/03-water_features.jpg') no-repeat center center;}
	.botpic_03-water_features:hover {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/03-water_features.jpg') no-repeat center center; }	
										
	.botpic_04-public_art {
		display: inline-block;
		width: 140px;
		height: 100px;
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/04-public_art.jpg') no-repeat center center;}
	.botpic_04-public_art:hover {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/04-public_art.jpg') no-repeat center center; }	
										
	.botpic_05-classics {
		display: inline-block;
		width: 140px;
		height: 100px;
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/05-classics.jpg') no-repeat center center;}
	.botpic_05-classics:hover {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/05-classics.jpg') no-repeat center center; }	
										
	.botpic_06-contemporary {
		display: inline-block;
		width: 140px;
		height: 100px;
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/06-contemporary.jpg') no-repeat center center;}
	.botpic_06-contemporary:hover {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/06-contemporary.jpg') no-repeat center center; }	
										
	.botpic_07-studio {
		display: inline-block;
		width: 140px;
		height: 100px;
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/07-studio.jpg') no-repeat center center;}
	.botpic_07-studio:hover {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/07-studio.jpg') no-repeat center center; }	
										
	.botpic_bloopia {
		display: inline-block;
		width: 140px;
		height: 100px;
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia') no-repeat center center;}
	.botpic_bloopia:hover {
		background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/bloopia') no-repeat center center; }	
				 
		
		
	.current_botpic1 {
			background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/01-residential.jpg') no-repeat center center; }	
	.current_botpic2 {
			background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/02-hospitality.jpg') no-repeat center center; }	
	.current_botpic3 {
			background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/03-water_features.jpg') no-repeat center center; }	
	.current_botpic4 {
			background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/04-public_art.jpg') no-repeat center center; }	
	.current_botpic5 {
			background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/05-classics.jpg') no-repeat center center; }	
	.current_botpic6 {
			background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/06-contemporary.jpg') no-repeat center center; }	
	.current_botpic7 {
			background: url('http://vita-nova.com/sections/_other/image.php/?width=140&height=100&cropratio=1.4:1&image=/_images/global/bottom_pictures/bloopia/07-studio.jpg') no-repeat center center; }	
		
		#bottom_pictures ul li a {
			display: inline-block;
			width: 140px;
			height: 100px;
			margin: 0 0 0 0;}

			
			
/* CONTACT */

#contact_sidebar {
                float: right;
                width: 300px;
                height: 420px;
                padding: 10px 10px 10px 10px;
                font-size: 0.85em;
                border-left: 1px #dcdcdc solid;}
               
                .contact_info_cat {
                                color: #dcdcdc;
                                font-size: 0.8em;
                                font-style: italic;}
                               
                               
.contact_intro {
                display: block;
                width: 600px;
                margin: 0 0 40px 0;
                padding: 0 0 15px 0;
                font-size: 0.8em;
                border-bottom: 1px #ffffff solid;}
               
               
#contact_email_form_table {
                font-size: 0.8em;}            
               
                #contact_email_form_table .td1 {
                                width: 90px;
                                vertical-align: top;
                                color: #dcdcdc;
                                font-size: 0.75em;
                                text-transform: capitalize;}
                               
                #contact_email_form_table .td2 {
                                width: 500px;}
                               
                .contact_email_form_input {
                                width: 95%;
                                margin: 0 0 10px 0;}
                .contact_email_form_input:focus {
                                background: #66CCFF;}
                               
                .contact_email_form_textarea {
                                width: 95%;
                                margin: 0 0 10px 0;}
                .contact_email_form_textarea:focus {
                                background: #66CCFF;}
                               
                .contact_email_form_submit {
                                width: 80px;
                                font-size: 0.85em;
                                text-transform: uppercase;
                                border: 1px #ffffff solid;
                                background: #66CCFF;}
                .contact_email_form_submit:hover {
                                font-weight: bold;
                                cursor: pointer;}
                               
                                .contact_badinput1 {
                                                color: #dcdcdc;
                                                font-size: 0.8em;}
                                               
                                .contact_badinput2 {
                                                color: #dcdcdc;
                                                font-size: 0.8em;
                                                font-weight: bold;}
                                               
               
                .email_thanks {
                                display: block;
                                margin: 0 0 30px 0;
                                color: #dcdcdc;
                                font-size: 0.8em;}
                                               
                #contact_email_sent_table {
                font-size: 0.8em;}
               
                #contact_email_sent_table .td1 {
                                width: 80px;
                                color: #dcdcdc;
                                text-transform: capitalize;}
                               
                #contact_email_sent_table .td2 {
                                color: #fffff;
                                font-weight:  bold;}
                               
                               

#email_list {
                float: left;
                position: absolute;
                bottom: 20px;
                width: 600px;
                height: 150px;
                padding: 5px 0 0 0;
                border-top: 1px #ffffff solid;}
               
                .email_list_intro {
                                display: block;
                                margin: 0 0 15px 0;
                                font-size: 0.7em;}
               
                .email_info_box {
                                float: left;
                                width: 175px;
                                margin: 0 10px 10px 0;
                                padding: 5px 5px 5px 5px;
                                font-size: 0.8em;}
                               
                                .email_info_name {
                                                display: block;
                                                font-weight: bold;}
                                               
                                .email_info_position {
                                                display: block;
                                                font-size: 0.85em;
                                                font-style: italic;}
                                               
                                .email_info_address a {
                                                display: block;
                                                color: #00FF33;
                                                font-weight: bold;}