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

body {margin:0; font-family:'Muli', sans-serif; font-size:13px; color:#c4c4c4; line-height:18px; }
body.about {background:url(images/background-01.jpg) fixed #2b649b;}
body.black {background:url(images/background-black.jpg) #1c1c1c;}
body.contact {background:url(images/background-02.jpg) fixed #301203;}

#blue a, #blue a:link, #blue a:visited {text-decoration:none; color:#fff; font-size:10px;}
#blue a:hover {color:#1a7c9d;}

h1{
	font-family:'Gudea', sans-serif;
	font-size:22px;
	color:#e5e5e7;
	font-weight:100;
	text-transform:uppercase;
	padding-bottom:15px;
}

h2{
	font-family:'Muli', sans-serif;
	font-size:16px;
	color:#e5e5e7;
	font-weight:100;
	margin-bottom:15px;
	margin-top:5px;
}

h3{
	font-family:'Muli', sans-serif;
	font-size:13px;
	color:#e5e5e7;
	font-weight:100;
	text-transform:uppercase;
	padding-bottom:0;
	margin-bottom:5px;;
}

p{
	font-family:'Muli', sans-serif; 
	font-size:13px; 
	color:#9f9f9f; 
	line-height:18px; 
	margin-top:0;
	margin-bottom:20px;
	padding:0;
}

.serif {
	font-family:'Arapey', serif;
	font-size:14px;
	font-style:italic;
}

.serif a:link, .serif a:visited {
	color:#888888;
	font-family:'Arapey', serif;
	font-size:15px;
	font-style:italic;
	text-decoration:none;
}

.serif a:hover{color:#3399cc}

#header{
	position:fixed;
	width:100%;
	z-index:1000;
	background-color:#000000;
	height:100px;
	filter: alpha(opacity=85);
	opacity: 0.85; 
	padding:0; 
	margin:0;
	}

/* COMMON CLASSES */
.break { clear:both; }
	
#slideshow { height:450px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:450px; position:absolute; }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:170px; margin:0 auto; width:960px; }
#headernav { padding-left:864px; }

/* HEADER TEXT */
#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:180px; }
#firstline { font-family:'Muli', sans-serif; background-image:url(images/background-dotted.png); color:#fff; font-size:30px; padding:20px 20px 20px 20px; float:left; display:block; line-height:35px; clear:both;}
#secondline {font-family:'Muli', sans-serif; background-image:url(images/background-dotted.png); color:#fff; text-decoration:none; font-size:30px; padding:0px 20px 20px 20px; float:left; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color:#cf1a9b; }


/* FLOAT BOX */
#floatbox {float:right; position:relative; top:0px; margin-right:0px; width:300px; font-size:30px; padding:5px; padding-left:20px;}

.pictured { background:#c8005a; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:0; width:268px; }
.pictured a, .pictured a:link { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url(images/btn_back.png); }
#next { background-image:url(images/btn_next.png); }
#control { background-image:url(images/btn_pause.png); }


#mainnav {padding:0; margin:0; padding-top:40px;}
#mainnav li {
	display:inline;
	list-style-type: none; 
	padding-right:10px;
	color:#ffffff;
	}

#mainnav a:link, #mainnav a:visited {font-family:'Gudea', sans-serif; font-size:12px; color:#ffffff; text-transform:uppercase; text-decoration:none;}
#mainnav a:hover {color:#33a9d1;}

.alpha a:link, .alpha a:visited, .alpha a:hover{background:url(images/divider.png) no-repeat right; padding-right:20px;}

#logo {
	width:321px;
	height:95px;
	float:left;
	padding-top:10px;
}

#container  {position:relative;width:100%;overflow:hidden; height:100%;}
#wrapper {width:960px; margin-left:auto; margin-right:auto;}
#content {margin-top:120px; margin-left:auto; margin-right:auto; width:890px; padding-bottom:20px; padding-top:15px; padding-left:35px; padding-right:35px;}
#blackwrapper {background:url(images/background-dotted.png); margin-top:150px; margin-bottom:50px; margin-left:auto; margin-right:auto; width:700px; padding-bottom:20px; padding-top:15px; padding-left:35px; padding-right:35px; overflow:auto;}

.bio{
	display:block;
	float:left;
	width:212px;
	color:#fff;
}

.subparagraph{
	color:#CCC;
	font-size:12px;
	line-height:14px;
	margin-top:0;
}

#gallery-container{
	width:960px;
	overflow:auto;
	margin-bottom:30px;
}

#gallery{
	display:block;
	float:left;
	background:#111111;
	padding:10px;
	margin-top:20px;
}

#gallery-a{
	display:block;
	float:left;
	background:#111111;
	padding:10px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

#gallery-b{
	display:block;
	float:left;
	background:#111111;
	padding:5px 10px 10px 10px;
	margin-top:20px;
}


