{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350
{\fonttbl}
{\colortbl;\red255\green255\blue255;}
\margl1440\margr1440\vieww9000\viewh8400\viewkind0
}

/* 
grey: #7b8287
orange: #e58e1a
red: #bf311a
green: #b3cc95
yellow: #ffe49d
*/



html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	color: #7b8287;
	font-weight: 100;
}
.indexBG {
	background-color: transparent;
	height: 648px;
	width: 900px;
	position: fixed;
}
.indexbigbg {
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(images/INDEXBIGBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.siteBG {
	background-attachment: scroll;
	background-color: transparent;
	height: 900px;
	width: 1250px;
	position: fixed;
}
.sitebigbg {
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(images/SITEBIGBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#container {
	height: 748px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 0px;
}
#container #nav {
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	background-color: #FFF;
	text-align: right;
	float: right;
	height: 25px;
	width: 615px;
	margin-top: 20px;
	margin-right: 0px;
	font-size: 16px;
	color: #7b8287;
	vertical-align: middle;
	padding-top: 8px;
	padding-left: 20px;
	font-weight: lighter;
}
#container #nav .nav {
	text-decoration: none;
	display: inline;
	list-style-type: none;
	vertical-align: middle;
	margin-left: 0px;
}
#container #nav .nav .nav {
	display: inline;
	float: left;
	height: auto;
	width: auto;
	margin-left: 25px;
}
#container #nav .nav .nav ul  {
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}

#container #nav .nav .nav a {
	text-decoration: none;
	color: inherit;
}

#container #nav .nav .nav a:hover {
	color: #e58e1a;
}
	
