.view-study {position:absolute;margin-left:-382px;margin-top:67px;font-size:12px;line-height:14px;}


/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin:0;
	padding:0;
	}
* {
	margin:0;
	padding:0;
	}
html, body {
	height:100%;
	}
body {
	font: 14px/20px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}
abbr {
	cursor:pointer;
	}
a:focus {
	outline:none;
	}
.clear {
	clear:both;
	}
h1, h2, h3, h4 {
	font-weight:normal;
	}
h2 {
	font-size:18px;
	}
h3 {
	font-size:14px;
	}
h4 {
	font-size:12px;
	margin-top:2px;
	}
blockquote p {
	padding:7px;
	}


/* Forms */
.form-text {
	width:100%;
	display:block;
	height:18px;
	line-height:15px;
	text-indent: 2px;
	font-size:13px;
	}
.form-left, .form-right {
	width:48%;
	float:right;
	text-align:left;
	line-height:28px;
	padding:0;
	}
.form-left {
	float:left;
	}
input, textarea {
	font:12px lucida sans, tahoma;
	margin-bottom:8px;
	overflow:auto;
	padding:5px 4px;
	float:right;
	width:310px;
	border-radius:6px;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	}
textarea {
	width:654px;
	}
.text_input_small {
	width:268px;
	}
.required {
	color:#ffce00;
	}
.submit_btn {
	border-bottom:0;
	float:left;
	height:36px;
	margin-top:5px;
	outline:none;
	padding:0;
	width:71px !important;
	}
.submit_btn:hover {
	background-position:0 -36px !important;
	cursor:pointer;
	}
.submit_btn:focus {
	border:0;
	}


/* Shell */
#container {
	height:auto !important; /* !important for IE */
	height:100%;
	margin:0 auto -4em; /* the bottom margin is the negative value of the footer's height */
	min-height:100%;
	padding:0 15px;
	width:960px;
	}
#content, #sidebar {
	padding-top:30px;
	}
#content a, #sidebar a {
	text-decoration:none;
	}
#content a:hover, #sidebar a:hover {
	color:#ffce00;
	text-decoration:none;
	}


/* Style Switcher */
#top-bar {
	font-size:10px;
	height:30px;
	position:absolute;
	top:0px;
	width:100%;
	}
.top-bar-inner {
	margin:0 auto;
	padding:0 5px;
	width:980px;
	}
.top-bar-black {
	background:#222 url(/inc/img/topbar.png) 0 17px repeat-x !important;
	color:#666;
	}
#top-bar-black a {
	color:#719bb6;
	}
.top-bar-blue {
	background:#023E54 url(/inc/img/topbar.png) 0 -26px repeat-x !important;
	color:#666;
	}
#top-bar-blue a {
	color:#719bb6;
	}
.top-bar-brown {
	background:#312518 url(/inc/img/topbar.png) 0 -69px repeat-x !important;
	color:#666;
	}
#top-bar-brown a {
	color:#719bb6;
	}
#style-switcher h4 {
	color:#555;
	font-size:9px;
	margin-left:810px;
	position:absolute;
	text-transform:uppercase;
	}
#style-switcher {
	height:10px;
	margin:0 auto;
	width:960px;
	}
#style-switcher ul {
	margin-top:0px;
	}
#style-switcher li {
	float:right;
	list-style-type:none;
	margin-right:36px;
	text-indent:-99999px;
	}
#style-switcher li a {
	cursor:pointer;
	display:block;
	float:left;
	height:22px;
	width:38px;
	}
#style-switcher li#black a {
	background:url(/inc/img/switch-black.png) 0 -3px no-repeat;
	}
#style-switcher li#blue a {
	background:url(/inc/img/switch-blue.png) 0 -3px no-repeat;
	}
#style-switcher li#brown a {
	background:url(/inc/img/switch-brown.png) 0 -3px no-repeat;
	}
#style-switcher li a:hover {
	background-position:0 -11px !important;
	}


/* Header */
#header {
	width:960px;
	}
#header h1 {
	padding:105px 0 0 0;
	text-align:left;
	width:277px;
	z-index:1;
	}
#header h1 a {
	background:url(/inc/img/logo.png) no-repeat;
	display:block;
	height:52px;
	width:273px;
	}
#header h1 a span {
	left:-9000px;
	position:absolute;
	}
.header-overlay {
	background:url(/inc/img/header-overlay.png);
	height:167px;
	margin-left:-220px;
	position:absolute;
	width:714px;
	z-index:-9;
	}
.tagline {
	font-size:10px;
	margin:10px 0 0 0;
	text-align:right;
	text-transform:uppercase;
	width:264px;
	}
.arrow {
	font-size:11px;
	}
