/*
Theme Name: Krizalis Creative Studio
Theme URI: http://krizalis.my
Description: 1st version of Krizalis Creative Studio's Wordpress Theme.
Version: 1.0
Author: Krizalis Creative Studio
Author URI: http://krizalis.my
Tags: black, white, fixed width, single column, custom portfolio
*/

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

body { line-height: normal; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Krizalis Creative Studio Styles */
.services_wrap { text-align: center; }

.services_wrap .services { text-align: left; }

#web-design, #online-application, #logo-design, #print-design, #others {
	width: 840px;
	margin: 0 auto;
	text-align: left;
}

.thumbnails_features {
	border-top: 1px dotted #aaaaaa;
	border-bottom: 1px dotted #aaaaaa;
	margin: 20px 0;
	padding: 20px 0;
	float: left;
	height: 1%;
}

.thumbnails_features .thumbnails {
	width: 311px;
	float: left;
}

.thumbnails_features .features {
	width: 279px;
	float: right;
}

.thumbnails_features .thumbnails img {
	margin: 10px;
	padding: 1px;
	border: 3px solid #b8d7ea;
}

.thumbnails_features .thumbnails a.thickbox:hover img { border: 3px solid #8abcdb; }

.thumbnails_features .features .title {
	font-size: 14px;
	font-weight: bold;
}

blockquote p { display: inline; }

blockquote blockquote { background: #bbb; }

blockquote {
	margin: 10px 15px;
	padding: 12px;
	background: #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	CCborderRadius: 5px;
	font-style: italic;
}

h1 {
	display: block;
	font-size: 2em;
	font-weight: bold;
	margin: 0 0 .67em;
}

h2 {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 .83em;
}

h3 {
	display: block;
	font-size: 1.17em;
	font-weight: bold;
	margin: 0 0 1em;
}

h4 {
	display: block;
	font-weight: bold;
	margin: 0 0 1.33em;
}

h5 {
	display: block;
	font-size: 0.83em;
	font-weight: bold;
	margin: 0 0 1.67em;
}

h6 {
	display: block;
	font-size: 0.67em;
	font-weight: bold;
	margin: 0 0 2.33em;
}

q:before { content: open-quote; }

q:after { content: close-quote; }

b, strong { font-weight: bolder; }

i, cite, em, var, dfn { font-style: italic; }

tt, code, kbd, samp { font-family: -moz-fixed; }

u, ins { text-decoration: underline; }

s, strike, del { text-decoration: line-through; }

blink { text-decoration: blink; }

big { font-size: larger; }

small { font-size: smaller; }

sub {
	vertical-align: sub;
	font-size: smaller;
	line-height: normal;
}

sup {
	vertical-align: super;
	font-size: smaller;
	line-height: normal;
}

nobr { white-space: nowrap; }

pre, address { font-family: "Courier New", Courier, monospace; }

p, address, pre { margin: 10px 0; }

div.entry {
	font-size: 13px;
	line-height: 18px;
}

div.entry a {
	color: #0072bb;
	text-decoration: none;
}

div.entry a:hover { text-decoration: underline; }

div.entry ul {
	list-style: disc;
	padding-left: 40px;
	margin: 10px 0;
}

div.entry li { line-height: 20px; }

div.entry ul ul { list-style: circle; }

div.entry ul ul ul { list-style: square; }

div.entry ol {
	list-style: decimal;
	padding-left: 40px;
	margin: 10px 0;
}

div.entry ol ol { list-style: lower-alpha; }

div.entry ol ol ol { list-style: lower-roman; }

div.entry ol ol, div.entry ul ul, div.entry ol ul, div.entry ul ol { padding-left: 30px; }

div.entry img.aligncenter {
	display: inline;
	text-align: center;
}

div.entry a img { border: none; }

div.entry img.alignright {
	margin: 0 0 10px 10px;
	display: inline;
}

div.entry img.alignleft {
	margin: 0 10px 10px 0;
	display: inline;
}

div.entry .alignleft, .alignleft { float: left; }

div.entry .alignright, .alignright { float: right; }

div.entry .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.clear {
	height: 0;
	clear: both
}

/* 100% Height */
html, body { height: 100%; /* needed for container min-height */ }

body {
	background: #eee;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	color: #717171;
}

div#container {
	position: relative; /* needed for footer positioning*/
	margin: 0; /* center, not in IE5 */
	width: 100%;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
}

body.home div#container { background: url(images/container_home_bg.jpg) no-repeat 50% 0; }

div#header {
	width: 100%;
	height: 48px;
	background: url(images/header_bg.png) repeat-x 0 0;
	text-align: center;
}

