@charset "UTF-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}


body {
	background-color: #FCFAE2;
	
}

#outer {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	height: 100%;
	background-position: top;
	position: relative;
	background-color: #FCFAE2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	color: #852F26;
	padding-left: 50px;
	font-size: 0.9em;
	padding-top: 10px;
	letter-spacing: .2em;
}

p {
	padding-top: .8em;
	padding-bottom: .8em;
}

/*Navigation*/

/* Text Navigation Bar
#nav {
	width: 700px;
	background-image:url(images/nav_bg.png);
	overflow:hidden;
	background-repeat: repeat-x;
}
#nav h3 {
	font-family: 'Sanvito MM', 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 90%;
	letter-spacing: 0.05em;
	line-height: 1.15em;
	font-weight: bold;
	padding-right: 20px;
	color: #FCFAE2;
	margin: .5em 0;
	text-align: right;
}
#nav a:link {
	color: #FCFAE2;
}    
#nav a:visited {
	color: #FCFAE2;
}
#nav a:hover {
	color: #FFF;
	font-weight: bold;
} 

*/

#nav {
	width: 900px;
	height: 34px;
	position: absolute;
	background-image: url(../images/nav/nav_bar_off.png);
	left: 0px;
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FDFEFE;
	z-index: 5;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	padding-top: 0px;
	top: 101px;
}

#nav li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#nav a {display: block;}


#btn0 {
	left: 284px;
	top: 0;
	width: 60px;
	height: 34px;
}

#btn1 {
	left: 354px;
	top: 0;
	width: 60px;
	height: 34px;
}
#btn2 {
	left: 423px;
	top: 0px;
	width: 65px;
	height: 34px;
}
#btn3 {
	left: 499px;
	top: 0;
	width: 72px;
	height: 34px;
}
#btn4 {
	left: 579px;
	top: 0px;
	width: 100px;
	height: 34px;
}
#btn5 {
	left: 690px;
	top: 0px;
	width: 46px;
	height: 34px;
}
#btn6 {
	left: 740px;
	top: 0;
	width: 80px;
	height: 34px;
}
#btn7 {
	left: 827px;
	top: 0;
	width: 70px;
	height: 34px;
}

#btn0 a {height: 34px;}
#btn1 a {height: 34px;}
#btn2 a {height: 34px;}
#btn3 a {height: 34px;}
#btn4 a {height: 34px;}
#btn5 a {height: 34px;}
#btn6 a {height: 34px;}
#btn7 a {height: 34px;}

#btn0 a:hover {background: url(../images/nav/home_on.png) -80px 0px no-repeat;}
#btn1 a:hover {background: url(../images/nav/profile_on.png) -150px 0px no-repeat;}
#btn2 a:hover {
	background-image: url(../images/nav/services_on.png);
	background-repeat: no-repeat;
	background-position: -220px 0px;
}
#btn3 a:hover {background: url(../images/nav/projects_on.png) -295px 0px no-repeat;}
#btn4 a:hover {background: url(../images/nav/testimonials_on.png) -375px 0px no-repeat;}
#btn5 a:hover {
	background-image: url(../images/nav/press_on.png);
	background-repeat: no-repeat;
	background-position: -485px 0px;
}
#btn6 a:hover {background: url(../images/nav/artwork_on.png) -535px 0px no-repeat;}
#btn7 a:hover {background: url(../images/nav/contact_on.png) -623px 0px no-repeat;}


/*Main Layout*/

#feature {
	float: left;
	width: 200px;
	position: relative;
	z-index: 100;
}

#content {
	float: left;
	width: 700px;
}



#main {
	float: left;
	width: 900px;
	margin-top: 45px;
}

#left {
	float: left;
	width: 495px;
	margin-top: 45px;
}

#left_inner {
	float: left;
	width: 695px;
	margin-top: 45px;
}

#header {
	height: 101px;
	position: relative;
	z-index: 1;
}


#right {
	float: left;
	width: 200px;
	margin-top: 45px;
	text-align: center;
	border-left-width: 5px;
	border-left-color: #C3D2A8;
	border-left-style: double;
}

#right img {
	margin-left: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}

#leftlist {
	width: 45%;
	text-align: right;
	padding: 0 10px;
	float: left;
}

#rightlist {
	width: 45%;
	text-align: left;
	padding: 0 10px;
	float: left;
}

#centerlist {
	width: 100%;
	text-align: center;
}
#services {
	float: right;
	width: 50%;
	position: relative;
	top: 20px;
}
#side_title {
	width: 200px;
	text-align: center;
	padding-top: 20px;
	position: absolute;
	top: 220px;
}

#logo {
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

#logo img {
	padding: 5px 10px;
}	

#port {
	padding-top: 20px;
}

#port p {
	text-align: center;	
}

#port p a {
	text-decoration:none;
	color:#000000;
}

#port p a:hover {
	color:#647A95;
}

#port img {
	border: 2px solid #527796;
}

#port .a1 {
	float: left;
	padding-left: 50px;
	padding-right: 52px;
	
}
#port .a2 {
	float: left;
	
}
#port .a3 {
	float: right;
	padding-right: 50px;
	
}

#port .b1 {
	float: left;
	padding-left: 75px;
	padding-top: 20px;
}

#port .b2 {
	float: right;
	padding-right: 75px;
	padding-top: 20px;
}

.clearboth {
	clear: both;
	height: 1px; 
}

/*Text Classes*/

.body_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #647A95;
	text-align: left;
	margin-right: 25px;
	margin-left: 50px;
	line-height: 1.5em;
}	

.bold_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #647A95;
	text-align: left;
	margin-right: 25px;
	margin-left: 50px;
	line-height: 1.5em;
}

.body_text ul {
	margin-right: 25px;
	margin-left: 100px;
	color: #852F26;
}

.body_text a {
	color: #852F26;
}

.body_text a:hover {
	color: #647A95;
}		

.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #647A95;
	text-align: center;
	line-height: 1.25em;
}	

.list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #004A80;
	line-height: 1.75em;
}	

.header {
	font-family: 'SanvitoMM', 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 90%;
	letter-spacing: 0.05em;
	line-height: 1.4em;
	font-weight: bold;
	color: #004A80;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}

.header a {
	color:#004A80;
}

.header a:hover {
	color:#852F26;
	text-decoration:none;
}

.callout_text {
	font-family: 'SanvitoMM', 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 14pt;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #647A95;
}

.quote {
	font-family: 'SanvitoMM', 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 120%;
	letter-spacing: 0.05em;
	line-height: 1.4em;
	font-weight: bold;
	color: #852F26;
	text-align: center;
	margin-right: 25px;
	margin-left: 50px;
}
.testimonial {
	font-style: italic;
	color: #852F26;
	text-align: right;
	font-size: 70%;
	padding-right: 25px;
	margin-top: -15px;
	margin-bottom: 10px;
}


.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #004A80;
	letter-spacing: 0.0125em;
	text-align: center;
	line-height: 1.5em;
}	

.footer a {
	text-decoration:none;
	color: #004A80;
}

.footer a:hover {
	color:#852F26;
	text-decoration:underline;
}

.photo_left {
	float: left;
	border: 2px solid #527796;
	margin-right: 25px;
}


/*Form*/

#signup {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.form_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: center;
	vertical-align: middle;
}


/*Footer*/

#footer {
	width: 100%;
	margin: 0px;
}