/*
THEME NAME: Keta Keta
THEME URI: http://ketaketa.com
AUTHOR: futurz
AUTHOR URI: http://www.futurz.com
*/
/*
Modifications for Keta Keta by Troy http://tr0y.com */
   
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/* reset */html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/* base */h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
/* fonts */body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

li { margin-bottom:1em; }
table td { vertical-align:top; }
#sidebar ul { margin-left:1em; margin-right:0; }
#sidebar ul ul { margin-top:.5em; }
#sidebar li { margin-bottom:.5em; }

div,img {
behavior:url(iepngfix.htc);
border:none;
}
body{
	font-family:Tahoma, Helvetica, sans-serif;
	color: #6b7c7f;
	margin: auto;
	background:#D0D0D0 url(img/bg/body.jpg) 0 0 repeat-x;
}
html { background:#d0d0d0; } 


form input {
	font-family:Tahoma, Helvetica, sans-serif;
	vertical-align:middle;
}

a {
	color: #EE4222;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}

dt { font-weight:bold; }

/*--------------------------------------------
  				page structure
  --------------------------------------------*/
#hd	{
	width:auto;
}

#hd h1, #hd h1 * { margin:0; padding:0; }

#hd h1 { height:241px; width:1044px; display:block; background:url(img/filmstrip.png) bottom right no-repeat; }

#hd h1 img { margin-top:20px; }

#doc	{
	width:980px;
	margin:0 auto;
}

#bd
{
background:#ffffff;
padding:0 20px;
overflow:auto;
height:100%;
}

#content	{
	width:600px;
	float:left;
	padding:30px 20px;
	height:auto;
}

.no-sidebar #content { width:95%; margin:0 auto; }
	
#sidebar	{
	width:245px;
	background:url(img/leftbg.gif) top left no-repeat;
	float:left;
	margin:auto;
	height:auto;
	padding:30px 0 30px 20px;	
}



.featured	{
	background:url(img/bg/showcase.jpg) no-repeat;
	height:244px;
	clear:both;
}


