/* 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 -191px;
	min-height:100%;
	height: auto !important;
	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;
}

/* introduction */

#intro {
	width:100%;
	background:#FFF url(images/intro.png);
	background-repeat: repeat-x;
	height: 148px;
	margin:0px auto;
}

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

#intro .intro_text {
	padding-top:25px;
	font-size:17px;
	line-height:30px;
	color:#666;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:lighter;
}

#intro .intro_text .start {
	font-size:20px;
}

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

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

/* main content */

#main {
	width:100%;
}

div#content {  
	width : 914px;
}

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

#wrap .main {
	width:914px;
	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:0px 0 10px;
	text-indent:-100em;
}

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

.portfolio #content #portfolio li .thumb {
	float:left;
	border:1px solid #62928D;
	background:#fff;
	width:600px;
	height:171px;
	
}

.portfolio #content #portfolio li .thumb:hover,
.portfolio #content #portfolio li .thumb:focus {
	border-color:#62928D;
}

.portfolio #content #portfolio li div {
	float:right;
	width:260px;
	height:158px;
	padding:15px 15px 0px;
	background:url(images/main_bkgd.png) no-repeat;
}

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

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

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

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

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

/* supplementary content */

#content_sub {
	width: 914px;
	margin: 0 0 40px;
	padding: 10px 0;
	overflow: hidden;
	position: relative;
}

#content_sub .content_email,
#content_sub .content_interactive {
	width: 290px;
	float: left;
	padding: 10px 22px 0 0px;
}

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

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

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

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

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

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

#content_sub .view {
	font:12px "Arial",sans-serif;
	float:left;
	text-align:center;
	font-weight:bold;
}

#content_sub .view a, #content_sub .view a:visited, #content_sub .view a:hover, #content_sub .view a:active {
	color:#1E635B;
	text-decoration:none;
	display:block;
	background:url(images/btn_view.png) no-repeat center;
	width: 75px;
	height: 26px;
	padding-top:10px;
}

/* 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;
}