div#header div#header_wrap {
	width: 940px;
	text-align: left;
	margin: 0 auto;
}

div#header div#header_wrap h1 {
	line-height: 42px;
	font-family: "Museo-Sans-700", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	text-shadow: 2px 2px 1px #000;
	text-transform: uppercase;
	float: left;
	background: url(images/header_logo.png) no-repeat 0 50%;
	text-indent: 29px;
}

div#header div#header_wrap h1 a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}

div#header div#header_wrap h1 a:hover { color: #c9d8f4; }

div#header div#header_wrap div.menu { float: right; }

div#header div#header_wrap div.menu li {
	float: left;
	margin: 0 15px;
	line-height: 40px;
}

div#header div#header_wrap div.menu li a {
	font-family: "Museo-Sans-500", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-size: 13px;
	color: #878787;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 2px 2px 1px #000;
	display: block;
	width: 100%;
	height: 100%;
}

/* A font by Jos Buivenga (exljbris) -> http://www.exljbris.nl */
@font-face {
 font-family: 'Museo-Sans-500';
 src: url("fonts/museosans_500.eot");
 src: local('Museo Sans 500'), url("fonts/museosans_500.ttf") format('truetype');
}
 @font-face {
 font-family: 'Museo-Sans-700';
 src: url("fonts/museosans_700.eot");
 src: local('Museo Sans 700'), url("fonts/museosans_700.otf") format('opentype');
}
 @font-face {
 font-family: 'Museo-Sans-900';
 src: url("fonts/museosans_900.eot");
 src: local('Museo Sans 900'), url("fonts/museosans_900.otf") format('opentype');
}

div#header div#header_wrap div.menu li.current_page_item a { color: #fff; }

div#header div#header_wrap div.menu li a:hover { color: #fff; }

div#header div#header_wrap a#contact {
	float: right;
	width: 153px;
	height: 39px;
	text-indent: -9999px;
	background: url(images/header_contact.png) no-repeat 0 0;
	margin-left: 35px;
	margin-top: 3px;
	display: block;
}

div#header div#header_wrap a:hover#contact {
	opacity: 0.75;
	filter: alpha(opacity = 75);
}

div#content {
	text-align: center;
	padding: 0 0 48px; /* bottom padding for footer */
}

div#content div#content_wrap {
	text-align: left;
	margin: 0 auto;
	width: 940px;
}

/* Home Styling */
body.home div.home {
	margin-top: 43px;
	margin-left: 30px;
	width: 400px;
}

body.home div.home h2.home, div.ourwork h2.ourwork, div.services_wrap h2, div.ourclients h2 {
	font-family: "Museo-Sans-900", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

body.home div.home h2.home a {
	color: #0d6dc1;
	text-decoration: none;
}

div.ourwork h2.ourwork a, div.services_wrap h2.services a, div.ourclients h2.ourclients a {
	color: #f0bd20;
	text-decoration: none;
}

body.home div.home h2.home a span { color: #f0bd20; }

div.ourwork h2.ourwork a span, div.services_wrap h2 a span, div.ourclients h2 a span { color: #616161; }

body.home div.home div#contact_us a {
	display: block;
	width: 130px;
	height: 40px;
	background: url(images/contact_us.png) no-repeat 0 0;
	text-indent: -9999px;
	margin-top: 20px;
}

body.home div.home div#contact_us a:hover { background: url(images/contact_us.png) no-repeat 0 -40px; }

div#tweet {
	margin-top: 30px;
	width: 360px;
	line-height: 18px;
}

div#tweet div.left {
	width: 282px;
	float: left;
	font-size: 13px;
}

