/* @override http://localhost/fadelight/styles/style.css */

table { padding: 0px; margin: 0px; vertical-align: top; }
td { margin: 0px; padding: 0px; vertical-align: top; }
input { font-size: 11px; }
select { font-size: 11px; }
option { font-size: 11px; }
textarea { font-size: 11px; }
img { border: 0px; }

p {
	margin: 0 0 10px;
	padding: 0;
}

a:active, a:focus { outline: 0; }

a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover, a:active {
	color: #626262;
	text-decoration: none;
}

h2 {
	color: #FFFFFF;
	font-size: 14px;
	text-align: left;
	width: 319px;
	clear: none;
	margin: 20px auto 0;
}

.display_message {
	width: 299px;
	margin: 0 auto 20px;
	text-align: left;
	padding: 10px;
	border: 1px solid #0f5;
	background-color: #2a5332;
	color: white;
}

.display_error {
	width: 299px;
	margin: 0 auto 20px;
	text-align: left;
	padding: 10px;
	border: 1px solid #f99d39;
	background-color: #744714;
	color: white;
}

.display_error li {
	list-style-position: inside;
}

.clear {
	clear: both;
}

/* @group Structure */

body {
    margin: 0px;
    padding: 0px;
    color: #afafaf;
    background-color: #373737;
	font: 14px/18px 'Myriad Pro', Myriad, Tahoma, sans-serif;
}

#bottom {
	background-color: #373737;
	padding-top: 20px;
}

#content {
	text-align: center;
}

#content p {
	text-align: justify;
	width: 319px;
	margin: 0 auto;
}



/* @end */

/* @group Top */

#logo {
	margin-left: 4px;
}

#logo img {
	margin-top: 39px;
}

#nav {
	padding: 0 0 60px;
	list-style: none;
	height: 36px;
	margin: 0;
}

#nav li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-right: 13px;
	margin-left: 13px;
	vertical-align: top;
}

#nav li a:link, #nav li a:visited {
	display: inline-block;
	zoom: 1;
	font-size: 18px;
}

#nav li a:hover, #nav li a:active {
	padding-top: 16px;
	color: #afafaf;
}



/* @end */

/* @group Footer */

#footer {
	color: #525252;
	text-align: center;
	font-size: 10px;
	clear: both;
	line-height: 14px;
}

#footer p {
	width: 291px;
	margin-right: auto;
	margin-left: auto;
}

#footer span.links {
	white-space: nowrap;
}

#footer span.content {
	margin-right: 5px;
}

#footer span.divider {
	margin-left: 4px;
	margin-right: 4px;
}

#footer a:link, #footer a:visited {
	color: #afafaf;
	font-size: 10px;
}

#footer a:hover, #footer a:active {
	color: #FFFFFF;
}



/* @end */

/* @group Home */

.home #content {
	background: #626262 url(../images/template/sunburst.gif) no-repeat center 145px;
}

.home #content p {
	margin-bottom: 10px;
}

.home #waves_back {
	background: transparent url(../images/template/wave_back.gif) repeat-x 0 472px;
}

.home #waves_middle {
	background: transparent url(../images/template/wave_middle.gif) repeat-x 0 472px;
}

.home #waves_front {
	background: transparent url(../images/template/wave_front.gif) repeat-x 0 472px;
	height: 509px;
}

.home #logo {
	margin-left: 16px;
}

.home #logo img {
	margin-top: 142px;
}

#content #intro {
	width: 291px;
	display: block;
	font-size: 22px;
	text-align: justify;
	margin: 0 auto 60px;
	line-height: 29px;
}

#intro span.hey {
	color: #FFFFFF;
	font-size: 55px;
	float: left;
	line-height: 58px;
	margin-right: 5px;
	padding: 0;
}

#intro a:link span, #intro a:visited span {
	color: #f99d39;
	background: url(../images/template/trail.gif) no-repeat 2px 14px;
}

#intro a:hover span, #intro a:active span {
	color: #FFF;
	padding-left: 69px;
}



/* @end */

/* @group About */

body.about {
	background-color: #5d5d5d;
}

.about #rain_front {
	background: transparent url(../images/template/rain_front.gif) 0 40px;
}

.about #rain_middle {
	background: transparent url(../images/template/rain_middle.gif) 0 20px;
}

.about #rain_back {
	background: #626262 url(../images/template/rain_back.gif) 0 130px;
}

.about #waves_back {
	background: transparent url(../images/template/wave_back.gif) repeat-x 0px 211px;
}

.about #waves_middle {
	background: transparent url(../images/template/wave_middle.gif) repeat-x 0px 211px;
}

