body {
	font: normal 12px Arial, Helvetica, sans-serif;
}

html {
	background-color: #fff;
}

* {
	text-decoration:none;
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
}
code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext {
	font:inherit;
	white-space: normal;
}
a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym {
	border-width: 0;
}
dfn,i,cite,var,address,em {
	font-style :normal;
}
th,b,strong,h1,h2,h3,h4,h5,h6,dt {
	font-weight: 400;
}
caption,th,td {
	text-align: left;
}

q{
	quotes:"\201C""\201D""\2018""\2019";
}
ul,ol,dir,menu{ 
	list-style: none;
}
sub,sup{
	vertical-align: baseline;
}
a{
	color: inherit;
}
/* */

div#container {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 25px;
}

.container {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 14px;
	margin-top: 60px;
}

div#titlebar {
	left:0;
	top: 35px;
	width:100%;
	height:102px;
	position:absolute;
	background: #54A9D1 url(images/scribble.jpg) repeat-x 0 0;
}

div#header {
	width:100%;
	height: 142px;
	padding-top: 10px;
	position:relative;
}

.clearboth {
	clear: both;
}

/*FANCYBOX CSS*/
#tip7-title { text-align: left;
	color: #838383;
	font-size: 11px;
	font-style: italic;
	padding-bottom: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#tip7-title b { display: block; margin-right: 80px;
	color: #3d9bc7;
	padding-bottom: 8px;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#tip7-title span { 
	float: right; 
}

/*TOP NAVIGATION LIST*/
li {
	color: #3998c3;
	font: 11px "aller-regular", helvetica, arial, sans-serif;
	width: 113px;
	float: left;
	text-align: center;
	/*background-color: #cfe7fa;*/
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 5px;
	position: relative;
	top: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 9;
}

 li:hover {
	/*background-color: #26b9e1;*/
	text-decoration: underline;
	/*color: white;*/
}

li.a {
	text-align: center;
	padding-right: 4px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 58px;
	background: none;
	display: block;
}

li.a:hover {
	color: #3998c3;
	text-decoration: none;
}

li.b {
	width: 138px;
}

li.c {
	width: 91px;
}

li.d {
	width: 64px;
}

li.e {
	width: 118px;
}

li.f {
	width: 94px;
}

li.g {
	width: 70px;
}

.maincurrent {
	background-color: #568997;
	color: #fffeff;
	font-weight: bold;
	
}

/*TOP NAVIGATION LIST*/

.chrisjacobslogo {
	width: 336px;
	height: 168px;
	float: right;
	position: relative;
	top: -6px;
	left: 75px;
}
		
.projectlogo {
	position: relative;
	margin-bottom: 11px;

}

div.message {
	position: relative;
	bottom: 15px;
	margin-bottom: 3px;
}

h1 a {
	display: inline-block;
	background-color: #cfe7fa;
	padding: 2px 10px;
}

h3 {
	color: #898989;
	font: 16px/39px "aller-regular", helvetica, arial, sans-serif;
}

h3.minimized {
	color: #cbcbcb;
}

h3 a {
	color: #7bbddc;
	font-weight: bold;
	text-decoration: none;
}

h3 span {
	background: #26b8e3;
	color: white;
	padding: 2px 5px 2px 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-weight: bold;
}

h3.minimized a:hover {
	color: #3998c3;
	text-decoration: underline;
}

h3 a:hover {
	color: #3998c3;
	text-decoration: underline;
}

div.other {
	color: #2ab3f1;
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 14px;
}

div.featured {
	width: 850px;
	height: 842px;
	background-color: white;
	position: relative;
}

div.featured_type {
	width: 256px;
	height: 388px;
	float: left;
	position: relative;
	text-align: center;
}

h3 span#current {
	background: #a0e178;
	font-weight: bold;
	color: white;
	padding: 2px 5px 2px 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.featured_body {
	color: #707070;
	font: 13px/23px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: center;
	position: relative;
	margin-top: 2px;
	top: -18px;
}

div.featured_body .projecttitle {
	font: 17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #3998c3;
	position: relative;
	top: -6px;

}

div#vimeohd {
	font: italic normal 12px Georgia, "Times New Roman", Times, serif;
	color: #3998c3;
	position: relative;
	top: 11px;
}

div#vimeohd img {
	top: 10px;
	position: relative;
	margin-right: 6px;
}
		
		
div.featured_video {
	float: right;
	position: relative;
	border: 1px solid #b1b1b1;
}

