/* Cuttlefish.com 2010 Stylesheet */

/* Import Defaults */
@import url(../cp/css/default-reset.css);
@import url(../cp/css/default-controlpanel.css);
@import url(../cp/css/default-forms.css);
@import url(../cp/css/default-yahoo.css);
@import url(../cp/css/default-gallery.css);
@import url(../cp/css/default-blog.css);

/* Fonts */
@font-face { font-family: 'Rockwell'; src: url(fonts/Rockwell-Bold.otf); font-weight:bold; }

/* IE 6 Fixing Alpha PNG Fix */
li.slide, #prevBtn a, #nextBtn a, .footer .col3 a {
	behavior: url(/cp/css/components/iepngfix.htc);
}

/* Template */
body {
	font-size: small;
	font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height: 1.4;
	background:url(uploads/136/footer.gif);
	color: #333;
	margin:0;
	padding:0;
}
.template .header .inner,
.template .columns,
.template .footer .inner {
	width:960px;
	margin:0 auto;
}
.template .wrapper {
	background:#FFF url(uploads/136/background.jpg) no-repeat top center;
}
.template .main {
	width:760px;
	float:left;
}
.template .sidebar {
	width:180px;
	margin-right:20px;
	float:left;
}

/* Header */
.header .inner {
	position:relative;
	padding-top:30px;
	color: #7E7D82;
	font-family: 'Rockwell', Tahoma, American Typewriter;
	letter-spacing: 0.01em;
	overflow: hidden;
	padding-bottom:5px;
	background:url(uploads/136/header.gif) no-repeat bottom;
	height:90px;
}
.header a {
	color: #474751;
	text-decoration: none;
	outline:none;
}
.header h1 a {
	position:absolute;
	bottom:5px;
	left:0;
	display:block;
	width:176px;
	height:41px;
	background:url(uploads/136/logo.gif);
}

.header a:hover {
	color: #333;
	text-decoration: underline;
}
/* Header - Contact */
.header .contact {
	position:absolute;
	top:30px;
	right:0;
	text-align: right;
	font-size: large;
	text-transform:lowercase;
	letter-spacing: -1px;
	font-weight:bold;
}

/* Header - Search */
.header form.search {
	position:absolute;
	right:0;
	bottom:10px;
}
.header form.search div.submitfield {
	display: none;
}
.header form.search .field input {
	border: 1px solid #ccc;
	padding: 5px 10px 5px 8px;
	color: #999;
	width: 210px;
	margin-top: 10px;
	height:14px;
	background: #fff url(uploads/136/search.png) no-repeat;
	-moz-border-radius:10px;
	border-radius:5px;
}

/* Header - Menu */
.header #mainmenu {
	position:absolute;
	left:185px;
	bottom:5px;
	height:27px;
	list-style-type: none;
	font-size: 150%;
	margin-top: 12px;
	text-transform: lowercase;
	letter-spacing:-1px;
}
.header #mainmenu li {
	float: left;
	padding: 0 18px;
}
.header #mainmenu li a {
	color: #A7A7A7;
	color:#454E59;
	font-weight:bold;
}
.header #mainmenu li a:after {
	content:".";
}
.header #mainmenu li a:hover {
	border-bottom:3px solid #5e6772;
	text-decoration:none;
}

