/*
	File: 			global.css
	Description:	Stylesheet for all aspects of Captured Living, www.capturedliving.com
	Company: 		Captured Living, Inc.
	Author:			Captured Living, Inc.
	Copyright:		Copyright 2011. All Rights Reserved.
*/

/* ***** Page Attributes ***** */
* {
	margin: 0;
	padding: 0;
}

html {
	background:#fff;
	height: auto;
	color: #555;
}

body {
	margin: 0 auto;
	color: #fff;
	font:12px Arial, Helvetica, sans-serif;	
	text-align:center;
}

/* ***** Headings ***** */
h1 {
	width:295px;
	height:55px;
	float:left;
}

h1 a {
	text-decoration:none;
	border:0;
}

h1 a img {
	border:0;
}

h2 {
	margin:5px auto;
}

h3 {
	font:18px "Century Gothic",Arial,Helvetica,sans-serif;
	color:#007faa;
}

h4 {
	font:15px "Century Gothic",Arial,Helvetica,sans-serif;
	color:#ff5701;
}


/* ***** Section Attributes ***** */
div#header {
	width:100%;
	height:60px;
	background:url(../images/global/header_background.png) top center repeat-x;
}

div#header_container {
	margin:0 auto;
	width:980px;
	height:55px;
}

div#subnavigation {
	margin:0 auto;
	width:100%;
	height:285px;
	background:url(../images/main/subnavigation_background.png) top center repeat-x;
}

div#container {
	margin:0 auto;
	width:980px;
	
}

div.main {
	margin:5px;
	width:705px;
	text-align:left;
	float:left;
}

div.side {
	margin:5px;
	width:235px;
	text-align:left;
	float:right;
}

div.clear {
	clear:both;
}

/* ***** Content Attributes ***** */
div.article {
	margin:10px;
	font:12px/18px Arial,Helvetica,sans-serif;
	color:#4d4d4d;
}
p {
	margin:10px 0;
}

a {
	color:#007faa;
	text-decoration:none;
	border:0;
}

a:hover {
	color:#007faa;
	text-decoration:none;
	border:0;
}

a img {
	border:0;
}
/* ***** Footer ***** */
div#footer {
	margin:25px auto 0 auto;
	width:100%;
	height:200px;
	background:url(../images/global/footer_background.png) top center repeat-x;
}

div#footer_container {
	margin:0 auto;
	width:980px;
	height:200px;
}

div.footer_section {
	margin:0 auto;
	width:243px;
	height:150px;
	text-align:left;
	float:left;
}

img.footer_line {
	margin:10px auto;
	width:2px;
	height:150px;
	float:left;
}

ul.footer_list {
	margin:15px 25px 10px 25px;
	width:190px;
	list-style:none;
}

ul.footer_list li {
	margin:5px 10px;
	width:170px;
	height:15px;
	list-style:none;
	font:12px "Century Gothic",Arial,Helvetica,sans-serif;
	color:#6a6a6a;
}

ul.footer_list li a {
	color:#6a6a6a;
	text-decoration:none;
}

ul.footer_list li a:hover {
	color:#101010;
}

ul.footer_list li.footer_title {
	margin:0 0 10px 0;
	width:170px;
	height:15px;
	font:14px "Century Gothic",Arial,Helvetica,sans-serif;
	color:#3c3c3c;
}

div.footer_title {
	margin:0 25px;
	width:170px;
	height:15px;
	font:14px "Century Gothic",Arial,Helvetica,sans-serif;
	color:#3c3c3c;
}

ul#footer_social {
	margin:5px 30px;
	width:170px;
	height:35px;
	list-style:none;
}

ul#footer_social li {
	margin:5px;
	width:24px;
	height:24px;
	list-style:none;
	float:left;
}

ul#footer_social li a {
	text-decoration:none;
	border:0;
}

ul#footer_social li a img {
	border:0;
}

div#copyright {
	padding-top:10px;
	width:980px;
	height:15px;
	font:11px "Century Gothic",Arial,Helvetica,sans-serif;
	color:#ccc;
	text-align:right;
	clear:both;
}

/* ***** Main Navigation ***** */
ul#main_navigation {
	margin-top:20px;
	list-style:none;
	float:right;
}

ul#main_navigation li {
	margin:5px;
	font:13px "Century Gothic",Arial,Helvetica,sans-serif;
	list-style:none;
	color:#ccc;
	float:right;
}

ul#main_navigation li a {
	padding:5px;
	background:none;
	text-decoration:none;
	color:#ccc;
}

ul#main_navigation li a:hover {
	background:#555;
	color:#ccc;
}



/* ***** About Us Components ***** */
ul#staff {
	margin:10px 0;
	list-style:none;
	width:235px;
}

ul#staff li.person {
	padding:5px;
	width:225px;
	height:20px;
	font:14px "Century Gothic",Arial,Helvetica,sans-serif;
	list-style:none;
	color:#3c3c3c;
}

ul#staff li.position {
	margin-bottom:5px;
	padding:3px 10px 2px 10px;
	width:215px;
	height:20px;
	font:11px "Century Gothic",Arial,Helvetica,sans-serif;
	background:#dadada;
	text-align:right;
	list-style:none;
	color:#3c3c3c;
}

