@import 'reset.css';

@font-face {  font-family: 'Fontin-Sans';  src: url("../_media/fonts/fontin_sans/Fontin_Sans_B_45b.otf") format("opentype"); }
@font-face {  font-family: 'Fontin-Sans-italic';  src: url("../_media/fonts/fontin_sans/Fontin_Sans_I_45b.otf") format("opentype"); }

/*----------------------------------------------------------------------- 
	layout
------------------------------------------------------------------------ */
body{
	background: #1c1c1c url('../_imgs/bg_tile.png') repeat top left;
	color:#A0A0A0;
	font-size: small;
	font-family: "Droid Serif", Georgia, Times, serif;
}
#main{
	margin:0 auto;
	width:800px;
}
#header{
	margin:0 auto;
	padding-top: 40px;
	position: relative;
	width:700px;
}
#brand{
	background: url('../_imgs/sundaycaliber_brand.png') no-repeat top left;
	text-indent: -9999px;
	height:267px;
	width:100%;
}
#nav{
	margin:30px 0px;
	height:140px;
	width:100%;
}
#nav li{
	float: left;
	height:140px;
	width:233px;
}

#nav li:last-child a{
	border-right: none;
}
#nav a{
	font-family: "Fontin-Sans", Helvetica, Arial, sans-serif;
	border-right: 1px solid #262626;
	color:#e7e7e7;
	font-size: 35px;
	display: block;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
	padding:15px 25px 0px;
	height:125px;
	width:181px;
}

#nav a:hover{
	background-color: #141414;
	border-right: 1px solid #2B2B2B;
	border-bottom: 1px solid #353535;
	color:#F9E231;
	height:124px;
}
#nav a#hit{
	color:black;
	background-color: #F9E231;	
}
#nav a#hit em{
	color:black;
}

#nav a em{
	color:#595959;
	display: block;
	font-size: 14px;
	font-style:italic;
	line-height: 1.4em;
	margin-top: 10px;
	text-transform: none;
	font-family: "Droid Serif", Georgia, Times, serif;
}

/*----------------------------------------------------------------------- 
	typography
------------------------------------------------------------------------ */
a,#segway span{
	color:#e7e7e7;
	text-decoration: none;
}
a:hover{
	color:#F9E231;
}
h2{
	color:#fff;
	font-family: "Fontin-Sans", Helvetica, Arial, sans-serif;
	font-size: 32px;
	text-transform: capitalize;
	margin-bottom: 25px;
}
p{
	font-family: "Droid Serif", Georgia, Times, serif;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 2em;
}
#segway{
	font-size: 22px;
	font-family: "Droid Serif", Georgia, Times, serif;
	line-height: 1.4em;
	padding: 20px 0px 0px;
	text-align: center;
}

#content{
	margin:0 auto 50px auto;
	width:800px;
}

/*----------------------------------------------------------------------- 
	work
------------------------------------------------------------------------ */
.project{
	margin:50px 0px;
	width:800px;
}
/*.dimmer{
	display: none;
	position: absolute;
	background-color:#000;
	opacity:0.5;
	height:668px;
	width:100%;
	z-index: 0;
}*/
.project-notes{
	display: none;
	position: absolute;;
	height:668px;
	width:100%;
}
.project:first-child{
	margin-top:0px;
}
.snap-slide{
	clear: both;
	width:800px;
}
.snap-slide img{

}
.project-asset-02{
	float: left;
	overflow:hidden;
	margin: 3px 5px 3px 0px;
	width:395px;
}
.project-asset-02.last{
	margin-right:0px;
	width:400px;
}
.project-asset-03{
	float: left;
	width:800px;
}
.project-header{
	background: url('../_imgs/project_header_bg.png') no-repeat bottom left;
	height:60px;
	overflow: visible;
	width:800px;
}
.project-header dl{
	float: left;
	height:40px;
	margin-top: 20px;
	line-height: 3em;
}
dt{
	font-family: "Fontin-Sans-italic", Helvetica, Arial, sans-serif;
	font-size: 16px;
}
dd{
	font-family: Helvetica, Arial, sans-serif;
	color:#C1C1C1;
}
.project-header dt{
	float: left;
	color:#595959;
	margin:0px 8px 0px 20px;
}
.project-header dd{
	background: url('../_imgs/project_header_sep.png') no-repeat top right;
	font-size: 14px;
	float: left;
	height:40px;
	padding:0px 20px 0px 0px;
}