/* Header - Control Bar */
.header .controlbar {
	position:absolute;
	top:5px;
	right:5px;
	font-size: 90%;
	text-align: right;
	font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* Template - Columns */
.columns {
	clear: left;
}

/* Template - Gutter */
.gutter {
	padding-top:40px;
	clear:both;
	font-family: 'Rockwell', Tahoma, American Typewriter;
	color: #7E7D82;
	letter-spacing: 0.01em;
	border-bottom: 5px solid #454E59;
}
.gutter a {
	color: #474751;
	text-decoration: none;
}
.gutter a:hover {
	color: #333;
	text-decoration: underline;
}
.gutter .skype {
	background:url(uploads/136/logo_footer.gif) no-repeat center left;
	text-align: right;
	font-size: large;
	text-transform:lowercase;
	letter-spacing:-1px;
}

/* Template - Footer */
.footer {
	color: #fff;
	clear: both;
	padding: 10px 0;
	line-height: 1.8;
}
.footer a {
	color: #fff;
	text-decoration:none;
}
.footer a:hover {
	text-decoration:underline;
}
.footer .col {
	float: left;
	height: 280px;
	padding: 10px 20px;
}
.footer .col1 {
	width: 300px;
	padding-left:0;
}
.footer .col2 {
	width:276px;
	border-left: 2px solid #37404a;
	border-right: 2px solid #37404a;
}
.footer .col3 {
	width: 250px;
	padding-right:0;
}
.footer .icon-rss {
	background-image: none;
}
.footer h2.heading {
	font-size: 150%;
	padding-bottom: 10px;
	font-family: 'Rockwell', Tahoma, American Typewriter;
	text-transform: lowercase;
}
.footer ul {
	list-style-type: none;
	margin:0;
	padding:0;
	display:inline;
}
.footer li {
	margin:0;
	padding:0;
	display:inline;
}
.footer .col2 ul a,
.footer .col3 ul a {
	padding: 4px 0 4px 35px;
	display:block;
	line-height:200%;
}
a#cplink1_112549 {
	background: transparent url(http://static.cuttlefish.com/icons/social/feed_24.png) left center no-repeat;
}
a#cplink1_116157 {
	background: transparent url(http://static.cuttlefish.com/icons/social/linkedin_24.png) left center no-repeat;
}
a#cplink1_112550 {
	background: transparent url(http://static.cuttlefish.com/icons/social/twitter_24.png) left center no-repeat;
}
a#cplink1_112551 {
	background: transparent url(http://static.cuttlefish.com/icons/social/youtube_24.png) left center no-repeat;
}
a#cplink1_117175 {
	background: transparent url(http://static.cuttlefish.com/icons/social/facebook_24.png) left center no-repeat;
}
a#cplink1_112552 {
	background: transparent url(http://static.cuttlefish.com/icons/social/flickr_24.png) left center no-repeat;
}
a#cplink1_112541 {
	background: transparent url(http://static.cuttlefish.com/icons/silk/16x16/vcard.png) left center no-repeat;
}
.footer .contact {
	padding: 10px 0;
	line-height: 2;
}
.footer .col1 ul a,
.footer .col1 p a {
	padding-left:22px;
}
.footer .contact a {
	background: transparent url(http://static.cuttlefish.com/icons/silk/16x16/email.png) left center no-repeat;
}
.footer .projects li a {
	background: transparent url(uploads/136/projects-bullet.gif) left center no-repeat;
}
.footer p.copyright {
	padding:20px 0;
	font-size: 85%;
	line-height: 1.5;
	clear:both;
	text-align:center;
}

/* Template - Sidebar */
.sidebar {
	padding-top:10px;
	padding-bottom:150px;
}
.sidebar ul {
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
}
.sidebar li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}
.sidebar li a {
	display:block;
	padding:10px 0 10px 40px;
	border-bottom:2px dotted #E4E4E4;
	text-decoration:none;
	color:#454e59;
	background-position:92% 50%;
	background-repeat:no-repeat;
	background-image:url(http://static.cuttlefish.com/icons/silk/16x16/page_white.png);
	background:url(uploads/136/page-icon.gif) no-repeat 8% 50%;
}
.sidebar li a.active,
.sidebar li a:hover {
	background-image:url(uploads/136/page-icon-hover.gif);
}

.sidebar li.first a {
	background:url(http://static.cuttlefish.com/icons/silk/16x16/page_white_stack.png);
	background-position:92% 50%;
	background-repeat:no-repeat;
	background:none;
	padding-left:10px;
	font-weight:bold;
	font-family: 'Rockwell', Tahoma, American Typewriter;
	letter-spacing: 0.01em;
	text-transform:lowercase;
	font-size:140%;
	padding:5px 10px;
	border-bottom:none;
	margin-bottom:5px;
}
.sidebar li.first a:after {
	content:".";
}
.columns {
	padding-top:10px;
}
.breadcrumbs {
	padding-left:10px;
	color:#aeadad;
	display:none;
}
.breadcrumbs a {
	text-decoration:none;
}
/*
	Content
*/
a,
.content a {
	color: #474751;
}
a:hover {
	text-decoration:underline;
}
.content p.text {
	padding:5px 0 10px 0;
	line-height:200%;
}
.content a:hover {
	color: #116fd4;
}
.content ul {
	list-style-type:square;
}
.content ul,
.content ol {
	margin:0 5px 10px 30px;
	line-height:200%;
}
.content .heading {
	font-family: 'Rockwell', Tahoma, American Typewriter;
	color: #454E59;
	letter-spacing: -0.05em;
	text-transform: lowercase;
	border-bottom: 3px solid #454E59;
	margin-bottom: 5px;
	clear: both;
	font-weight: bold;
}
.content h2 {
	font-size: 180%;
	padding-top: 15px;
}
.footer .heading:after,
.content .heading:after {
	content:".";
}
.content .heading a {
	text-decoration:none;
}
.content h1.heading {
	font-size: 250%;
	padding-top:0;
}
.content h2.heading {
	font-size:180%;
}
.content h3.heading, .content h4.heading, .content h5.heading {
	font-size:140%;
	font-weight:bold;
	border:none;
	letter-spacing:0;
}
.content strong {
	font-family: 'Rockwell', Tahoma, American Typewriter;
	font-size:110%;
}
/*
	External Links
*/
.content .text a[rel=external] {
	background:url(uploads/136/external.gif) no-repeat center right;
	padding-right:14px;
}
.content .text a[rel=external]:hover {
	background-image:url(uploads/136/external_hover.gif);
}

/*
	Pagination
*/
ul.pagination {
	margin:0;
	padding:0;
	text-align:center;
}
ul.pagination li {
	list-style-type:none;
	display:inline;
	padding:0 5px;
}

/*
	Client Logos
*/
table.logos {
	width:100%;
}
table.logos td {
	text-align:center;
	vertical-align:center;
	padding:15px 10px;
}


/*
	Testimonials
*/
.quote {
	padding:20px 10px;
}
.quote .image {
	float:right;
}
.content blockquote,
.quote blockquote {
	line-height:175%;
	padding:0 20px 5px 20px;
	margin:15px 20px;
	border-left:2px dotted #CCC;
}
.quote blockquote p {
	padding-bottom:5px;
}
.quote blockquote p:before {
	content:'"';
}
.quote blockquote p:after {
	content:'"';
}


/*
	Team
*/
.team .contact {
	clear:both;
	border-bottom:2px solid #EEE;
	padding-top:10px;
	margin-bottom:15px;
	padding-bottom:15px;
}
.team .org,
.team .contact dl {
	display:none;
}
.team .photo {
	width:150px;
	text-align:center;
	float:left;
}
.team .contact .details {
	width:600px;
	float:left;
}
.team h2,
.team h3 {
	margin:0;
	padding:0 0 5px 0;
}
.team .icon-vcard {
	padding-left:25px;
	background:url(http://static.cuttlefish.com/icons/silk/16x16/vcard.png) no-repeat left center;
}

/*
	Forms
*/
.fm-form {
	margin:20px;
}
legend {
	text-transform:lowercase;
	padding:0 10px;
	font-family: 'Rockwell', Tahoma, American Typewriter;
	font-size:120%;
	color: #454E59;
}
.fm-fieldset {
	border:3px solid #DDD;
}
input.textbox {
	background-color:#FFFFFF;
	background-image:url(uploads/136/form.gif);
	background-repeat:repeat-x;
	border:1px solid #B1B1B1;
	color:#444444;
	font-family:Helvetica,Arial,sans-serif;
	font-size:100%;
	padding:7px;
	width:30em;
}
.fm-field {
	margin-bottom:15px;
	margin-top:5px;
	padding:5px;
}
textarea {
	background-color:#FFFFFF;
	background-image:url(uploads/136/form.gif);
	background-repeat:repeat-x;
	border:1px solid #B1B1B1;
	color:#444444;
	font-family:Helvetica,Arial,sans-serif;
	font-size:100%;
	padding:7px;
	width:90%;
	height:150px;
}
.fm-form .button {
	background:#404954;
	border:1px solid #323a43;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:5px 15px;
	color:#FFF;
	font-weight:bold;
	font-family:Helvetica,Arial,sans-serif;
	font-size:100%;
}

#gmap {
	border:5px solid #EEE;
	padding:5px;
	background:rgba(255, 255, 255,50);
}
#map {
	margin:15px auto;
}

/*
	Sitemap
*/
#sitemap li { width:33%; }
#sitemap li a {
	border-color:#5e6772;
	background-color:#e7ebf1;
	font-size:100%;
	line-height:200%;
	text-decoration:none;
}
#sitemap li a:hover {
	text-decoration:underline;
}
#sitemap li li a {
	border-color:#b8da83;
	background-color:#e0edcb;
}
#sitemap li li li a {
	background-color: #fff7aa;
	border-color: #e3ca4b;
}