#service-link, #service-link a:link, #service-link a:visited {
	font-family:'Muli', sans-serif;
	font-size:16px;
	color:#e5e5e7;
	font-weight:100;
	margin-bottom:0;
	padding-bottom:0;
	margin-top:5px;
	text-align:center;
	text-decoration:none;
}

#service-link a:hover{
	color:#33a9d1;
}

#columns{
	width:950px;
	margin-top:30px;
	margin-bottom:30px;
	overflow:hidden;
}

/*#one-third{
	width:220px;
}
*/

/* TITLE */
#title {display:block; padding:2px 2px 2px 30px; color:#e5c5c9; font-size:16px; margin-bottom:5px;}
#title ul, #title li{list-style-image:url(images/bullet.png); margin:0; padding-bottom:5px;}
#title a, #title a:visited { text-decoration:none; color:#e6d0d2;padding-left:5px; margin-left:0; vertical-align:top }
#title a:hover {text-decoration:underline;}


#sidebar{
	position:relative;
	display:block;
	float:left;
	width:220px;
	background:#111111;
	padding:20px;
	margin-right:40px;
	height:auto;
}

#sidebar p{
	font-family:'Arapey', serif;
	color:#9a9a9a;
	font-style:italic;
	font-size:15px;
	line-height:18px;
	margin-top:15px;
	overflow:hidden;
}

#main-col{
	position:relative;
	display:block;
	float:left;
	width:605px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#one-col{
	display:block;
	width:865px;
	background:#111111;
	padding:20px;
	height:auto;
	margin-top:50px;
	margin-bottom:30px;
	overflow:auto;
}

#side-col{
	position:relative;
	display:block;
	float:left;
	width:260px;
	padding-right:25px;
	height:auto;
}

#side-col p{
	font-family:'Arapey', serif;
	color:#9a9a9a;
	font-style:italic;
	font-size:15px;
	line-height:18px;
	margin-top:15px;
	overflow:hidden;
}


#divider{
	border-top:1px dotted #666;
	padding-top:20px;
}

#top{
	display:block;
	float:right;
	margin-right:0;
	margin-top:0;
	padding:3px 10px 3px 10px;
	background:#111111;
	color:#9a9a9a;
}

#top a:link, #top a:visited{
	font-family:'Muli', sans-serif;
	color:#9a9a9a;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}

#top a:hover{
	color:#3399cc;
}

#contact a:link, #contact a:visited{
	background:#ae004e;
	padding:5px 10px 5px 10px;
	font-family:'Muli', sans-serif;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
}

#contact a:hover{
	text-decoration:underline;
}

#footer-bottom {
	background: #050507;
	width:100%;
	margin-bottom:0;
	margin-top:10px;
	padding-top:20px;
	color: #5c5c5c; 
	font-size:11px;
	height:40px;
	text-align:center;
}

#footer { 
	font-size:11px;
	width:100%;
	height:50px;
	color: #5c5c5c; 
	text-align:center;
	background: #050507;  
	}
	
#footer-content {
	width:60%;
	margin: auto;
	display:inline-block;
	vertical-align:top;
}
	
#footer img {
	vertical-align:top;
}
	

/* CONTENT */
#one-third {display:block; width:30%; padding-right:10px; float:left; position:relative;}
#one-third p {font-size:13px; margin:0 auto; }


/* CONTACT*/
#contact-left {float:left; position:relative; display:block; width:50%; margin-bottom:8px;}
#contact-right {float:left; position:relative; display:block; width:50%; margin-bottom:8px;}
.contact-header {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#2fa2c9; text-transform:uppercase; padding-bottom:5px;}

#bluebox a, #bluebox a:visited { text-decoration:none; color:#fefefe; background-color:#1a7c9d; font-weight:bold; padding:2px 5px 2px 5px; font-size:12px;}
#bluebox a:hover { text-decoration:none; color:#fefefe; background-color:#666666; }

#form {
}