div#tweet div.left span.title {
	font-family: "Museo-Sans-900", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-size: 18px;
	color: #3b3b3b;
}

div#tweet div.left ul#twitter_update_list span {
	font-size: 11px;
	display: block;
}

div#tweet div.left ul#twitter_update_list a:hover { text-decoration: underline; }

div#tweet div.left ul#twitter_update_list span a {
	color: #0072bb;
	text-decoration: none;
	font-style: normal;
}

div#tweet div.left ul#twitter_update_list a {
	color: #0072bb;
	text-decoration: none;
	font-style: italic;
}

div#tweet div.right {
	width: 78px;
	float: right;
}

div#tweet div.right a.twitter {
	display: block;
	width: 78px;
	height: 90px;
	text-indent: -9999px;
	background: url(images/tweet.png) no-repeat 0 0;
	position: relative;
}

div#tweet div.right a.twitter div#tweet_hover {
	position: absolute;
	left: -100px;
	bottom: -10px;
	background: url(images/tweet_hover.png) no-repeat 0 0;
	width: 109px;
	height: 29px;
	display: none;
}

/* Home Sub Content */
div#home_subcontent, div#ourwork_subcontent {
	margin-top: 30px;
	padding: 20px 0;
	background: url(images/home_subcontent_bg.png) repeat-x 0 0 #e5e5e5;
	text-align: center;
}

div#home_subcontent_wrap, div#ourwork_subcontent_wrap {
	width: 920px;
	text-align: left;
	margin: 0 auto;
}

div#home_subcontent_wrap_left {
	float: left;
	width: 620px;
}

div#home_subcontent_wrap_right {
	float: left;
	width: 280px;
	margin-left: 20px;
}

div#home_subcontent_wrap_left h3, div#home_subcontent_wrap_right h3 {
	font-family: "Museo-Sans-900", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	color: #3b3b3b;
	font-size: 12px;
	margin-bottom: 15px;
	text-shadow: 1px 1px 1px #fff;
	text-transform: uppercase;
}

div#home_subcontent_wrap_left div.homesubentry {
	float: left;
	width: 310px;
}

div#home_subcontent_wrap_left div.homesubentry img {
	float: left;
	margin-right: 10px;
	border: 3px solid #e5e5e5;
}

div#home_subcontent_wrap_left div.homesubentry a:hover img { border: 3px solid #dd3e6c; }

div#home_subcontent_wrap_left div.homesubentry a.title {
	color: #dd3e6c;
	font-size: 15px;
	line-height: 15px;
	margin: 0 15px 0 0;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Museo-Sans-700", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	display: block;
}

div#home_subcontent_wrap_left div.homesubentry a:hover.title { color: #c92a58; }

div#home_subcontent_wrap_left div.homesubentry p {
	color: #717171;
	font-size: 11px;
	margin: 5px 15px 5px 130px;
	line-height: 18px;
}

div#home_subcontent_wrap_left div.homesubentry a.home_view_details {
	color: #0d6dc1;
	font-size: 11px;
	line-height: 11px;
	margin: 0 15px 0 130px;
	text-decoration: none;
	display: block;
	float: right;
}

div#home_subcontent_wrap_right a.readmore {
	color: #0d6dc1;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
}

div#home_subcontent_wrap_left div.homesubentry a.home_view_details:hover, div#home_subcontent_wrap_right a:hover.readmore {
	background: #0d6dc1;
	color: #e5e5e5;
}

div#home_subcontent_wrap_right ul li {
	color: #717171;
	font-size: 11px;
	line-height: 11px;
	background: url(images/home_dots.png) repeat-x 0 100%;
	padding: 4px 0 9px;
}