/*
	Home
*/
.screenshots a,
.logos a {
	outline:none;
}
.content .screenshots {
	clear:both;
	position:relative;
	width:960px;
	height:220px;
	overflow:hidden;
}

.home .logos {
	position:relative;
	width:960px;
	height:80px;
	overflow:hidden;
	margin-bottom:15px;
}
.home .col50 {
	width: 470px;
	margin-right: 10px;
	float: left;
}
.home div.last {
	margin-left: 10px;
	margin-right: 0px;
}
.home .slider ul,
.home .slider li {
	list-style-type:none;
	margin:0;
}
.home .logos li.slide {
	display:block;
	height:80px;
	width:960px;
	text-align:center;
	margin:0;
	padding:0;
}
.home .logos li.slide span.group {
	display:block;
	padding:0 60px;
}
.home .logos li.slide a {
	display:block;
	height:80px;
	width:210px;
	float:left;
}
.home .logos #nextBtn {
	position:absolute;
	width:55px;
	height:80px;
	top:0;
	right:0;
	z-index:3;
}
.home .logos #prevBtn {
	position:absolute;
	width:55px;
	height:80px;
	top:0;
	left:0;
	z-index:3;
}
#nextBtn a {
	position:absolute;
	outline:none;
	right:0;
	top:30%;
	z-index:2;
	display:block;
	width:45px;
	height:45px;
	overflow:hidden;
	text-indent:-1000px;
	text-decoration:none;
	background:url(uploads/136/next.png) no-repeat center;
	cursor:pointer;
}
#prevBtn a {
	text-decoration:none;
	position:absolute;
	outline:none;
	left:0;
	top:30%;
	z-index:2;
	display:block;
	width:45px;
	height:45px;
	overflow:hidden;
	text-indent:-1000px;
	background:url(uploads/136/previous.png) no-repeat center;
	cursor:pointer;
}
.screenshots #nextBtn a,
.screenshots #prevBtn a {
	top:40%;
}
.screenshots .slide {
	width:960px;
	height:220px;
	display:block;
	background-repeat:no-repeat;
	background-position:center;
}
.screenshots .slide a span {
	display:none;
}
.screenshots .slide a {
	display:block;
	width:960px;
	height:220px;
	position:absolute;
	z-index:2;
}