.min-btn{
	-webkit-border-radius: 4px ;
	-moz-border-radius: 4px ;
	border-radius: 4px ;
	background-color: #fff;
	color:#151515;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	margin-top: -3px;
	padding:3px;	
}
.min-btn.null{
	color: #454545;
	background-color: #1C1C1C;
}
.min-btn.new-window:hover{
	color:#151515;
	background-color: #F9E231;
}
.project-header dd:last-child{
	background: none;
}
.project-header ul{
	display: none;
	margin-top: 10px;
	margin-right: 24px;
	float: right;
}
.project-header ul li{
	background: url('../_imgs/project_nav_btn_bg.png') no-repeat top left;
	float: left;
	width:93px;
	height:50px;
	margin-left: 5px;
}
.project-header ul #snap-nav-tab a{
	display: block;
	font-size: 1em;
	float: left;
	width:45px;
	height:48px;
	text-indent: -9999px;
}
#snap-nav-tab #prevTab{
	background: url('../_imgs/project_header_nav_arrow_prev.png') no-repeat 14px 16px;
	border-right: 1px solid #242424;	
}
#snap-nav-tab #nextTab{
	background: url('../_imgs/project_header_nav_arrow_next.png') no-repeat 14px 16px;
	border-left: 1px solid #434343;
}
.over-btn{
	display: none;
}
#visit-site-tab a,#show-notes-tab a{
	font-size: 35px;
	
}
.project-header ul a{
	font-family: "Fontin-Sans", Helvetica, Arial, sans-serif;
	display: block;
	font-size: 22px;
	line-height: 2.4em;
	text-align: center;
}
.project-footer{
	-webkit-border-radius:0px 0px 4px ;
	-moz-border-radius: 0px 0px 4px ;
	border-radius:0px 0px 4px ;
	clear: both;
	border-left: 1px solid #2f2f2f;
	border-right: 1px solid #2f2f2f;
	border-bottom: 1px solid #2f2f2f;
	padding:0;
	display: none;
	margin:0;
	color:#595959;	
	height:38px;
	width:798px;
}
.project-footer dl{	
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	line-height: 3em;
	padding-left: 10px;
}
.project-footer dt{
	float: left;
	margin-right: 10px;
}
.project-footer dd{
	float: left;
}
.project-footer ul{
	float: right;
	line-height: 3em;
	margin-right: 10px;
}
.project-footer li{
	float: left;
	margin-left: 10px;
}
.project-footer li:first-child{
	font-family: Helvetica, Arial, sans-serif;
	font-style:italic;
}

/*----------------------------------------------------------------------- 
	blog
------------------------------------------------------------------------ */
.blog{
	margin-top: 20px;
}
.post{
	margin:0 auto 50px auto;
	width:700px;
}
.blog img{
	border: 4px solid #A0A0A0;
	margin:0px auto 20px auto;
}
.embed{
	display: block;
	margin-bottom: 20px;
}
/*----------------------------------------------------------------------- 
	buttons
------------------------------------------------------------------------ */
#latest-news-btn{
	background: url('../_imgs/special_icon.png') no-repeat;
	display: block;
	position: absolute;
	top:40px;
	text-indent: -9999px;
	right:-50px;
	height:85px;
	width:50px;
}
#back-top-btn{
	background: #000000;
	font-family: "Fontin-Sans-italic", Helvetica, Arial, sans-serif;
	position: fixed;
	display: block;
	bottom:0px;
	right:0px;
	font-size: 26px;
	font-style:italic;
	text-align: center;
	padding-top: 20px;
	width:80px;
	height:50px;
	z-index: 2;
}

/*----------------------------------------------------------------------- 
	msic
------------------------------------------------------------------------ */
#ie-warning{
	font-size: 22px;
	margin: 40px 0px;
}