#container #nav .nav .nav.leftmargin {
	float: left;
	margin-left: 20px;
}
#container #newsletter {
	position: absolute;
	left: 65px;
	top: 65px;
}
#container #newsletterpeeps {
	position: absolute;
	left: 30px;
	top: 300px;
}
.lea  {
	position: absolute;
	top: 300px;
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #939BA1;
	text-align: left;
	height: 200px;
	width: 275px;
	left: 310px;
}
.amy {
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	font-size: 16px;
	color: #939BA1;
	position: absolute;
	height: 200px;
	width: 275px;
	top: 300px;
	left: 575px;
}
.kyle {
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	font-size: 16px;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #939BA1;
	position: absolute;
	height: 200px;
	width: 275px;
	top: 500px;
	left: 310px;
}
.brenden {
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	font-size: 16px;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	color: #939BA1;
	position: absolute;
	height: 200px;
	width: 275px;
	top: 500px;
	left: 575px;
}
#container #socialmedia {
	height: 65px;
	width: 300px;
	padding-right: 5px;
	padding-left: 5px;
	position: absolute;
	top: 70px;
	right: 0px;
	background-color: transparent;
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	font-size: 16px;
	font-weight: lighter;
	color: #e58e1a;
	text-align: right;
}
#container #socialmedia ul .socialicons {
	display: inline;
	width: 250px;
	list-style-type: none;
	height: 80px;
	margin-right: 50px;
}
#container #socialmedia .socialicons li {
	display: inline;
	float: right;
	margin-right: -8px;
	height: auto;
	width: auto;
}
#container #socialmedia p {
	margin-right: 27px;
	margin-top: 5px;
	margin-bottom: -5px;
}
#container #socialmedia p span {
	color: #7b8287;
}
#container #socialmedia p a {
	text-decoration: none;
	color: inherit;
}
#container #socialmedia p a:hover {
	text-decoration: none;
	color: #bf311a;
}
#container #nav .nav .nav ul {
	display: none;
}
#container #indexcopy {
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	font-size: 14px;
	font-weight: 100;
	height: 150px;
	width: 300px;
	position: absolute;
	left: 370px;
	top: 380px;
	color: #7b8287;
	line-height: 1.25em;
}
h1 {
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	font-size: 22px;
	font-weight: lighter;
	color:  #e58e1a;
	font-style: normal;
	font-variant: normal;
	text-transform: lowercase;
	margin-bottom: -5px;
}
h2 {
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: 100;
	font-variant: normal;
	text-transform: none;
	color: #E68F21;
	margin-top: 75px;
	margin-bottom: -15px;
	text-decoration: none;
}
h3 {
	font-size: 16px;
	font-weight: 100;
	color: #E58E20;
	margin-top: 25px;
	margin-bottom: 0px;
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
}
#container #maincontent form .pleasure {
	height: 400px;
}
#container #indexcopy p span {
	font-weight: normal;
	color: #888;
	font-size: 18px;
}
#container .logo {
	position: absolute;
	left: 0px;
	top: 10px;
	width: 282px;
	height: 277px;
}
.selected {
	color: #e58e1a;
}
#container #maincontent {
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	position: absolute;
	height: auto;
	width: 340px;
	left: 330px;
	top: 80px;
	font-size: 14px;
	font-style: normal;
	line-height: 1.25em;
	font-weight: lighter;
	font-variant: normal;
	text-transform: none;
	color: #7b8287;
}
#container #maincopy p span {
	font-weight: normal;
	color: #888;
	font-size: 18px;
}
#container #portfolionav {
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	font-size: 20px;
}
#container #maincontent p span {
	font-weight: normal;
	color: #888;
	font-size: 18px;
}
.portfoliocontent {
	position: absolute;
	top: 200px;
	right: 0px;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 520px;
	width: 650px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.portfolionav {
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: 100;
	font-variant: normal;
	text-transform: none;
	position: absolute;
	height: 40px;
	width: 450px;
	top: 0px;
	right: 0px;
	color: #7b8287;
	padding-bottom: 10px;
	text-align: right;
	vertical-align: middle;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #7b8287;
}
.portfolionav ul {
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.portfolionav ul li {
	text-align: left;
	vertical-align: middle;
	display: inline;
	list-style-type: none;
	margin-left: 10px;
	margin-bottom: 5px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #7b8287;
	padding-right: 15px;
}
.portfolionav ul li a {
	color: inherit;
	text-decoration: none;
}
.portfolionav ul li a:hover {
	color: #e58e1a;
	text-decoration: none;
}
.portfolioborder {
	height: 400px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #939BA1;
	width: 23px;
	top: 30px;
	right: 170px;
	position: absolute;
	margin-top: 45px;
	margin-bottom: 45px;
}
.portfolioimage {
	position: absolute;
	height: auto;
	width: 405px;
	top: 30px;
	right: 195px;
	padding-right: 20px;
}
.thumbs {
	position: absolute;
	height: 400px;
	top: 50px;
	right: 0px;
	width: 170px;
	padding-top: 25px;
	padding-bottom: 0px;
	float: left;
}
.thumbs ul {
	display: inline;
	list-style-type: none;
	margin-bottom: 10px;
	width: 150px;
}
.thumbs ul li {
	display: inline;
	float: left;
	list-style-type: none;
	margin-bottom: 5px;
	border-top-width: 1.5px;
	border-right-width: 1.5px;
	border-bottom-width: 1.5px;
	border-left-width: 1.5px;
	border-top-color: #7b8287;
	border-right-color: #7b8287;
	border-bottom-color: #7b8287;
	border-left-color: #7b8287;
}
.thumbs ul li img {
	text-decoration: none;
	border: 1.5px dotted #939BA1;
}
.submitbutton {
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: lowercase;
	color: #FFF;
	background-image: url(images/submit.gif);
	background-color: transparent;
	height: 84px;
	width: 125px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin-left: 145px;
	background-repeat: no-repeat;
	text-indent: 20px;
	background-position: center;
	padding-bottom: 15px;
}
.submitbutton:hover {
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: lowercase;
	color: #e58e1a;
	background-image: url(images/submit.gif);
	background-color: transparent;
	height: 84px;
	width: 125px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	text-align: center;
	vertical-align: middle;
	text-indent: 20px;
	padding-bottom: 15px;
	margin-left: 145px;
	background-repeat: no-repeat;
}
.sitelinks {
	font-family: "Quattrocento Sans", Arial, sans-serif, "Helvetica 63 Medium Extended";
	font-size: 14px;
	color: #e58e1a;
	text-decoration: none;
}
.sitebigbg #container .amy a {
	color: inherit;
	text-decoration: none;
	float: inherit;
	height: inherit;
	width: inherit;
	position: inherit;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.sitebigbg #container .lea a {
	color: inherit;
	text-decoration: none;
	float: inherit;
	height: inherit;
	width: inherit;
	position: inherit;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.sitebigbg #container .kyle a {
	color: inherit;
	text-decoration: none;
	float: inherit;
	height: inherit;
	width: inherit;
	position: inherit;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.sitebigbg #container .brenden a {
	color: inherit;
	text-decoration: none;
	float: inherit;
	height: inherit;
	width: inherit;
	position: inherit;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container #twitter {
	background-image: url(images/twitterBG.gif);
	background-repeat: no-repeat;
	height: 275px;
	width: 275px;
	position: absolute;
	padding-top: 55px;
	padding-left: 55px;
	top: 170px;
	right: -25px;
}
    .twitter-feed h3{display: none;}
    .twitter-feed h4 a{display:none !important;}
    .twitter-feed span{display:none !important;}
    .twtr-ft{display:none !important;}
	.twtr-join-conv{display:none !important;}
#container #maincontent ul li {
	list-style-type: none;
}
.compatibility {
	text-indent: 10px;
}

.clients {
	text-decoration:none;
	color: #e58e1a;
}

.clients:hover {
	color:#7b8287;
}
#footer {
	font-family: "Quattrocento Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E68F21;
	right: 50px;
	bottom: 0px;
	float: right;
	height: 20px;
	width: 200px;
	position: absolute;
}
#subnav {
	position: absolute;
	top: 275px;
	right: 50px;
	float: right;
	text-align: left;
	width: 150px;
}