.about #waves_front {
	background: transparent url(../images/template/wave_front.gif) repeat-x 0px 211px;
	height: 248px;
}

.bio {
	padding-bottom: 20px;
	width: 319px;
	margin: 0 auto;
}

.bio img {
	float: left;
	margin-right: 8px;
}

.bio a:link, .bio a:visited {
	padding-left: 2px;
	padding-right: 2px;
}

.bio a:hover, .bio a:active {
	padding-left: 2px;
	padding-right: 2px;
}

a.collapsed:link, a.collapsed:visited {
	border: 1px solid #525252;
}

a.collapsed:hover, a.collapsed:active {
	border: 1px solid #525252;
}

.about #footer {
	color: #454545;
	background: #373737 url(../images/template/ship.gif) no-repeat center top;
	padding-top: 100px;
}

.about #footer_inner {
	background: transparent url(../images/template/floor.gif) repeat-x -80px top;
	padding-top: 30px;
}

.about #footer_copy {
	background-color: #5d5d5d;
	padding-top: 10px;
}



/* @end */

/* @group Services */

.services #content {
	background-color: #626262;
}

.services #content p {
	margin-bottom: 20px;
}

.services #content a:hover, .services #content a:active {
	color: #8f8f8f;
	text-decoration: none;
}

.service_item {

	width: 319px;
	margin: 0 auto;
}

.service_item img {
	float: left;
	margin-right: 8px;
	margin-top: 6px;
}

.services #top {
	background: #373737 url(../images/template/moon.gif) no-repeat center 35px;
}

.services #cloud_back {
	background: transparent url(../images/template/cloud_back.png) repeat-x center 36px;
}

.services #cloud_middle_back {
	background: transparent url(../images/template/cloud_middle_back.png) repeat-x center 78px;
}

.services #cloud_middle {
	background: transparent url(../images/template/cloud_middle.png) repeat-x center 134px;
}

.services #cloud_middle_front {
	background: transparent url(../images/template/cloud_middle_front.png) repeat-x center 144px;
}

.services #cloud_front {
	background: transparent url(../images/template/cloud_front.png) repeat-x center 181px;
	height: 336px;
}

.services #waves_back {
	background: transparent url(../images/template/wave_back.gif) repeat-x 0px bottom;
}

.services #waves_middle {
	background: transparent url(../images/template/wave_middle.gif) repeat-x 0px bottom;
}

.services #waves_front {
	background: transparent url(../images/template/wave_front.gif) repeat-x 0px bottom;
	padding-bottom: 60px;
}

.services #bottom {
	background-color: #626262;
	padding-top: 28px;
}

.services #nav {
	margin-top: 94px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.services #footer {
	margin-top: 10px;
}



/* @end */

/* @group Contact */

.contact #top {
	background: url(../images/template/stars.gif) repeat-x center;
}

.contact #nav {
	margin-top: 94px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.contact #bottom {
	padding-top: 61px;
}

.contact #footer {
	background: #373737 url(../images/template/moon.gif) no-repeat center 50px;
	padding-top: 40px;
}

.contact #footer p {
	padding-top: 274px;
}

.contact #footer_inner {
	background: transparent url(../images/template/cloud_back.png) repeat-x center 0;
}

.contact #footer_copy {
	background: transparent url(../images/template/cloud_middle_back.png) repeat-x center 30px;
}

.contact #footer_inner_1 {
	background: transparent url(../images/template/cloud_middle.png) repeat-x center 120px;
}

.contact #footer_inner_2 {
	background: transparent url(../images/template/cloud_middle_front.png) repeat-x center 156px;
}

.contact #footer_inner_3 {
	background: transparent url(../images/template/cloud_front.png) repeat-x center 201px;
	height: 310px;
}

#portfolio_items {
	width: 495px;
	margin-right: auto;
	margin-left: auto;
}

.boxgrid{  
    width: 161px;  
    height: 161px;  
    float:left;  
    background: #161613 url(../images/content/portfolio/empty.png) no-repeat;  
    border: solid 1px #000;  
    overflow: hidden;  
    position: relative;
	margin: 1px;
}

.boxgrid img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
}

#TB_window .close {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background: #525252;
	width: 12px;
	text-align: center;
	padding-left: 2px;
}

.boxcaption{
	color: #d5d3d4;
    float: left;  
    position: absolute;  
    background: #212224;  
    height: 69px;  
    width: 100%;  
    opacity: .9;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  
}

#content .boxcaption p {
	text-align: center;
	width: auto;
	font-size: 24px;
	margin: 24px 0 0;
	padding: 0;
	line-height: 26px;
}

#content .boxcaption .line2 {
	margin: 11px 0 0;
}

