/* General Styles */
html {
	min-height:100%;
	margin:0px 0px 1px 0px;
	padding:0p 0px 1px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	outline: 0;
	overflow-y: scroll;
}

body {
	background-color:#FFFFFF;
	margin:0px 0px 1px 0px;
	padding:0px;
	min-height:100%;
}
a:active {outline: none;}
:focus{-moz-outline-style: none;}

.clear {clear:both;}

a:link, a:visited, a:active {
	text-decoration:underline;
	color:#666666;
}
a:hover {
	text-decoration:underline;
	color:#333333;
}

img {border:none}

.lower {text-transform:lowercase}

.bigger {font-size:1.2em;}

.smaller {font-size:0.9em;}

/* Site-Wide Specific Styles */
#container {width:800px; margin:20px auto 20px auto; padding:0px;}

#header {width:800px; height:62px; margin:0px; padding:0px 0px 0px 0px; position:relative;}
#header h1 {text-indent: -100.0em; width:397px; height:62px; background-image:url(../images/james-schettino-architects-logo.gif); background-position:top left; background-repeat:no-repeat; margin:0px; float:left;}
#header h1 a {display:block; width:397px; height:62px;}

#navigation {width:397px; height:28px; margin:0px; padding:0px; float:right;}
#navigation ul {
	width:397px;
	height:28px;
	margin:35px 0px 0px 25px;
	padding:0px;
	list-style-type:none;
	text-transform:uppercase;
	color:#999999;
}
#navigation ul li {
	float:left;
	margin:0px 20px 0px 0px;
	padding:0px;
}
#navigation ul li.last {margin-right:0px}
#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {
	text-decoration:none;
	color:#999999;
}
#navigation ul li a:hover {
	text-decoration:none;
	color:#666666;
}
#navigation ul li.active-page a {
	text-decoration:none;
	color:#666666;
}
#breadcrumb {
	margin:0px 0px 20px 0px;
	padding:0px 0px 1px 0px;;
	font-family:Arial;
	font-size:10px;
	color:#999999;
	padding:0px;
	height:17px;
	line-height:17px;
}
#breadcrumb h2 {display:inline; margin:0px; padding:0px; color:#999999; text-transform:uppercase; font-weight:normal; font-size:1.2em;}
#breadcrumb h2 a {text-decoration:none; color:#999999}

.content-image {
	margin:0px 0px 10px 10px; float:right;
}

.sub-link {font-size:1.0em; margin:30px 0px 0px 0px}

#main-content {width:800px; margin:-10px 0px 0px 0px; padding:10px 0px 5px 0px; line-height:20px; color:#666666; border-top:1px solid #CCCCCC; position:relative;}
#main-content.home {font-size:1.2em; text-align:justify; text-justify:inter-word; }
#main-content ul li {margin:0px 0px 5px 0px}


/* Home Page */
.feature-image {width:800px; height:450px; margin:0px 0px 10px 0px; padding:0px; overflow:hidden} 
.feature-image img {  
    width:  800px; 
    height: 450px; 
    top:  0; 
    left: 0 
}

/* Principal Bios */
.bio-box {
	float:left; width:370px; margin:0px 15px 0px 0px; padding:0px;
}
.bio-header {
	width:100%; margin:0px; padding:0px 0px 10px 0px;; border-bottom:1px solid #CCCCCC;
}
.bio-title {float:left; margin:0px; padding:0px;}
.bio-photo {float:right; width:125px; height:113px; margin:0px; padding:0px;}
h3 {font-size:12px; font-weight:bold; margin:0px 0px 3px 0px; }

/* Gallery Main Page */
.gallery-category {width:190px; height:160px; float:left; font-size:0.9em; color:#999999; text-align:center; margin:0px 9px 20px 0px;padding:0px;}
.gallery-category.last {margin-right:0px;}
.gallery-category h4 {font-weight:bold; margin:-5px 0px 3px 0px; font-size:1.1em;}
.gallery-category a:link img, .gallery-category a:visited img, .gallery-category a:active img {border:1px solid #fff; margin:0px}
.gallery-category a:hover img {border:1px solid #666666;}

/* Gallery Category Page */
.gallery-photo {float:left; width:120px; height:90px; margin:0px 15px 16px 0px; padding:0px;}
.gallery-photo.last {margin-right:0px;}
.gallery-photo a:link img, .gallery-photo a:visited img, .gallery-photo a:active img {border:1px solid #fff;}
.gallery-photo a:hover img {border:1px solid #666666;}

/* Publications */
.pub-image {float:left; margin:0px 30px 10px 0px; padding:0px;}
.pub-image.border {border:1px solid #CCCCCC}
.download-text {margin:0px 0px 0px 20px; font-size:0.9em; line-height:18px}
.download-text a img {margin:5px 0px 0px 0px; padding:0px;}

/* Contact */
.contact-page {margin:0px 0px 10px 0px; padding:70px 230px 40px 230px; width:340px; height:340px; background-image:url(../images/contact-page-back.gif); background-position:top left; background-repeat:no-repeat;}
.contact-text {
	margin:0px; width:300px; padding:20px; height:300px; border:1px solid #CCCCCC; text-align:center; background-color:#fff; 
}

/* Contact Info in Footer */
#contact {width:800px; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; border-top:1px solid #CCCCCC; color:#666666; font-size:0.9em; text-transform:uppercase; }
#contact ul {
	width:800px;
	height:28px;
	margin:0px 0px 0px 12px;
	padding:0px;
	list-style-type:none;
}
#contact ul li {
	float:left;
	margin:0px 26px 0px 0px;
	padding:0px;
}
#contact ul li.last {margin-right:0px}
#contact ul li a:link, #contact ul li a:visited, #contact ul li a:active {
	text-decoration:underline;
	color:#666666;
}
#contact ul li a:hover {
	text-decoration:underline;
	color:#666666;
}

/* Copyright Info in Footer */
#copyright {font-size:0.8em; color:#999999; width:100%; text-align:center}
#copyright a:link {color:#999999; text-decoration:underline;}
#copyright a:visited {color:#999999; text-decoration:underline;}
#copyright a:hover {color:#666666; text-decoration:underline;}
#copyright a:active {color:#999999; text-decoration:underline;}