div#home_subcontent_wrap_right a.list { line-height: 11px; }

div#home_subcontent_wrap_right a {
	color: #717171;
	font-size: 11px;
	line-height: 11px;
	margin: 0;
	text-decoration: none;
}

div#home_subcontent_wrap_right a:hover {
	background: #717171;
	color: #e5e5e5;
}

div#home_subcontent_wrap_right p {
	margin: 7px 0;
	text-align: right;
}

/* Contact Us Form */
#contact-overlay {
	background-color: #000;
	cursor: wait;
}

#contact-container {
	width: 700px;
	height: 600px;
}

#contact-container .contact-content {
	padding: 20px;
	margin: 0;
	border: 1px solid #505050;
	background: url(images/contact_bg.png) repeat-x 0 0 #e5e5e5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	CCborderRadius: 5px;
	position: relative;
}

#contact-container .contact-loading {
	position: absolute;
	background: url(images/loadingAnimation.gif) no-repeat;
	z-index: 8000;
	height: 13px;
	width: 208px;
	top: 293.5px;
	left: 246px;
	margin: 0;
	padding: 0;
}

#contact-container .contact-message {
	text-align:center;
	font-size: 11px;
	background: #f8c2c2;
	border: 1px solid #d64c4c;
	font-weight: bold;
	margin: 0 auto;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	CCborderRadius: 3px;
	display: block;
	margin: 10px auto;
	width: 500px;
	color: #a83232;
}

#contact-container br { clear: both; }

#contact-container form {
	padding: 0;
	margin: 0;
}

#contact-container a.modal-close, #contact-container a.modal-close:link, #contact-container a.modal-close:active, #contact-container a.modal-close:visited {
	position: absolute;
	top: 25px;
	right: 22px;
	width: 17px;
	height: 16px;
	display: block;
	text-indent: -9999px;
	background: url(images/contact_close.png) no-repeat 0 0;
	cursor: pointer;
	z-index: 10;
}

div#contact-container h2.contact-title {
	font-family: "Museo-Sans-900", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-size: 30px;
	color: #dd3e6c;
	margin: 0 0 20px 0;
	text-shadow: 1px 1px 1px #fff;
	text-transform: uppercase;
}

div#contact-container h2.contact-title span { color: #616161; }

div#contact-container a.note, div#contact_container a.note code {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

div#contact-container form { margin-top: 10px; }

div#contact-container table {
	border-collapse: separate;
	border-spacing: 8px;
}

div#contact-container textarea#message {
	width: 630px;
	height: 140px;
	border: 1px solid #c7d8e3;
	background: #fff;
	color: #717171;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-size: 13px;
	padding: 5px;
}

div#contact-container input, div#contact-container select {
	width: 305px;
	border: 1px solid #c7d8e3;
	background: #fff;
	color: #717171;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-size: 13px;
	padding: 5px;
}

div#contact-container button#submit {
	width: 97px;
	height: 40px;
	border: none;
	background: url(images/contact_submit.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	margin-top: 10px;
}

div#contact-container button#submit.submithover { background: url(images/contact_submit.png) no-repeat 0 -40px; }

/* Our Work Styling */
div.slider {
	width: 940px;
	height: 530px;
	position: relative;
	margin: 0;
	text-align: center;
}

div.subslider {
	width: 920px;
	height: 256px;
	position: relative;
	margin: 0;
	text-align: center;
}

div.slider .wrapper {
	width: 940px;
	overflow: auto;
	height: 530px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
}

div.subslider .subwrapper {
	width: 920px;
	overflow: auto;
	height: 256px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
}

