/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* layout.css */

html,body {
	height:100%;
}

body {
	text-align:center;
	background:#fff;
	font:75%/1.5 "Arial",helvetica,sans-serif;
	color:#666;
	min-width:914px;
	line-height:17px;
}

#page {
	width:100%;
	margin:0 auto -66px;
	min-height:100%;
}

* html #page {
	height:100%;
}

/* header */

#header {
	width:100%;
	background:#105952 url(images/header.jpg);
	background-repeat: repeat-x;
	height: 111px;
}

#header .main {
	width:914px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}

h1 {
	width:200px;
	height:50px;
	overflow:hidden;
	background:url(images/caytedesigns_logo.png) no-repeat;
	display:inline;
	float:left;
	margin:30px 0 55px;
}

h1 a {
	float:left;
	width:200px;
	height:50px;
	overflow:hidden;
	text-indent:-100em;
}

h1 em {
	display:block;
	clear:both;
	font:0/0 serif;
	height:0;
	overflow:hidden;
	text-indent:-100em;
}

/* navigation */

#nav {
	margin:40px 0 0;
	float:right;
	font:18px "Arial",sans-serif;
}

#nav li {
	float:left;
	margin: -10px 10px 0px 10px;
	text-align:center;
	}

.nav_item a, .nav_item a:visited {
	color:#FFF;
	text-decoration:none;
	display:block;
	background:url(images/btn_menu.png) no-repeat center;
	width: 103px;
	height: 30px;
	padding-top:10px;
}

.nav_item a:hover, .nav_item a:active {
	color:#105952;
	background: url(images/btn_menu_over.png) no-repeat center;
}

.nav_item_current a,
.nav_item_current a:visited,
.nav_item_current a:hover,
.nav_item_current a:active {
	color:#105952;
	text-decoration:none;
	display:block;
	background:url(images/btn_menu_over.png) no-repeat center;
	width: 103px;
	height: 30px;
	padding-top:10px;
}

/* introduction */

h2 {
	position:relative;
	width:1px;
	height:1px;
}

h2 a {
	position:absolute;
	top: 0px;
	left: 0px;
	display:block;
	width: 1px;
	height: 1px;
	text-indent:-9999px
}

#intro {
	width:100%;
	height:100%;
	margin:0px auto;
}

#intro .intro_main {
	width:914px;
	margin:0px auto;
	text-align:left;
	overflow:hidden;
}

#intro .intro_text a,
#intro .intro_text a:active,
#intro .intro_text a:visited {
	color:#276963;
	text-decoration:none;
}

#intro .intro_text a:hover {
	color:#276963;
	text-decoration:none;
	background-color:#FFD109;
}

#intro .intro_text {
	width: 914px;
	padding: 10px 0;
	overflow: hidden;
	position: relative;
	font-size:15px;
	line-height:25px;
	color:#666;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:lighter;
}

#intro .intro_text .jump {
	width: 150px;
	float: left;
	padding: 10px 13px 0 1px;
	text-align:left;
}

#intro .intro_text .left {
	width: 150px;
	float: left;
	padding: 10px 24px 0 15px;
	text-align:center;
}

#intro .intro_text .multi {
	width: 200px;
	float: left;
	padding: 10px 0px 0 22px;
	text-align:center;
}

#intro .intro_text .right {
	width: 150px;
	float:right;
	padding: 10px 0px 0 0px;
	text-align:right;
}

/* main content */

#main {
	width:100%;
}

div#content {  
	width : 1026px;
}

#wrap {
	width:100%;
	padding:0px 0 0px;
	background:#fff;
}

#wrap .main {
	width:1026px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}

#content {
	width:100%;
	overflow:hidden;
}

.layouts {
	width:100px;
	height:30px;
	overflow:hidden;
	background:url(images/txt_site_layouts.png) no-repeat;
	display:inline;
	float:left;
	margin:40px 0 5px 55px;
	text-indent:-100em;
}

#email {
	width:150px;
	height:30px;
	overflow:hidden;
	background:url(images/txt_email.png) no-repeat;
	float:left;
	margin:40px 0 5px 55px;
	text-indent:-100em;
}

#interactive {
	width:215px;
	height:30px;
	overflow:hidden;
	background:url(images/txt_interactive.png) no-repeat;
	float:left;
	margin:40px 0 5px 55px;
	text-indent:-100em;
}

#logo {
	width:115px;
	height:30px;
	overflow:hidden;
	background:url(images/txt_logo.png) no-repeat;
	float:left;
	margin:40px 0 5px 55px;
	text-indent:-100em;	
}

.top a,
.top a:active,
.top a:visited {
	display:inline;
	float:right;
	margin:50px 58px 5px 55px;
	color:#276963;
	text-decoration:none;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:lighter;
	font-size:12px;
}

.top a:hover {
	color:#276963;
	padding:0 0px 0 0;
	text-decoration:underline;
}

.falcon_layouts {
	overflow:hidden;
	display:inline;
	float:left;
	text-indent:-100em;
}

#content .portfolio li {
	width:100%;
	overflow:hidden;
	clear:both;
	float:left;
	margin: 0 0px 20px 0px;
}

#content .portfolio li .img_full {
	border:1px solid #E1F4EC;
	background:#fff;
}

IMG.img_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#content .portfolio li .flash1 {	
	width:545px;
	height:480px;
	margin:0 0 0 220px;
	background:none;
	padding:0 0 0 0;
}