#tabs {
	height:43px;
	margin-left:618px;
	position:absolute;
	top:126px;
	width:349px;
	}
#tabs ul {
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
	}
#tabs li {
	float:left;
	margin:0;
	padding:0;
	}
#tabs a {
	float:left;
	height:42px;
	text-indent:-999em;
	}
#tabs a:hover {
	background-position:0 -43px;
	}
#tabs .current a {
	background-position:0 -86px;
	}
#tabs .current a:hover {
	background-position:0 -86px;
	}
.tab-home a {
	width:69px;
	}
.tab-services a {
	width:87px;
	}
.tab-portfolio a {
	width:99px;
	}
.tab-about a {
	width:75px;
	}
.tab-blog a {
	width:65px;
	}
.tab-contact a {
	width:88px;
	}


/* Content */
#content {
	float:right;
	width:660px;
	}
#content h2 {
	background-repeat:no-repeat;
	background-position: 0 20px;
	height:33px;
	padding-top:20px;
	text-indent:-999999px;
	}
#content h2.top {
	background-position:0 -2px;
	margin-bottom:4px;
	padding-top:0px;
	}
#content {
	margin-top:15px;
	}
#content p {
	margin-bottom:8px;
	}
ul.bullets {
	list-style-type:none;
	padding-bottom: 15px;
	}
ul.bullets li {
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding-left: 22px;
	}
.about-text {
	font-size:10px;
	height:224px !important;
	line-height:13px;
	text-transform:uppercase;
	}
.about-text h3 {
	margin-bottom:10px;
	text-transform:none;
	font-weight:bold;margin-top:5px;
	}
.about-text p {
	margin-bottom:0 !important;
	}
.rating {
	width:179px;
	height:12px;
	list-style:none;
	position:relative;
	overflow:visible;
	padding:0;
	margin-left:-1px;
	margin-bottom:6px;
	background-position:0px 0px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	}
.rating li {
	position:absolute;
	display:block;
	height:12px;
	}
.current-rating {
	position:absolute;
	height:12px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	z-index:1;
	background-position:0px -12px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	}
h2.skills {
	background:url(/inc/img/h2-skills.png);
	}
h2.experience {
	background:url(/inc/img/h2-experience.png);
	}
h2.about-me {
	background:url(/inc/img/h2-about-me.png);
	}
h2.email-me {
	background:url(/inc/img/h2-email-me.png);
	}
h2.print {
	background:url(/inc/img/h2-print.png);
	}
h2.website {
	background:url(/inc/img/h2-website.png);
	}
h2.branding {
	background:url(/inc/img/h2-branding.png);
	}
h2.the-process {
	background:url(/inc/img/h2-the-process.png);
	}
#error {
	background:url(/inc/img/404.png) no-repeat;
	height:237px;
	margin:30px 0 0 30px;
	position:absolute;
	width:499px;
	}
.column {
	background:url(/inc/img/divider.png) right no-repeat;
	float:left;
	height:150px;
	margin-bottom:12px;
	padding-left:30px;
	width:210px;
	}
.column h2 {
	padding-top:0 !important;
	}
.right {
	background:none;
	border-right:none;
	width:180px;
	}
.left {
	padding-left:0;
	width:210px;
	}

	
/* Portfolio */
.portfolio {
	float:right;
	width:660px;
	padding-top:10px;
	}
.portfolio ul {
	list-style-type:none;
	}
.portfolio li {
	float:right;
	margin-bottom:10px;
	}
.portfolio img {
	width:566px;
	height:143px;
	margin-bottom:0;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	}
.portfolio .logo {
	float:left;
	height:78px;
	width:82px;
	text-indent:-99999px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-radius-topright:0;
	-webkit-border-radius-bottomright:0;
	margin-top:6px;
	}
.portfolio .calvin-klein, .portfolio .calvin-klein:hover {
	background-image:url(/inc/img/logo/calvin-klein.png);
	}
.portfolio .espn, .portfolio .espn:hover {
	background-image:url(/inc/img/logo/espn.png);
	}
.portfolio .fedex, .portfolio .fedex:hover {
	background-image:url(/inc/img/logo/fedex.png);
	}
.portfolio .kodak, .portfolio .kodak:hover {
	background-image:url(/inc/img/logo/kodak.png);
	}
.portfolio .mcdonalds, .portfolio .mcdonalds:hover {
	background-image:url(/inc/img/logo/mcdonalds.png);
	}
.portfolio .nike, .portfolio .nike:hover {
	background-image:url(/inc/img/logo/nike.png);
	}
.portfolio .sony, .portfolio .sony:hover {
	background-image:url(/inc/img/logo/sony.png);
	}
.portfolio .lexus, .portfolio .lexus:hover {
	background-image:url(/inc/img/logo/lexus.png);
	}