div.slider .wrapper ul.slider {
	width: 99999px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

div.subslider .subwrapper ul.ourwork_thumbnails {
	width: 99999px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 50px;
}

div.slider ul li.our_work_featured {
	display: block;
	float: left;
	padding: 0;
	height: 530px;
	width: 940px;
	margin: 0;
}

div.subslider ul.ourwork_thumbnails li {
	display: block;
	float: left;
	padding: 0;
	height: 256px;
	width: 920px;
	margin: 0;
}

div.slider .arrow { display: none; }

div.slider .forward { display: none; }

div.subslider .forward {
	width: 37px;
	height: 49px;
	display: block;
	text-indent: -9999px;
	background: url(images/ourwork_sub_nav_btn.png) no-repeat -37px 0;
	position: absolute;
	top: 137px;
	right: 0;
	cursor: pointer;
}

div.subslider .forward:hover { background: url(images/ourwork_sub_nav_btn.png) no-repeat -37px -49px; }

div.slider .back { display: none; }

div.subslider .back {
	width: 37px;
	height: 49px;
	display: block;
	text-indent: -9999px;
	background: url(images/ourwork_sub_nav_btn.png) no-repeat 0 0;
	position: absolute;
	top: 137px;
	left: 0;
	cursor: pointer;
}

div.subslider .back:hover { background: url(images/ourwork_sub_nav_btn.png) no-repeat 0 -49px; }

body.archive div#content, body.page-template-ourwork-php div#content, body.page-template-services-php div#content, body.blog div#content, body.single div#content, body.search div#content, body.page-template-ourclients-php div#content { background: url(images/ourwork_bg.png) repeat-x 0 0; }

div.ourwork {
	margin: 43px 40px 0 30px;
	width: 290px;
	float: left;
}

div.ourwork_featured_image {
	margin: 43px 30px 0 0;
	width: 550px;
	float: left;
}

div.ourwork h3.ourwork a {
	color: #0072bb;
	font-size: 24px;
	font-family: "Museo-Sans-700", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	text-transform: uppercase;
	line-height: 24px;
	text-decoration: none;
}

div.ourwork h3.ourwork a:hover {
	color: #fff;
	background: #0072bb;
}

div.slider a#start-stop {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0e91e4;
	background: url(images/ourwork_slider_bg.png) no-repeat 0 0;
	display: none;
	width: 26px;
	height: 26px;
	line-height: 23px;
	position: absolute;
	top: 500px;
	right: 0;
	font-size: 11px;
}

div.slider a#start-stop:hover { background: url(images/ourwork_slider_bg.png) no-repeat 0 -26px; }

div.slider a#start-stop.playing { line-height: 20px; }

div.subslider #thumbNav, a#start-stop { display: none; }

#thumbNav {
	position: absolute;
	top: 500px;
	right: 330px;
	text-align: left;
}

#thumbNav a {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin: 0 1px;
	background: url(images/ourwork_slider_bg.png) no-repeat 0 0;
	text-align: center;
	text-indent: -9999px;
	text-decoration: none;
	line-height: 26px;
	color: #0e91e4;
	font-size: 11px;
}

#thumbNav a:hover, #thumbNav a.cur { background: url(images/ourwork_slider_bg.png) no-repeat 0 -26px; }

div.ourwork ul.tags, div.services_wrap ul.tags, div.features ul.tags {
	padding-left: 10px;
	list-style: none;
}

div.ourwork ul.tags li, div.services_wrap ul.tags li, div.features ul.tags li {
	background: url(images/ourwork_tags_bg.png) no-repeat 0 50%;
	padding-left: 26px;
	margin: 5px 0;
}

div.ourwork ul.tags li a, div.services_wrap ul.tags li a, div.features ul.tags li a {
	color: #6a6a6a;
	text-decoration: none;
	font-size: 13px;
}

div.ourwork ul.tags li a:hover, div.services_wrap ul.tags li a:hover, div.features ul.tags li a:hover {
	color: #0072bb;
	border-bottom: 1px dotted #0072bb;
}

div.links { margin-top: 20px; }

div.links a.details {
	width: 83px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/details_bg.png) no-repeat 0 0;
	float: left;
	text-decoration: none;
	margin-right: 20px;
}

div.links a.details:hover { background: url(images/details_bg.png) no-repeat 0 -30px; }