div.slideshow {
	width: 845px;
	position: static;
	white-space: nowrap;
}

div.slideshow img {
	margin-right: 10px;
	border: 1px solid #c0c0c0;
	padding: 2px;
	left: -1px;
	position: relative;
	right: 0;
}


/*IPG------------------------------------------*/
div.slideshow.ipg {
	margin-top: 30px;
}
/*-IPG------------------------------------------*/

/*Yoostar Tour------------------------------------------*/
div.featured_video.yst {
	width: 544px;
	height: 458px;
}

div.featured_video.background.yst {
	width: 544px;
	height: 458px;
	background-image:url(images/yoostar_tour/background.jpg);
}

div.slideshow.yst {
	margin-top: 40px;
}

/*-Yoostar App------------------------------------------*/
div.featured_video.ysa {
	width: 544px;
	height: 408px;
}

div.featured_video.background.ysa {
	width: 544px;
	height: 408px;
	background-image:url(images/yoostar_app/background.jpg);
	top: 17px;
}

div.slideshow.ysa {
	margin-top: 69px;
}

/*AFI------------------------------------------*/
div.featured_video.background.afi {
	width: 544px;
	height: 408px;
	background-image:url(images/afi/background.jpg);
}

div.slideshow.afi  {
	margin-top: 34px;
}

/*ALPINE------------------------------------------*/
div.featured_video.background.alpine {
	width: 544px;
	height: 360px;
	background-image:url(images/alpine/background.jpg);
}

div.slideshow.alpine {
	margin-top: 12px;
}

/*ABC TELEVISION------------------------------------------*/
div.featured_video.background.abctelevision	{
	width: 544px;
	height: 388px;
	background-image:url(images/abctelevision/background.jpg);
	top: 5px;
}

div.slideshow.abctelevision {
	margin-top: 67px;
}

div.slideshow.abctelevisionextra {
	margin-top: 31px;
}

div.featured_body.abctelevision {
	top: -7px;
}


/*TRAVEL------------------------------------------*/
div.featured_video.background.travel	{
	width: 544px;
	height: 388px;
	background-image:url(images/travel/travel.jpg);
}

div.slideshow.travel {
	margin-top: 36px;
}

div.featured_body.travel {
	top: -7px;
}

/*TRAVEL------------------------------------------*/
/*Content bucket------------------------------------------*/

div.outerbox {
	position: relative;
	width: 200px;
	height: 281px;
	text-align: center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding-top: 20px;
	margin-top: 10px;
	background-image: url(images/others/project_background.gif);
}

div.innerimage {
	position: relative;
	width: 154px;
	height: 129px;
	margin-left: auto;
	margin-right: auto;
	border-color: blue;
	right: 2px;
}

div.innertext {
	color: #fff;
	padding-top: 16px;
	padding-left: 13px;
	padding-right: 13px;
	font: italic 12px Georgia, "Times New Roman", Times, serif;
}


div.innertext span {
	color: #1a8cb6;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div.innertext p {
	margin-top: 10px;
	color: #868686;
}

li.otherworks {
	background: none;
	margin-right: 98px;
	margin-bottom: 5px;
}

li.otherworks:hover {
	background: none;
	text-decoration: none;
}

div.seconds img {
	position: relative;
	top: 14px;
	width: 20px;
	height: 20px;
	margin: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.seconds img:hover {
	background-color: #a9d9f3;
}

div.innerimage img {
	border: 2px solid #dadada;
}

div.innerimage img:hover {
	border: 2px solid #2ab3f1;
}

/*FOOTER CSS*/
div.footertop {
	width: 100%;
	height: 130px;
}


div.footerbottom {
	width: 100%;
	height: 134px;
}

div.footerimage {
	width: 273px;
	height: 134px;
	float: left;
}

div.footeremail {
	width: 572px;
	float: left;
	margin-top: 17px;
	position: relative;
	top: 79px;
}

p#footeremailrequest {
	float: left;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 12px;
}

h1#footeremailaddress {
	font: 51px Georgia, "Times New Roman", Times, serif;
}

a {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

a:hover {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-decoration: underline;
}

/*END FOOTER CSS*/
/*------fonts----*/
@font-face {
	font-family: bursh;
	src: url("fonts/brushstp.eot") /* EOT file for IE */
}
@font-face {
	font-family: brush;
	src: url("fonts/brushstp.ttf") /* TTF file for CSS3 browsers */
}