.portfolio .apple, .portfolio .apple:hover {
	background-image:url(/inc/img/logo/apple.png);
	}
.portfolio .kelloggs, .portfolio .kelloggs:hover {
	background-image:url(/inc/img/logo/kelloggs.png);
	}
li:hover .logo {
	cursor:pointer;
	}
.portfolio a:hover{
	background:none !important;
	border-bottom:none !important;
	}


/* Sidebar */
#sidebar {
	margin-top:15px;
	width:264px;
	}
#sidebar h3 {
	height:21px;
	text-indent:-99999px;
	margin-bottom:3px;
	background-repeat:no-repeat;
	}
.portfolio-left {
	background:url(/inc/img/portfolio-left.png) top no-repeat;
	font-size:12px;
	height:155px;
	margin-bottom:15px;
	}
h3.social-media-links {
	background:url(/inc/img/h3-social-media-links.png);
	}	
h3.testimonials {
	background:url(/inc/img/h3-testimonials.png);
	}
h3.contact-info {
	background:url(/inc/img/h3-contact-info.png);
	}
h3.calvin-klein {
	background:url(/inc/img/h3-calvin-klein.png);
	}
h3.nike {
	background:url(/inc/img/h3-nike.png);
	}
h3.fedex {
	background:url(/inc/img/h3-fedex.png);
	}
h3.lexus {
	background:url(/inc/img/h3-lexus.png);
	}
h3.espn {
	background:url(/inc/img/h3-espn.png);
	}
h3.kodak {
	background:url(/inc/img/h3-kodak.png);
	}
h3.sony {
	background:url(/inc/img/h3-sony.png);
	}
h3.kelloggs {
	background:url(/inc/img/h3-kelloggs.png);
	}
h3.mcdonalds {
	background:url(/inc/img/h3-mcdonalds.png);
	}
.testimonial {
	font-size:12px;
	}
dd.testimonial{
	margin-left:0;
	padding:9px 15px 10px 15px;
	width:234px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	}
dt.testimonial {
	background-repeat:no-repeat;
	background-position:8px top;
	font-weight:normal;
	width:244px;
	height:auto;
	margin-bottom:15px;
	text-align: left;
	padding-left:20px;
	margin-top:-1px;
	}
#social-links li {
	list-style-type:none;
	width:264px;
	}
#social-links li a {
	background-position:15px 15px;
	display:block;
	font-size:12px;
	margin-bottom:5px;
	padding:20px 0 20px 58px;
	text-decoration:none;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	}
#social-links li#twitter a {
	background-position:15px -355px;
	}
#social-links li#facebook a {
	background-position:15px -425px;
	}
#social-links li#lastfm a {
	background-position:15px -495px;
	}
#social-links li#delicious a {
	background-position:15px -565px;
	}
#social-links li#linkedin a {
	background-position:15px -635px;
	}
#social-links li#skype a {
	background-position:15px -775px;
	}
#social-links li#twitter a:hover {
	background-position:15px -5px;
	}
#social-links li#facebook a:hover {
	background-position:15px -75px;
	}
#social-links li#lastfm a:hover {
	background-position:15px -145px;
	}
#social-links li#delicious a:hover {
	background-position:15px -215px;
	}
#social-links li#linkedin a:hover {
	background-position:15px -285px;
	}
#social-links li#skype a:hover {
	background-position:15px -705px;
	}
#contact-info li {
list-style-type: none;
	background:url(/inc/img/portfolio-left.png) bottom no-repeat;
	padding:8px 10px 15px;
	}
#contact-info li.skype {

	}
#contact-info {
	background:url(/inc/img/portfolio-left.png) 0 -20px no-repeat;

	}


/* Footer */
#footer, .push {
	height:4em; /* .push must be the same height as .footer */
	min-width:960px;
	}
#footer {
	clear:both;
	width:100%;
	}
.footer-inside {
	margin:0 auto;
	padding-left:15px;
	text-transform:uppercase;
	width:975px;
	}
.footer-text {
	font-size:10px;
	padding:20px 18px 0 0;
	text-align:right;
	}
.footer-text a {
	text-decoration:none;
	}
.validation-icons {
	float:left;
	padding-top:20px;
	width:200px;
	}
.validation-icons img {
	border:0;
	}
.w3c-xhtml, .w3c-css {
	border-top:0;
	float:left;
	height:21px;
	padding:0;	
	}
.w3c-xhtml {
	margin-right:5px;
	width:61px;
	}
.w3c-css {
	margin-right:10px;
	width:52px;
	}
.w3c-xhtml:hover, .w3c-css:hover {
	background-position:0 -21px;
	}
.w3c-xhtml:focus, .w3c-css:focus {
	border:0;
	}