div.links a.live, div.thumbnails_features a.live {
	width: 60px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/live_bg.png) no-repeat 0 0;
	float: left;
	text-decoration: none;
}

div.links a.live:hover, div.thumbnails_features a.live:hover { background: url(images/live_bg.png) no-repeat 0 -30px; }

/* Our Work Subcontent */
div#ourwork_subcontent_wrap h3 {
	font-family: "Museo-Sans-700", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-size: 30px;
	color: #dd3e6c;
	text-shadow: 1px 1px 1px #fff;
	text-transform: uppercase;
	margin-bottom: 4px;
}

div#ourwork_subcontent_wrap h3 span { color: #616161; }

ul.ourwork_thumbnails a {
	display: block;
	float: left;
	margin: 12px 8.33px;
}

ul.ourwork_thumbnails a:hover {
	display: block;
	float: left;
	margin: 9px 5.33px;
}

ul.ourwork_thumbnails a:hover img { border: 3px solid #DD3E6C; }

/* Services */
div#services_nav_bg {
	background: url(images/home_subcontent_bg.png) repeat-x 0 0 #e5e5e5;
	position: absolute;
	top: 449px;
	left: 0;
	height: 90px;
	width: 100%;
}

.tabs-bottom { position: relative; }

.tabs-bottom .ui-tabs-panel {
	height: 450px;
	overflow: auto;
}

.tabs-bottom .ui-tabs-nav {
	position: absolute !important;
	left: 0;
	bottom: 0;
	right:0;
	padding: 0 0.2em 0.2em 0;
}

body.page-template-services-php div#content, body.page-template-ourclients-php div#content {
	padding-top: 43px;
	padding-bottom: 146px;
	position: relative;
}

.ui-tabs {
	position: relative;
	padding: 0;
	zoom: 1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
	z-index: 1;
	height: 90px;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	margin: 0 22.4px;
	padding: 0;
	text-align: left;
}

.ui-tabs .ui-tabs-nav li a {
	text-decoration: none;
	line-height: 24px;
	font-size: 30px;
	font-family: "Museo-Sans-700", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	text-shadow: 0 1px 0 #f8f8f8;
	text-transform: uppercase;
	padding: 20px 5px 22px;
	display: block;
}