/*
	Home Blog
*/
.home .item {
	width:285px;
	float:left;
	margin:0;
	padding:20px 0 20px 20px;
}
.home .col50 h2.heading {
	padding-top:0;
}
.home .item .heading a {
	color:#265c97;
}
.home .item .heading a:hover {
	text-decoration:underline;
	color:#116FD4;
}
.home .item .date {
	padding:3px 0 5px;
	font-size:85%;
	font-weight:bold;
}
.blog .date {
	font-style:normal;
}
.home .item .description {
	line-height:150%;
	font-size:90%;
}
.blog .heading.tags a,
.blog .post .heading,
.content .item .heading {
	text-transform:none;
}
.blog .post blockquote,
.feed .item blockquote {
	border-left:2px dotted #CCC;
	margin:10px 20px;
	padding:5px 20px;
}
.blog .image img {
	border:10px solid #E4E4E4;
}

/*
	Gallery Feeds
*/
.gallery .item .heading {
	text-align:left;
}
.gallery .position li {
	border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.gallery .position li a {
	text-decoration:none;
	font-weight:bold;
}
.gallery .item .image img {
	border:none;
}
table.gallery td {
	vertical-align:top;
	border:none;
	line-height:200%;
}

/*
	What We Do
*/
.our-work ul.element {
	margin:0;
	padding:0;
}
.our-work ul.element li {
	width:25%;
	float:left;
	margin:0;
	padding:10px 0 10px 0;
	list-style-type:none;
}
.our-work ul.element li a {
	display:block;
	text-align:center;
	padding-top:128px;
	background-repeat:no-repeat;
	background-position:top center;
	margin:5px 0 0 0;
}
.our-work ul.element li p.description {
	text-align:center;
	padding:0 5px;
	margin:0;
	line-height:150%;
	font-size:90%;
	color:#666;
}
.our-work .page-116133 {
	background-image:url(uploads/136/icon-social.gif);
}
.our-work .page-116665 {
	background-image:url(uploads/136/icon_access.gif);
}
.our-work .page-116142 {
	background-image:url(uploads/136/icon_api.gif);
}
.our-work .page-116669 {
	background-image:url(uploads/136/icon_build.gif);
}
.our-work .page-116130 {
	background-image:url(uploads/136/icon_cms.gif);
}
.our-work .page-116666 {
	background-image:url(uploads/136/icon_consult.gif);
}
.our-work .page-116699 {
	background-image:url(uploads/136/icon_lang.gif);
}
.our-work .page-117126 {
	background-image:url(uploads/136/icon_map.gif);
}
.our-work .page-116136 {
	background-image:url(uploads/136/icon_mobile.gif);
}
.our-work .page-116667 {
	background-image:url(uploads/136/icon_seo.gif);
}
.our-work .page-116668 {
	background-image:url(uploads/136/icon_server.gif);
}

/*
	Contact Form
*/
.requiredmessage {
	float:right;
}
#form116110 {
	margin:0;
}
#form116110 legend {
	display:none;
}
#form116110 fieldset {
	border:none;
	padding:0;
	margin:0;
}
.browser {
	border:1px solid #CCC;
	background:#F4F4F4;
	margin:20px 20px;
	padding:10px 40px;
	font-size:115%;
	border-radius:3px;
}
.browser dl dt {
	font-weight:bold;
}
.browser dl dd {
	margin-left:0;
	padding-bottom:10px;
}

/* adjust size of American Typewriter font on iphone */
@media only screen and (max-device-width: 480px) {
	.content h2.heading {
		font-size:220%;
	}
	.content .post strong {
		font-size:150%;
	}
}


.appstorelogo {
	margin:3.5em  0 0 180px;
}
.appstorelogopine {
	margin-left: 50px;
	margin-bottom:50px;
}
.ssbanner {
	margin-bottom:10px;
}

.ssbanner img {
	display:block;
	border:1px solid #FBF5DD;
	border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0px 2px 10px #aaa;
	-webkit-box-shadow:0px 2px 10px #aaa;
	-moz-box-shadow:0px 2px 10px #aaa;
}
.sscreens {
	margin-top:20px;
}


.pinebanner {
	margin-bottom:10px;
}

.pinebanner img {
	display:block;
	border:1px solid #F7F465;
	border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0px 2px 10px #aaa;
	-webkit-box-shadow:0px 2px 10px #aaa;
	-moz-box-shadow:0px 2px 10px #aaa;
}