@charset "UTF-8";
/* CSS Document */
	
* {padding:0; margin:0;outline:none;}
	
body {font-family:Arial, Helvetica, sans-serif; background:url(images/stripe_bg.jpg); letter-spacing:-1px;}
	
/* LINK STYLES */
a {text-decoration:none; font-weight:bold; color:#0099ff;}
	
a:hover h3 {color:#7f7d78;}

a.project-column, a.project-column:hover {
	text-decoration:none;
	font-size:18px;
	line-height:30px;
	border-bottom:1px dashed #d0d0d0;
	font-weight:normal;
	float:left;
	width:100%;
	}

a.project-column {color:#141414;}
	
a.project-column:hover {color:#0099FF;}

.clients a {line-height:26px;}

.clients a:hover, #services a:hover, .single-post-full a:hover, small a:hover, #twitter-bubble a.twitter-link:hover {color:#66C2FF;}

#twitter-bubble a.twitter-link {color:#6EC5FF;}
	
/* BUTTON STYLES */

a.view-more-button, a.view-more-button:hover {width:113px; height:37px;}

a.view-more-button {
	background:url(images/view-more.jpg) no-repeat;
	position:absolute;
	right:20px;
	bottom:87px;
	}
	
a.view-more-button:hover {background:url(images/view-more-hover.jpg) no-repeat; float:left;}

.project-button, .project-button:hover {
	width:113px;
	height:37px;
	float:left;
	margin-top:5px;
	}

.project-button {background:url(images/project-button.png) no-repeat;}
	
.project-button:hover {background:url(images/project-button-hover.png) no-repeat;}
	
/* HEADLINE CLASSES */	
	
h1#about-me, h1#audio-column, h1#audio-page, h1#clients-title, h1#connect, h1#contact-title, h1#design-column, h1#design-page, h1#hire-me, h1#services-title, h1#video-column, h1#video-page, h1#work-title, #logo h1, #logo h2 {text-indent:-9999px;}

h1#about-me, h1#hire-me, h1#connect {background:url(images/footer-sprite.png) no-repeat;} 

h1#about-me {background-position:top left; width:113px; height:31px;}

h1#audio-column, h1#design-column, h1#video-column {background:url(images/recent-projects-sprite.png) no-repeat;}

h1#audio-column {background-position:center; width:254px; height:48px;}

h1#audio-page, h1#design-page, h1#video-page, h1#clients-title, h1#clients-title, h1#contact-title, h1#video-page, h1#work-title {width:382px; height:40px;}

h1#audio-page {background:url(images/audio-page-title.jpg) no-repeat;}
	
h1#client-page {
	font-size:24px;
	border-bottom:1px solid #d0d0d0;
	padding-bottom:5px;
	width:95%;
	margin-bottom:10px;
	color:#141414;
	}
	
h1#client-page-video {
	font-size:24px;
	border-bottom:1px solid #d0d0d0;
	width:100%;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#141414;
	}

h1#client-page:hover, h1#client-page-video:hover {color:#7f7d78;}
	
h1#clients-title {background:url(images/clients-title.jpg) no-repeat;}
	
h1#connect {background-position:bottom left; width:185px; height:31px;}

h1#contact-title {background:url(images/contact-title.jpg) no-repeat; margin-bottom:10px;}

h1#design-column {background-position:bottom; width:253px;height:48px;}
	
h1#design-page {background:url(images/design-page-title.jpg) no-repeat;}
	
h1#hire-me {background-position:center left; width:93px; height:31px;}
	
h1#services-title {background:url(images/services-title.jpg) no-repeat; width:266px; height:40px;}
	
h1#video-column {background-position:top; width:254px; height:48px;}
	
h1#video-page {background:url(images/video-page-title.jpg) no-repeat;}
	
h1#work-title {background:url(images/work-title.jpg) no-repeat;}
	
h3, h4 {
	font-weight:bold;
	font-size:24px;
	padding-top:0px;
	padding-bottom:2px;
	color:#141414;
	}	
	
#logo h1, #logo h2 {margin:0; display:block;}	

/* TEXT STYLES */

small {font-size:11px; letter-spacing:normal;}

/* PARAGRAPH STYLES */

p, #services p {
	color:#5b5b5b;
	line-height:24px;
	text-align:justify;
	font-size:14px;
	padding-top:10px;
	letter-spacing:normal;
	}
	
p.browsing {
	color:#2D2D2D;
	text-align:left;
	font-size:14px;
	letter-spacing:-1px;
	font-weight:bold;
	padding-top:5px;
	}

#contact-full p {font-size:12px; line-height:20px;}
	
#contact-full p.personal, #contact-full p.project {font-size:14px; line-height:24px; font-weight:bold;}	

#contact-full p.select {padding-top:0px; margin-top:0px;}

#footer p {
	color:#ffffff;
	line-height:24px;
	text-align:justify;
	font-size:14px;
	padding-top:10px;
	padding-right:10px;
	}
	