.ui-tabs .ui-tabs-nav li.web-design a { color: #0072bb; }

.ui-tabs .ui-tabs-nav li.web-design a:hover, .ui-tabs .ui-tabs-nav li.online-application a:hover, .ui-tabs .ui-tabs-nav li.logo-design a:hover, .ui-tabs .ui-tabs-nav li.print-design a:hover, .ui-tabs .ui-tabs-nav li.others a:hover { color: #616161; }

.ui-tabs .ui-tabs-nav li.web-design a:hover span { color: #0072bb; }

.ui-tabs .ui-tabs-nav li.online-application a { color: #dd3e6c; }

.ui-tabs .ui-tabs-nav li.online-application a:hover span { color: #dd3e6c; }

.ui-tabs .ui-tabs-nav li.logo-design a { color: #f0bd20; }

.ui-tabs .ui-tabs-nav li.logo-design a:hover span { color: #f0bd20; }

.ui-tabs .ui-tabs-nav li.print-design a { color: #000; }

.ui-tabs .ui-tabs-nav li.print-design a:hover span { color: #000; }

.ui-tabs .ui-tabs-nav li.others a { padding-bottom: 46px; color: #01a993; }

.ui-tabs .ui-tabs-nav li.others a:hover { color: #616161; }

.ui-tabs .ui-tabs-nav li a span { color: #616161; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
	display: block;
	border: 0;
	padding: 0;
	background: none;
}

.ui-tabs .ui-tabs-hide { display: none !important; }

img.services_img {
	margin: 0;
	border: none;
	width: auto;
	height: auto;
}

div.services_wrap table { width: 840px; }

div.services_wrap h3.title {
	text-decoration: none;
	line-height: 24px;
	font-size: 24px;
	font-family: "Museo-Sans-700", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	text-transform: uppercase;
	color: #0072bb;
	margin-bottom: 0;
}

div.services_wrap td {
	vertical-align: top;
	padding: 0 15px;
}

/* Blog */
body.blog div#content_wrap, body.single div#content_wrap, body.archive div#content_wrap, body.search div#content_wrap { padding-top: 43px; }

h2#title, h2#search, form#searchform { float: left; }

#nav { float: left; }

#nav h2 { margin: 0; }

#nav, #nav ul { position: relative; }

#nav a.title, h2#title, h2#search {
	font-size: 18px;
	font-family: "Museo-Sans-700", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #959595;
	margin: 0 15px 0 0;
	cursor: pointer;
	border-bottom: none;
}

#nav a.title:hover { color: #dd3e6c; }

#nav a {
	display: block;
	border-bottom: 1px dotted #555;
	color: #8b8b8b;
	text-decoration: none;
	font-size: 13px;
}

#nav span.emptymonth {
	display: block;
	border-bottom: 1px dotted #555;
	color: #444;
	text-decoration: none;
	font-size: 13px;
	padding: 2px 0;
}

#nav .archives span.emptymonth {
	padding: 0;
	line-height: 20px;
	text-align: center;
}

#nav a:hover { color: #0072bb; }

#nav li {
	float: left;
	position: relative;
}

#nav div {
	position: absolute;
	display: none;
	width: auto;
	padding: 17px 0 0 0;
	top: 22px;
	left: 0;
	padding-top: 9px;
	background: url(images/browse_top.png) no-repeat 0 0;
	z-index: 9999;
}

#nav div div { display: block; }

#nav li ul a {
	width: auto;
	height: auto;
	float: left;
	padding: 2px 0;
}

#nav li ul li.archives a {
	padding: 0;
	line-height: 20px;
	text-align: center;
}

#nav ul ul { top: auto; }

#nav li.tags { width: 420px; }

#nav li.tags a {
	border: none;
	display: inline;
	float: none;
	margin: 0 5px;
}

#nav li.categories ul { margin-top: 10px; }

#nav li.background {
	background: #000;
	padding: 25px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	CCborderRadius: 5px;
	box-shadow: 2px 2px 0 #ccc;
	-moz-box-shadow: 2px 2px 0 #ccc;
	-webkit-box-shadow: 2px 2px 0 #ccc;
}

#nav li.categories { width: 330px; }

#nav li.archives {
	width: 300px;
	padding-bottom: 15px;
}

#nav li.archives li a { width: 85px; }

#nav li.categories span, #nav a.yearlink {
	color: #f0bd20;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#nav li.categories li a { width: 150px; }

#nav li.categories li, #nav li.archives li { margin: 0 7.5px; }

#nav li.archives li {
	float: left;
	width: 85px;
	margin-bottom: 10px;
}

h2#search label { cursor: pointer; }

form#searchform input {
	border: none;
	background: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-size: 13px;
	color: #333;
}

form#searchform div.search_wrapper {
	border: 1px solid #c7d8e3;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	CCborderRadius: 2px;
	background: #fff;
	padding: 2px;
}

form#searchform input#s {
	float: left;
	display: block;
	width: 170px;
	margin-right: 5px;
}

form#searchform input#searchsubmit {
	display: block;
	float: left;
	width: 12px;
	height: 13px;
	background: url(images/search_btn.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	margin: 2px 3px 0 0;
	cursor: pointer;
}

div#browse { margin-bottom: 40px; }

div.meta_data {
	float: left;
	width: 300px;
	margin-right: 30px;
	margin-bottom: 30px;
}

div.meta_data h3.cat_title { margin-bottom: 10px; }

div.meta_data h3.cat_title a {
	color: #f0bd20;
	font-size: 18px;
	text-transform: uppercase;
	font-family: "Museo-Sans-900", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}

div.meta_data h2 { margin-bottom: 17px; }

