/*   
Theme Name: Tyler Chen & Associates
Theme URI: http://www.tylerchen.com/
Description: Graphic Design Studio
Author: Tyler Chen
Author URI: http://www.tylerchen.com
Version: 2.0
*/
body {
	font: 15px 'Crimson Text', Georgia, Times New Roman, Times, serif;
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	line-height:normal;
}
#container {
	width: 900px;  
	background: #FFFFFF;
	margin: 0 auto; 
	margin-top: 20px;
	text-align: left;
}
#header {
	background: #FFFFFF; 
	text-align:right;
}
#logo	{
	background-image:url(images/tca_head.gif);
	background-repeat:no-repeat;
	width:155px;
	height:36px;
	float:left;
}
#main {
	background: #FFFFFF;
	position:relative;
}
#sidebox {
	margin-left: 200px;
}
#footer {
	padding: 5px;
}
#footertext {
	font: 12px 'Crimson Text', Georgia, Times New Roman, Times, serif;
	text-align:right;
	margin-top:-10px;
}
ul#menu li {
	display: inline;
	margin:19px 0 0 35px;
	vertical-align:bottom;
	float:right;
	line-height:normal;
}
ul#menu li a {
	text-decoration:none;
	font-family: 'Crimson Text', Georgia, Times New Roman, Times, serif;
	font-size: 16px;
	font-weight:bold;
	color: #990000;
}
ul#menu li a:hover {
	text-decoration:underline;
	color: #990000;
}
a:link {color:#990000; text-decoration:none}
a:visited {color:#990000; text-decoration:none}
a:hover {color:#c2b59b; text-decoration:none}
a:active {color:#990000; text-decoration:none}

.dotted {
	border-bottom: 1px dotted;
	color:#999999;
	margin:15px 0 15px 0;
}
.dotted2 {
	border-bottom: 1px dotted;
	color:#999999;
	margin: 190px 0 0 415px;
	
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.floatright { 
	float: right;
	margin-left: 20px;
}
.floatleft { 
	float: left;
	margin-right: 15px;
}
ul#workportfolio { 
	list-style: none;
    padding: 0;
	margin:0; 
	line-height:18px;
}
ul#workportfolio li { 
	width: 160px;
	float: left;
	list-style: none;
    padding: 0;
	margin:10px 25px 0 0; 
}
ul#workportfolio li.last { 
	width: 160px;
	float: left;
	list-style: none;
    padding: 0;
	margin:10px 0 5px 0; 
}
.textbox {
	float:left;
	width: 220px;
}
h1 {
	font: 34px 'Crimson Text', Georgia, Times New Roman, Times, serif;
	color:#ccc3bf;
	font-weight:bold;
	margin: -5px 0;
}
#workbutton1
  {
    display: block;
    width: 232px;
    height: 52px;
    background: url("images/work_1.gif") no-repeat 0 0;
	margin-bottom:15px;

  }
#workbutton1:hover
  { 
    background: url("images/work_2.gif") no-repeat 0 0;
  }
#workbutton1 span
{
  display: none;
}
#funbutton1
  {
    display: block;
    width: 148px;
    height: 52px;
    background: url("images/fun_1.gif") no-repeat 0 0;
	margin-bottom:15px;

  }
#funbutton1:hover
  { 
    background: url("images/fun_2.gif") no-repeat 0 0;
  }
#funbutton1 span
{
  display: none;
}
#profilebutton1
  {
    display: block;
    width: 290px;
    height: 52px;
    background: url("images/profile_1.gif") no-repeat 0 0;
	margin-bottom:15px;

  }
#profilebutton1:hover
  { 
    background: url("images/profile_2.gif") no-repeat 0 0;
  }
#profilebutton1 span
{
  display: none;
}
#contactbutton1
  {
    display: block;
    width: 352px;
    height: 52px;
    background: url("images/contact_1.gif") no-repeat 0 0;
	margin-bottom:15px;

  }
#contactbutton1:hover
  { 
    background: url("images/contact_2.gif") no-repeat 0 0;
  }
#contactbutton1 span
{
  display: none;
}
#currentproject
  {
    display: block;
    width: 400px;
    height: 300px;
    background: url("images/current_project1.gif") no-repeat 0 0;
	margin-bottom:5px;

  }
#currentproject:hover
{ 
    background: url("images/current_project2.gif") no-repeat 0 0;
}
#currentproject span
{
  display: none;
}
#currentproject2
  {
    display: block;
    width: 400px;
    height: 300px;
    background: url("images/current_project1.jpg") no-repeat 0 0;
	margin-bottom:5px;

  }
  #currentproject2:hover
  {
    display: block;
    width: 400px;
    height: 300px;
    background: url("images/current_project2.jpg") no-repeat 0 0;
	margin-bottom:5px;

  }
#featurework1
  {
    display: block;
    width: 160px;
    height: 160px;
    background: url("images/feature_1.gif") no-repeat 0 0;
	float:left;
  }
#featurework1:hover
{ 
    background: url("images/feature_1a.gif") no-repeat 0 0;
}
#featurework1 span
{
  display: none;
}
#featurework2
  {
    display: block;
    width: 160px;
    height: 160px;
    background: url("images/feature_2.gif") no-repeat 0 0;
	float:left;
  }
#featurework2:hover
{ 
    background: url("images/feature_2a.gif") no-repeat 0 0;
}
#featurework2 span
{
  display: none;
}
#featurework3
  {
    display: block;
    width: 160px;
    height: 160px;
    background: url("images/feature_3.gif") no-repeat 0 0;
	float:left;
  }
#featurework3:hover
{ 
    background: url("images/feature_3a.gif") no-repeat 0 0;
}
#featurework3 span
{
  display: none;
}
#workbutton2
  {
    display: block;
    width: 66px;
    height: 15px;
    background: url("images/work_3.gif") no-repeat 0 0;
  }
#workbutton2:hover
  { 
    background: url("images/work_4.gif") no-repeat 0 0;
  }
#workbutton2 span
{
  display: none;
}
#workbutton3
  { 
    display: block;
    width: 66px;
    height: 15px;
    background: url("images/work_4.gif") no-repeat 0 0;
  }
#workbutton3 span
{
  display: none;
}
#funbutton2
  {
    display: block;
    width: 43px;
    height: 15px;
    background: url("images/fun_3.gif") no-repeat 0 0;
  }
#funbutton2:hover
  { 
    background: url("images/fun_4.gif") no-repeat 0 0;
  }
#funbutton2 span
{
  display: none;
}
#funbutton3
  { 
    display: block;
    width: 43px;
    height: 15px;
    background: url("images/fun_4.gif") no-repeat 0 0;
  }
#funbutton3 span
{
  display: none;
}
#profilebutton2
  {
    display: block;
    width: 84px;
    height: 15px;
    background: url("images/profile_3.gif") no-repeat 0 0;

  }
#profilebutton2:hover
  { 
    background: url("images/profile_4.gif") no-repeat 0 0;
  }
#profilebutton2 span
{
  display: none;
}
#profilebutton3
  { 
   display: block;
    width: 84px;
    height: 15px;
    background: url("images/profile_4.gif") no-repeat 0 0;
  }
#profilebutton3 span
{
  display: none;
}
#contactbutton2
  {
    display: block;
    width: 101px;
    height: 15px;
    background: url("images/contact_3.gif") no-repeat 0 0;
  }
#contactbutton2:hover
  { 
    background: url("images/contact_4.gif") no-repeat 0 0;
  }
#contactbutton2 span
{
  display: none;
}
#contactbutton3
  { 
   display: block;
    width: 101px;
    height: 15px;
    background: url("images/contact_4.gif") no-repeat 0 0;
  }
#contactbutton3 span
{
  display: none;
}
.contactbox {
	float:left;
	margin:10px 50px 10px 0;
}

form {
	margin			: 0;
}input {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.92em;
	border-color:#999;
	border-width:1px;
	border-style:solid;
	width:300px;
}
textarea {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.92em;
	border-color:#999;
	border-width:1px;
	border-style:solid;
	width:300px;
	height:100px;
resize: none;
}
.submit {
	width:50px;
}


#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}