#services p {padding-top:0px;}
	
/* LIST STYLES */
	
#featured-content ul {
	list-style:none;
	display:inline;
	}

#services ul {padding-left:10px; margin-left:10px; letter-spacing:normal;}
	
.single-post-full ul {
	margin:10px;
	padding:10px;
	margin-top:0px;
	padding-top:10px;
	}
	
/* IMAGE STYLES */

#featured-frame img, .project-frame img {
	border:1px solid #b5b5b5;
	}
	
/* LAYOUT STYLES */
	
.center-margin {margin:0px 10px 0px 10px;}
	
.column {
	width:284px;
	float:left;
	padding-top:10px;
	min-height:400px;
	}

#contact-full {float:left; width:852px;}

.container {width: 900px; margin:0 auto; position:relative;}
	
.content-block {background:#FFFFFF; border:1px solid #404040; padding:9px;}
	
#content-center {width:254px; height:360px;}
	
.content-left-right {width:253px; height:360px;}

.content-left-right a, #content-center a, .content-left-right a:hover, #content-center a:hover {line-height:26px;}
	
.featured-banner {
	position:absolute;
	top:315px;
	left:4px;
	z-index:2;
	}
	
#featured-content {width:860px; height:360px;}

#featured-frame {
	background:url(images/featured-frame.png) no-repeat;
	width:559px;
	height:290px;
	float:left;
	margin-right:10px;
	padding:9px;
	}	

#footer {
	background:url(images/top-line.png) repeat-x top #141414;
	color:#FFFFFF;
	padding-bottom:10px;
	}
	
.footer-columns, .footer-column-center {width:293px; float:left; padding-top:15px;}
	
.footer-column-center {margin:0px 11px 0px 10px;}
	
#logo {
	background:url(images/sirtin-studios-logo.png) no-repeat;
	position:relative;
	z-index:-1;
	width:350px;
	height:228px;
	}
	
.project-frame {
	background:url(images/project-frame.jpg) no-repeat;
	width:182px;
	height:182px;
	float:left;
	margin-right:10px;
	padding:9px;
	}

.project-post {
	width:522px;
	border-bottom:1px solid #d0d0d0;
	padding-top:10px;
	padding-bottom:10px;
	}
	
.project-post-full {
	width:860px;
	height:200px;
	border-bottom:1px solid #d0d0d0;
	padding-top:10px;
	padding-bottom:10px;
	}

.recent-banner {
	position:absolute;
	top:315px;
	left:3px;
	z-index:2;
	}

.service-area {padding-top:10px; border-bottom:1px solid #d0d0d0; padding-bottom:10px;}

#services {width:280px; float:left;}

#single-post {float:left;}

.single-post-full {width:860px;}

#site {background:url(images/top-line.png) repeat-x top;}


#trans-bg, #trans-bg-main {
	background:url(images/trans-bg.png);
	border:1px solid #000000;
	float:left;
	position:relative;
	top:-20px;
	padding:9px;
	}

#trans-bg {top:-20px; padding:9px;}
	
#trans-bg-main {top:-30px; padding:10px;}

#twitter-bubble {
	background:url(images/twitter-bubble.png) no-repeat;
	width:380px;
	height:93px;
	position:relative;
	float:right;
	top:11px;
	right:70px;
	padding:10px;
	font-family:Georgia,"Times New Roman", Times, serif;
	font-style:italic;
	color:#FCFCFC;
	letter-spacing:normal;
	font-size:15px;
	}

#twitter-bubble .latest-tweet {
	float:right;
	position:relative;
	bottom:-2px;
	right:3px;
	font-size:11px;
	}

#twitter-bubble .twitter-timestamp {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color:#999999;
	letter-spacing:normal;
	}