div.meta_data h2 a {
	color: #0072bb;
	font-size: 24px;
	text-transform: uppercase;
	font-family: "Museo-Sans-900", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	line-height: 24px;
	word-wrap: break-word;
}

div.meta_data p {
	color: #717171;
	font-size: 13px;
	margin: 10px 0;
}

div.meta_data a {
	color: #0072bb;
	font-size: 13px;
	text-decoration: none;
}

div.meta_data a:hover { text-decoration: underline; }

div.theblog div.entry {
	width: 610px;
	margin-bottom: 30px;
	float: right;
}

div.theblog {
	margin-bottom: 30px;
	background: url(images/theblog_entry_bottom_bg.png) repeat-x 0 100%;
}

div.theblog div.entry a.more-link span {
	color: #ffc000;
	line-height: 29px;
}

div.theblog div.entry a.more-link {
	text-align: right;
	color: #fff;
	text-shadow: -1px -1px 1px #000;
	text-transform: uppercase;
	display: block;
	width: 71px;
	height: 30px;
	background: url(images/theblog_more.png) no-repeat 0 0;
	float: right;
	line-height: 29px;
	text-decoration: none;
	font-size: 12px;
	font-family: "Museo-Sans-700", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	text-align: center;
}

div.theblog div.entry a.more-link:hover {
	background: url(images/theblog_more.png) no-repeat 0 -30px;
	text-decoration: none;
}

div.wp-pagenavi {
	text-align: center;
	margin-bottom: 30px;
}

.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
	width: 76px;
	height: 30px;
	background: url(images/pagination_01.png) no-repeat 0 0;
}

.wp-pagenavi a {
	width: 31px;
	height: 30px;
	line-height: 28px;
	margin: 2px;
	text-decoration: none;
	color: #fff;
	background: url(images/pagination_02.png) no-repeat 0 0;
	display: inline-block;
	font-size: 11px;
	text-transform: uppercase;
	font-family: "Museo-Sans-500", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}

.wp-pagenavi a:hover {
	background: url(images/pagination_02.png) no-repeat 0 -30px;
	text-decoration: none;
}

.wp-pagenavi a:hover.previouspostslink, .wp-pagenavi a:hover.nextpostslink {
	background: url(images/pagination_01.png) no-repeat 0 -30px;
	text-decoration: none;
}

.wp-pagenavi span.pages, .wp-pagenavi span.extend, .wp-pagenavi a.first, .wp-pagenavi a.last { display: none; }

.wp-pagenavi span.current {
	width: 31px;
	height: 30px;
	line-height: 28px;
	margin: 2px;
	text-decoration: none;
	color: #fff;
	background: url(images/pagination_02.png) no-repeat 0 -30px;
	display: inline-block;
	font-size: 11px;
	text-transform: uppercase;
	cursor: default;
	font-family: "Museo-Sans-500", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}

span.related-posts-title {
	color: #717171;
	float: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	padding: 0 0 10px;
}

/* Our Clients Page */
div.clientlogo {
	padding: 5px;
	background: #e9edf7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	CCborderRadius: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	float: left;
	margin: 14px;
	width: 150px;
}

div.clientlogo img {
	margin-bottom: 5px;
	background: #fff;
}

/* Footer */
div#footer {
	position: absolute;
	width: 100%;
	bottom: 0; /* stick to bottom */
	height: 48px;
	background: url(images/footer_bg.png) repeat-x 0 0;
	text-align: center;
}

div#footer div#footer_wrap {
	width: 940px;
	text-align: left;
	margin: 6px auto 0;
}

div#footer div#footer_wrap span {
	font-family: "Museo-Sans-700", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-size: 12px;
	color: #717171;
	text-shadow: 1px 1px 1px #000;
	line-height: 42px;
	text-transform: uppercase;
}

div#footer div#footer_wrap span a {
	color: #717171;
	text-decoration: none;
}

div#footer div#footer_wrap span a:hover { text-decoration: underline; }