.captionfull .boxcaption {  
    top: 161px;
    left: 0;
}

.caption .boxcaption {  
    top: 92px;
    left: 0;
}

.left_content {
	float: left;
	margin-top: 30px;
}

.left_content .container {
	width: 218px;
	text-align: center;
}

.left_content img {
	background-color: #1e1e1e;
	padding: 9px;
}

.left_content .portfolio_images {
	height: 248px;
	width: 218px;
}

.left_content .image_page {
	list-style: none;
	margin: 15px 0 0;
	padding: 0;
	text-align: center;
}

.left_content .image_page li {
	list-style: none;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0;
	padding: 0;
	width: 18px;
}

.left_content .image_page li a:link, .left_content .image_page li a:visited {
	width: 18px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: transparent url(../images/template/selector.gif) no-repeat center center;
}

.left_content .image_page li a.activeSlide:link, .left_content .image_page li a.activeSlide:visited {
	background: transparent url(../images/template/selector_active.gif) no-repeat center center;
}

.right_content {
	float: right;
	width: 276px;
	border-left: 1px solid #525252;
	padding-left: 15px;
	min-height: 345px;
	text-align: justify;
}

.label {
	width: 70px;
	display: inline-block;
	color: #626262;
}


/* @end */

/* @group Portfolio */

.portfolio #all {
	background: #373737 url(../images/template/cave_top.gif) repeat-x 0 173px;
}

.portfolio #top {
	background: url(../images/template/ship.gif) no-repeat center -30px;
}

.portfolio #floor {
	background: transparent url(../images/template/floor.gif) repeat-x -80px 57px;
}

.portfolio #bottom {
	background-color: transparent;
}

.portfolio #nav {
	margin-top: 94px;
	margin-bottom: 40px;
	padding-bottom: 0;
}

.portfolio p {
	padding-bottom: 10px;
}

.portfolio p.text_field_p {
	height: 17px;
}

.input_left {
	height: 27px;
	width: 154px;
	display: inline-block;
	text-align: left;
	float: right;
}

.input_left_active {
	background: transparent url(../images/template/input_left.gif) no-repeat;
	*background-position: 0 1px;
}

.input_left_active div {
	background: transparent url(../images/template/input_right.gif) no-repeat right top;
	*background-position: right 1px;
}

.input_left input {
	font: 12px/19px 'Myriad Pro', Myriad, Tahoma, sans-serif;
	outline: none;
	padding: 7px 0 7px 2px;
	margin: 0 0 0 4px;
	border: none;
	height: 13px;
	background: transparent url(../images/template/input_back.gif) no-repeat 0 4px;
	width: 144px;
}

.input_left_active input {
	outline: none;
	background: #FFFFFF url(../images/template/input.gif) repeat-x;
	border: none;
	padding: 7px 0;
	margin: 0 0 0 6px;
	width: 142px;
	height: 13px;
}

p label {
	display: inline-block;
	margin-top: 6px;
	float: left;
	width: 165px;
	height: 21px;
}

.portfolio #content p span {
	color: #f99d39;
}

#check_items {
	width: 325px;
	margin: 0 auto 15px;
	text-align: left;
}

.check_item {
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 159px;
}

.textarea_top {
	display: inline-block;
	text-align: left;
}

.textarea_top_active {
	background: transparent url(../images/template/textarea_top.gif) no-repeat;
	border: 1px solid #373737;
}

.textarea_top_active div {
	background: transparent url(../images/template/textarea_bottom.gif) no-repeat bottom left;
}

.textarea_top div.textarea_back {
	margin-top: 6px;
}

.textarea_top_active div.textarea_back {
	background: transparent url(../images/template/textarea.gif) repeat-y;
}

textarea {
	width: 302px;
	height: 132px;
	resize: vertical;
	font: 12px 'Myriad Pro', Myriad, Tahoma, sans-serif;
	border-width: 1px;
	border-color: #626262;
	border-style: solid;
}

.textarea_top textarea {
	outline: none;
	margin: 0 6px 5px;
	padding: 0 0 0 1px;
}

.textarea_top_active textarea {
	outline: none;
	height: 132px;
	width: 302px;
	border: none;
	margin: 0 6px 5px;
	padding: 0 0 0 1px;
}

.note {
	font-size: 12px;
	font-style: italic;
}

.portfolio #footer {
	background: #5d5d5d url(../images/template/cave_bottom.gif) repeat-x;
	color: #454545;
}

.portfolio #footer p {
	padding-top: 190px;
	margin-bottom: 10px;
}

.portfolio #footer_inner_3 {
	background: transparent url(../images/template/skeleton.gif) no-repeat center 160px;
	height: 240px;
}


/* @end */