ul#contact_info {
	margin:10px 0;
	list-style:none;
	width:235px;
}

ul#contact_info li.info {
	padding:5px;
	width:225px;
	font:14px "Century Gothic",Arial,Helvetica,sans-serif;
	list-style:none;
	color:#3c3c3c;
}

ul#contact_info li.position {
	margin-bottom:5px;
	padding:3px 10px 2px 10px;
	width:215px;
	height:20px;
	font:11px "Century Gothic",Arial,Helvetica,sans-serif;
	background:#dadada;
	text-align:right;
	list-style:none;
	color:#3c3c3c;
}

ul#contact_social {
	margin:0;
	width:170px;
	height:35px;
	list-style:none;
}

ul#contact_social li {
	margin:5px;
	width:24px;
	height:24px;
	list-style:none;
	float:left;
}

ul#contact_social li a {
	text-decoration:none;
	border:0;
}

ul#contact_social li a img {
	border:0;
}

/* ***** Services Components ***** */
img.hilite {
	margin:5px 15px;
	border:0;
	float:right;
}

ul#process {
	margin:10px 0;
	list-style:none;
	width:235px;
}

ul#process li {
	margin:5px 0;
	padding:5px 10px;
	width:215px;
	height:20px;
	font:12px "Century Gothic",Arial,Helvetica,sans-serif;
	background:#dadada url(../images/downarrow.png) top right no-repeat;
	border:1px #dadada solid;
	text-align:left;
	list-style:none;
	color:#3c3c3c;
	overflow:hidden;
	cursor:pointer;
}

ul#process li div.process {
	margin:10px 0;
	padding:5px;
	width:205px;
	font:11px/14px Arial,Helvetica,sans-serif;
	background:#fff;
	color:#4d4d4d;
}

ul.subservice {
	width:705px;
	list-style:none;
}

ul.subservice li {
	margin:5px 0;
	padding:5px;
	width:695px;
	height:20px;
	background:#dadada url(../images/downarrow.png) top right no-repeat;
	list-style:none;
	overflow:hidden;
	cursor:pointer;
}

ul.subservice li div.process {
	margin:10px 0;
	padding:5px;
	width:685px;
	font:12px/18px Arial,Helvetica,sans-serif;
	background:#fff;
	list-style:none;
	color:#4d4d4d;
}

ul.servicelist
{
	margin:5px 10px;
	width:175px;
	font:12px/18px Arial,Helvetica,sans-serif;
	color:#4d4d4d;
	float:left;
}

ul.servicelist li {
	margin:5px;
	width:175px;
}

ul.servicephotolist {
	margin:5px 10px;
	width:675px;
	list-style:none;
	float:left;
	clear:right;
}

ul.servicephotolist li {
	margin:5px;
	width:215px;
	list-style:none;
	float:left;
}


/* ***** Portfolio Components ***** */
ul#portfolio {
	margin: 0 auto;
	list-style:none;
}

ul#portfolio li {
	margin:10px;
	width:176px;
	height:145px;
	list-style:none;
	text-align:left;
	float:left;
	color:#3c3c3c;
}

ul#portfolio li a {
	padding:5px;
	width:166px;
	height:135px;
	display:block;
	background:#dadada;
	text-decoration:none;
	color:#3c3c3c;
}

ul#portfolio li a:hover {
	background:#adadad;
}

ul#portfolio li a img {
	width:166px;
	height:100px;
	border:0;
}

ul#portfolio li a span.title {
	height:15px;
	display:block;
	font:12px "Century Gothic",Arial,Helvetica,sans-serif;
	text-transform:capitalize;
	font-weight:bold;
}

ul#portfolio li a span.category {
	height:15px;
	display:block;
	font:11px "Century Gothic",Arial,Helvetica,sans-serif;
	text-transform:capitalize;
}


/* ***** Main Page Components ***** */
div#banner {
	margin:0 auto;
	width:1080px; 
	height:520px;
	z-index:6;
}
div#spotlight {
	margin:25px auto;
	width:980px;
	font:14px "Century Gothic",Arial,Helvetica,sans-serif;
	color:#4d4d4d;
	text-align:left;
}

div#spotlight span.hilight {
	font:18px "Century Gothic",Arial,Helvetica,sans-serif;
	color:#ff5701;
}

div#spotlight img {
	margin-top:0;
	margin-bottom:0;
	margin-left:25px;
	margin-right:25px;
	border:0;
	float:right;
}

div.front_section {
	margin:5px;
	width:235px;
	text-align:left;
	float:left;
}

a.more {
	width:79px;
	height:18px;
	background:url(../images/more_button.png) top center no-repeat;
	display:block;
}

a.more2 {
	width:79px;
	height:18px;
	background:url(../images/view_button.png) top center no-repeat;
	display:block;
}


ul#subnav {
	margin:10px auto;
	width:980px;
	height:285px;
	list-style:none;
	font:16px "Century Gothic",Arial,Helvetica,sans-serif;
	color:#007faa;
}

ul#subnav li {
	margin:15px 1px;
	width:193px;
	list-style:none;
	text-align:left;
	float:left;
}

ul#subnav li a {
	border:0;
	text-decoration:none;
}

ul#subnav li a img {
	margin:10px 0;
	border:0;
}