.bordermain
{
border:1px solid #dbd6d2;
background:#FFFFFF;
padding:8px;
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width:980px; /*Width of Carousel Viewer itself*/
height: 244px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .belt  h1
{
font:normal bold 2.2em Arial, Helvetica, sans-serif;
margin:0;
padding:0 0 10px 0;
color:#5e5e5e;
letter-spacing:-1px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 8px 10px 0px 20px; /*margin around each panel*/
width: 940px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:auto;
padding:10px;
}
.panel .stepbottom
{
float:right;
width:50%;
}

.stepcarousel .corner {
	position:absolute;
	top:7px;
	left:7px;
	width:85px;
	height:85px;
}

.featuredcorner {
	background:url(img/featuredcorner.png) 0 0 no-repeat;
}
.websitecorner {
	background:url(img/websitecorner.png) 0 0 no-repeat;
}
.logocorner {
	background:url(img/logocorner.png) 0 0 no-repeat;
}



a.readmore:link,a.readmore:visited, a.readmore:active
{
background:url(img/readmore.png) 0% 100% no-repeat;
padding:0 15px;
color:#55787b;
text-transform:uppercase;
float:right;
font:normal 10px Tahoma, "Times New Roman", Times, serif;
text-decoration:none;
}
a.readmore:hover
{
background:url(img/readmore.png) 0% 100% no-repeat;
padding:0 15px;
color:#E96823;
text-transform:uppercase;
float:right;
font:normal 10px Tahoma, "Times New Roman", Times, serif;
text-decoration:none;
}
/*--------------------------------------------
  				navigation
  --------------------------------------------*/
#nav {height:42px;background: url(img/menutop_blk.png) repeat-x top center; }

#nav, #nav * { margin:0; padding:0; list-style:none; }

#nav li { float:left; margin-left:1em; position:relative; z-index:999;}
#nav li li { float:none; }
#nav li ul { display:none; left:0;top:41px; background:#eee; position:absolute; z-index:999; padding:1em; }
#nav li:hover ul, #nav li.hover ul { display:block; }

#nav a { height:30px; display:block; float:left; margin-top:8px; padding:4px .5em 0 .5em; line-height:30px; font-size:120%; font-weight:bold; font-family:Arial, "Book Antiqua", Helvetica, sans-serif;color:#fff;text-transform:uppercase; }
#nav a:hover {background:#EE4222;color:#fff; text-decoration:none; }
#nav .current_page_item a, #nav .current_page_parent a { background:#ea5f02; color:#fff; }

/* subnav */
#doc #nav li li, #doc #nav li li a,#doc #nav li ul { padding:0; margin:0; background:none; }
#doc #nav li ul { border:1px solid #000; background:#fff; width:15em; }
#doc #nav li li a { padding:.25em .5em; padding-right:0; height:auto; line-height:2; color:#000; font-size:100%; display:block; float:none; }
#doc #nav li li a:hover {background:#ea5f02;color:#fff;}



/*--------------------------------------------
  				headings
  --------------------------------------------*/
h1 { letter-spacing:-0.2px; padding-bottom: 5px;}
h2 { letter-spacing:-1px;}
h1,h2,h3,h4,h5 { font-family:Arial, Verdana, Arial, Helvetica, sans-serif; }

h1 { font-size:200%; }
h2 { font-size:175%; }
h3 { font-size:150%; }
h4 { font-size:125%; }

h1,h2 { margin:.1em 0; } 
h3,h4,h5 { margin:.25em 0; }

h3 a, h4 a, h5 a { color:inherit; }

h1.titles, h1.entry-title, .widgettitle, h2.entry-title		{ font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  color:#848484; letter-spacing:-1px; margin-top:0; }
h1.titles  img	{ padding-right: 15px;vertical-align:middle;}


blockquote		{border-left:6px solid #afd5d9;color:#999999;padding: 5px 15px; margin:10px 0;  }

h3 img
{
vertical-align:middle;
}
/*--------------------------------------------
  				miscellaneous
  --------------------------------------------*/
	


a.more:link,a.more:visited, a.more:active
{
background:url(img/readmore.gif) 0% 50% no-repeat;
padding:0 0 0 16px;
color:#6b7c7f;
float:right;
font:normal 11px/18px Tahoma, "Times New Roman", Times, serif;
text-decoration:none;
}
a.more:hover
{
background:url(img/readmore.gif) 0% 50% no-repeat;
padding:0 0 0 16px;
color:#0096a3;
float:right;
font:normal 11px/18px Tahoma, "Times New Roman", Times, serif;
text-decoration:none;
}
		
a:focus { outline:none; }
		
img { border: 0 }

.date	{
	color:#ef5c0c;
	font-size:10px;
	font-weight:bold;
}

.newslist {
line-height:16px;
overflow:auto;
padding:10px 0;
}
.newslist p	{
line-height:16px;

}


h4.titles, .tddrecentposts dt { 
	font:normal 1.4em Arial, Helvetica, sans-serif;  
	color:#848484; 
	letter-spacing:-1px;
}
hr.hrbar
{
clear:both;
border:none;
width:100%;
border-bottom:1px solid #ccc;
}

address	{
	color:#333333;
	padding:0px;
	margin:0;

}

/*--------------------------------------------
  				footer
  --------------------------------------------*/
#ft	{
	width:100%;
	background:url(img/bg/ft.png) top center repeat-x;
	float:left;
	height:auto;
	margin:0;
	padding:30px 0;

}


.footerleft	{color:#868f97;padding:0px 0px 10px 20px;margin:0; float:left;}

.footerright	{color:#868f97;padding:0px 20px 10px 0;margin:0; float:right; text-align:right;}




/*--------------------------------------------
  				form
  --------------------------------------------*/

.contacts img {
vertical-align:middle;
padding:2px 0;
}


.portfolioitem .details
{
float:right;
line-height:16px;
width:320px;
padding-left:20px;
}
.portfolioitem h3
{
color:#54a1ac;
}

.portfolioitem 
{
float:left;
position: relative;
margin:10px 0;
}
.portfolioitem .corner {
	position:absolute;
	top:-2px;
	left:-2px;
	width:85px;
	height:85px;
}
.bordersub
{
border:1px solid #dbd6d2;
background:#FFFFFF;
padding:8px;
}
/* ================================================= */
/* 	 INPUT FIELD CSS                                 */
/* ================================================= */

form textarea
{
vertical-align:top;
}

form input[type=radio],
form input[type=checkbox]
					{border: none;}

input[type=text],
input[type=password],
textarea 
					{	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;	
	
background: #fff url('img/bg_box.gif') repeat-x top left;border: 1px solid #b8b8b8;padding: 5px 8px;margin: 2px 0px;}

input[type=text]:focus,
input[type=password]:focus
{
	background: #fff url('img/bg_box.gif') repeat-x top left;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio 
					{ width: auto;margin: 2px 10px;}

* input[type=image]
{
	background:none;
}

input[type="text"], input[type="password"], textarea { width:20em; }

/*  =Links
--------------------------------------*/
.skype-link img { vertical-align:middle; }


/* =Widgets
--------------------------*/
li.widget { list-style:none; border-bottom:1px solid #ccc; padding-bottom:1em; margin-bottom:1em; }
.tddrecentposts li { list-style:none; }
#tdd-recent-posts .widgettitle { padding-left:35px; background:url(img/newsicon.gif) 0 0 no-repeat; }
.tddrecentposts dt a { color:#ef5c0c; }
.widget_subpages li { list-style:none; }
.widget_subpages li a,
.widget_subpages .current_page_item li a { color:#848484; }
.widget_subpages h2 a { color:##848484; }
.widget_subpages .current_page_item a { color:#ef5c0c; display:block; }

.widgettitle a {color:#848484; }

.widget ul { margin-top:.5em; }

/* =Showcase
----------------*/
.featured { display:none; }

/* =Breadcrumbs
----------------*/
#breadcrumbs { margin-bottom:1em; }

/* =Typography
----------------*/
#content { line-height:1.5; font-size:110%;  }
.featured .panel { font-size:120%; line-height:1.8; }
/* =General Classes
----------------*/
.flt-l { float:left; }
.flt-r { float:right; }
.half-width { width:49%; }
.half-width { width:49%; }
img.alignleft { float:left; margin-right:10px; }
img.alignright { float:right; margin-left:10px; }

/* =Page Specific
----------------*/
/* contact page (4), awards page(10) */
#post-4 li, #post-22 li { list-style:none;  }
#post-22 td,#post-10 td, #post-10 td h3 {  padding-top:0; margin-top:0;border:0; }

/* clients */
#post-53 .entry-content ul { margin:0; }
#post-53 .entry-content li { list-style:none; float:left; margin:0 10px 0 0; width:185px; height:120px; line-height:120px; vertical-align:middle; text-align:center; }
#post-53 .entry-content img { vertical-align:middle;  }
/* awards (22) */
#post-22 td { vertical-align:top;padding-bottom:1em; }
#post-22 table { margin-left:2em; }

/* work pages */
div.media { margin-bottom:1em;text-align:center; }
.work-teaser:hover { border:1px solid silver; }
.work-teaser { width:270px; padding:10px 0 10px 10px; border:1px solid #fff;  margin-right:10px;  margin-bottom:1em;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}
.work-teaser .entry-title { font-size:90%; }
.work-teaser .entry-content { font-size:86%; }

.work-page table td { border:0; }
/*
.work-description { float:left; width:30%; }
.work-videos { float:right; width:68%; }
*/
.work-videos li, .work-videos, .work-video-thumbs li, .work-video-thumbs { margin:0; padding:0; list-style:none; }
.work-video-thumbs li { float:left; margin:0 10px 10px 0; }

dl.table, dl.table * { margin:0; padding:0; }
dl.table dt { float:left; clear:left; width:6em; }
dl.table dd { float:left; }


/* =Forms
----------------*/
legend { display:block; text-transform:uppercase; font-size:110%; font-weight:bold; border-bottom:1px solid #eee; margin-bottom:.5em; }
fieldset { margin-bottom:1em; margin-left:1em; }
label span.required { color:#f00; }

.splash #doc { width:500px; }
.splash #nav, .splash #hd img { display:none; }
.splash #hd { height:50px; }
.splash #bd { padding-bottom:2em; margin-top:1em; }
.splash #hd h1 { background:none; }
.splash-page * { margin:0; padding:0; }
.splash-page ul { margin:3em auto; }
.splash-page li { float:left; width:45%; margin-right:1em; list-style:none; }
.splash-page li p { text-align:left;margin:.5em 0;font-size:120%; line-height:1.8; }
.splash #nav * { display:none; }

/* PIE Clearer */
.clearfix:after, dl.table:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix, dl.table {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html dl.clearfix, * html {height: 1%;}
.clearfix, dl.table {display: block;}
/* End hide from IE-mac */