#work {float:left; margin-right:50px;}
	
#work-full {float:left;}	
	
/* NAVIGATION */

ul#menu {
	list-style:none;
	margin:0px;
	padding:0px;
	position:absolute;
	right:0px;
	bottom:39px;
	}
	
ul#menu li {
	display:inline;
	}
	
ul#menu li a {
	text-indent:-9999px;
	display:block;
	height:75px;
	float: left;
	margin:0px 0px 0px 0px;
	}
	
ul#menu li a.home, ul#menu li a.design, ul#menu li a.audio, ul#menu li a.video, ul#menu li a.clients, ul#menu li a.contact {width:90px;}
	
	ul#menu li a.home {background:url(images/home-btn.png) no-repeat bottom center;}
	ul#menu li a.design {background:url(images/design-btn.png) no-repeat bottom center;}
	
	ul#menu li a.audio {background:url(images/audio-btn.png) no-repeat bottom center;}
	ul#menu li a.video {background:url(images/video-btn.png) no-repeat bottom center;}
	
	ul#menu li a.clients {background:url(images/clients-btn.png) no-repeat bottom center;}
	ul#menu li a.contact {background:url(images/contact-btn.png) no-repeat bottom center;}
	
	ul#menu li a.home:hover, ul#menu li a.home:active,
	ul#menu li a.design:hover, ul#menu li a.design:active,
	
	ul#menu li a.audio:hover, ul#menu li a.audio:active,
	ul#menu li a.video:hover, ul#menu li a.video:active,
	ul#menu li a.clients:hover, ul#menu li a.clients:active,
	ul#menu li a.contact:hover, ul#menu li a.contact:active {
	background-position:top center;
	}
		
		body#home-page ul#menu li a.home,
		body#Design-page ul#menu li a.design,
		body#Audio-page ul#menu li a.audio,
		body#Video-page ul#menu li a.video,
		body#Clients-page ul#menu li a.clients,
		body#Contact-page ul#menu li a.contact {
		background-position: top center;
		}
	
/* CONTACT FORM STYLES */
	
div.wpcf7 input.textfield, div.wpcf7 input.textfield-contact { 
	width:279px; 
	height:22px;
	border:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#0099ff;
	padding:4px 5px 4px 9px;
	}
	
div.wpcf7 input.textfield {background:url(images/hire-me-line-bg.png) no-repeat;}
	
div.wpcf7 input.textfield-contact {background:url(images/text-input-contact-page.jpg) no-repeat;}

div.wpcf7 input.send, div.wpcf7 input:hover.send, div.wpcf7 input:focus.send, div.wpcf7 input.send-contact, div.wpcf7 input:hover.send-contact, div.wpcf7 input:focus.send-contact {
	width:90px;
	height:30px;
	border:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#0099ff;
	float:left;
	}

div.wpcf7 input.send {background:url(images/submit-bg.png) no-repeat;}
	
div.wpcf7 input:hover.send, div.wpcf7 input:focus.send {background:url(images/submit-bg-hover.png) no-repeat;}

div.wpcf7 input.send-contact {background:url(images/submit-bg-contact-page.jpg) no-repeat;}

div.wpcf7 input:hover.send-contact, div.wpcf7 input:focus.send-contact {background:url(images/submit-bg-contact-page-hover.jpg) no-repeat;}
	
div.wpcf7 textarea, div.wpcf7 textarea.textarea-contact {
	width:279px; 
	height:92px;
	border:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#0099ff;
	padding:4px 5px 4px 9px;
	}

div.wpcf7 textarea {background:url(images/hire-me-textarea-bg.png) no-repeat #fff;}

div.wpcf7 textarea.textarea-contact {background:url(images/textarea-contact-page.jpg) no-repeat;}
	
span.wpcf7-list-item {display: block;}

div.hire-me-label {float:left; text-align:left;font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;font-style:italic;margin-right:10px;margin-top:10px;}

div.wpcf7 input.answer {
   width:40px;
   height:30px;
   float:left;
   background:url(images/small-text-input.jpg) no-repeat; 
   border:none;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:16px;
   font-style:italic;
   color:#0099ff;
   padding:0px 5px 0px 14px;
}

div.wpcf7 span.wpcf7-quiz-label {float:left; text-align:left;font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;font-style:italic;margin-right:10px;margin-top:2px;}

div.quiz-area {line-height:30px;}