#content .portfolio li .flash2 {	
	width:555px;
	height:312px;
	margin:0 0 0 220px;
	background:none;
	padding:0 0 0 0;
}

#content .portfolio li .flash3 {	
	width:774px;
	height:288px;
	margin:0 0 0 125px;
	background:none;
	padding:0 0 0 0;
}

#content .portfolio li div {
	float:left;
	width:884px;
	height:38px;
	padding:12px 15px 15px 15px;
	margin:20px auto 0px 55px;
	background:url(images/portfolio/caption_bkgd3.png) no-repeat;
}

#content .portfolio .yellow_div {
	background:url(images/portfolio/green_div.jpg) repeat-x;
	float:left;
	width:884px;
	height:1px;
	padding:12px 15px 30px 15px;
	margin:20px auto 0px 55px;
	text-indent:-100em;
}

#content .portfolio .green_div {
	background:url(images/portfolio/green_div.jpg) repeat-x;
	float:left;
	width:914px;
	height:1px;
	padding:0px 0px 30px 0px;
	margin:0px 0 0px 55px;
	text-indent:-100em;
}

#content .portfolio .ygy_div {
	background:url(images/portfolio/ygy_div.jpg) repeat-x;
	float:left;
	width:884px;
	height:1px;
	padding:12px 15px 20px 15px;
	margin:30px auto 0px 55px;
	text-indent:-100em;
}

.ygy_div2 {
	background:url(images/portfolio/ygy_div.jpg) repeat-x;
	float:left;
	width:865px;
	height:1px;
	padding:0px 15px 20px 15px;
	margin:33px auto 0px 0px;
	text-indent:-100em;
}

.green_div {
	background:url(images/portfolio/green_div.jpg) repeat-x;
	float:left;
	width:914px;
	height:1px;
	padding:0px 0px 30px 0px;
	margin:0px 0 0px 55px;
	text-indent:-100em;
}

#content .portfolio .portfolio_caption {
	width:914px;
	height:158px;
	padding:15px 15px 0px;
	margin:10px auto;
}

#content .portfolio li h3 {
	font-size:17px;
	margin:0 0 5px;
	color:#105952;
	font-weight:lighter;
}

#content .portfolio li h4 {
	font-size:12px;
	font-weight:normal;
	margin:0 0 5px;
	color:#333;
	font-weight:lighter;
}

#content .portfolio li a {
	color:#276963;
	padding:0 0px 0 0;
	text-decoration:none;
}

#content .portfolio li a,
#content .portfolio li a:active,
#content .portfolio li a:visited {
	color:#276963;
	padding:0 0px 0 0;
	text-decoration:none;
}

#content .portfolio li a:hover {
	color:#276963;
	padding:0 0px 0 0;
	text-decoration:underline;
}

/* supplementary content */

#content_sub {
	width: 914px;
	overflow: hidden;
	position: relative;
	float:left;
	padding:12px 0px 15px 0px;
	margin:0px auto 20px 55px;
}

#content_sub .content_1,
#content_sub .content_2 {
	width: 290px;
	height:171px;
	float: left;
}

#content_sub .content_1 {
	margin:0 22px 0 0;
}

#img_1 {
	padding:62px 0 14px 0;
}

#img_2 {
	padding:0 0 14px 0;
}

#img_3 {
	padding:8px 0 10px 0;
}

#content_sub .content_1 li h4,
#content_sub .content_2 li h4,
#content_sub .content_3 li h4{
	float:left;
	width:243px;
	height:71px;
	padding:15px 15px 30px 15px;
	background:url(images/portfolio/caption_bkgd_sm3.png) no-repeat;
	color:#333;
	margin:10px 10px 0 0;
}

.content_3 {
	width: 290px;
	float:right;
	padding: 10px 0px 0 0px;
}

.thumbsm {
	float:left;
	border:1px solid #62928D;
	background:#fff;
	width:288px;
	height:171px;
}

h4 {
	font-size:12px;
	font-weight:normal;
	margin:10px 0 10px;
	float:left;
}

/* footer */

#footer {
	clear:both;
	margin:0 auto;
	text-align:left;
	width:100%;
	height:231px;
	background:#FFF9E2 url(images/footer2.jpg);
	background-repeat: repeat-x;
}

#footer_content {
	width:914px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	padding:35px 0;
	position:relative;
}

#footer_content .footer_photo,
#footer_content .links1,
#footer_content .links2 {
	float: left;
	padding: 0px 27px 0 0px;
}

.footer_txt {
	float: left;
	padding: 0px 82px 0 25px;
	width: 327px;
}

#footer a,
#footer a:active,
#footer a:visited {
	color:#276963;
	text-decoration:none;
	font-size:15px;
	line-height:25px;
}

#footer a:hover {
	color:#276963;
	text-decoration:underline;
	font-size:15px;
	line-height:25px;
}

h5 {
	font-size:12px;
	font-weight:normal;
	margin:32px 0 0px;
}

.footer_header {
	color:#276963;
	font-size:20px;
	font-weight:normal;
	margin:5px 0 5px;
}

.footer_text {
	font-size:15px;
	margin:0px 0 35px;	
}

.links1, .links2 {
	margin:20px 0 0 0;
}

.thumb_photo {
	float:left;
	border:2px solid #62928D;
	background:#fff;
	width:107px;
	height:145px;
	margin: 5px 0;
}