/************** Import CSS Reset  *****************/
@import url("reset.css");
/********************************* General Seting *********************************/
body { font-size: 12px; color: #cccccc; text-shadow:1px 1px #000; background:url(../images/bg.jpg) no-repeat fixed center top; font-family:Arial, Helvetica, sans-serif; }
a { color:#f8e94a; text-decoration: none; transition: color 0.1s linear; -moz-transition: color 0.1s linear; -webkit-transition: color 0.1s linear; -o-transition: color 0.1s linear; }
a:hover { color:#bfb335; }
	h1, h2, h3, h4, h5, h6 { color: #f8e94a; line-height: 1.1em; font-weight: normal; text-transform:uppercase; }
h1, .like_h1 { font-size: 48px; margin-bottom: 15px; }
h2 { font-size: 40px; margin-bottom:13px; }
h3 { font-size: 30px; margin-bottom:10px; }
h4 { font-size: 14px; margin-bottom:7px; }
h5 { font-size: 12px; margin-bottom:5px; }
h6 { font-size: 10px; margin-bottom:3px; }
h1, h2, h3, h4, h5, h6, #menu a, .bt, .font { font-family: 'Oswald', sans-serif; letter-spacing:0.03em; }
p { line-height: 20px; margin-bottom: 20px; }
ul { list-style:none; }
.left { float: left; }
.right { float: right; }
.last { margin-right: 0 !important; }
	.clearfix:after { content:  "."; display:  block; height:  0; clear:  both; visibility:  hidden; }
.clearfix { display:  inline-block; }
.clearfix { display:  block; }
.clear { clear:both; }
.wrapper { width:960px; margin:0 auto; }
.portfolio-wraper { padding:0 30px; }
	.scrol-page { margin-bottom:800px; padding-top:100px; position:relative; }
.scrol-page.last { margin-bottom:100px; }
.font { color:#fff; letter-spacing:0.05em; }
.loading { position:absolute; top:0; left:0; width:100%; height:100%; z-index:100000; background:url(../images/loader.gif) no-repeat center center #fff; }
.divider { height:2px; margin-top:30px; margin-bottom:30px; background:url(../images/page-title-divider.jpg) no-repeat bottom center; }
strong { font-weight:normal; color:#808080;}
/********************************* End General Seting *********************************/


/********************************* Start Header *********************************/
#header { width:100%; height:62px; margin-bottom:50px; position:fixed; z-index:1100; background:url(../images/header-bg_v2.png) repeat-x; }
/*LOGO*/
	#logo { float:left; margin-top:18px; }
/*MENU*/
	#menu { float:right; margin-top:23px; }
#menu li { float:left; margin-left:15px; text-transform:uppercase; }
#menu a { color:#c4c4c4; font-size:11px; }
#menu a:hover, #menu a.active { color:#f8e94a; }
/********************************* End Header *********************************/


/********************************* Start Home *********************************/
	.home-name { text-align:right; }
.home-name p { margin-bottom:0px !important; margin-top:30px; }
.home-text { margin-top:40px; }
.home-foto .image { margin-left:15px; }
.space { height:100px; }
/*ROUND IMAGE*/
	.foto { width:287px; height:293px; margin-left:3px; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url(../images/foto-bg.png) no-repeat; }
.foto img { position:relative; z-index:-1; margin:1px 0 0 1px; }
/*RECENT WORK*/
	.recent-work { height:204px; position:relative; background:url(../images/recent-work-bg.png) no-repeat; }
.recent-work ul { padding-left:30px; }
.recent-work li { float:left; margin:41px 30px 0 0; position:relative; }
.recent-work img { position:relative; z-index:-1; }
.recent-work .title { position:absolute; top:-17px; left:50%; margin-left:-117px; height:35px; width:231px; text-align:center; text-transform:uppercase; font-size:14px; color:#1e1e1e; text-shadow:1px 1px #fef57a; line-height:33px; background:url(../images/whittier-travel-ball-showcase-bar.png) no-repeat; }
	.view-image, .view-video { position:absolute; top:50%; left:50%; margin-top:-14px; margin-left:-14px; width:28px; height:28px; display:none; text-indent:-9999px; }
.view-image { background:url(../images/view.png) no-repeat; }
.view-video { background:url(../images/video.png) no-repeat; }
.view-image:hover,  .view-video:hover { background-position:0 -28px; }
.recent-work-shadow { height:47px; margin-bottom:30px; background:url(../images/recent-work-shadow.png) no-repeat; }
/*Copyright*/
	.copyright { text-align:center; font-size:10px !important; color:#888888; }
/********************************* End Home *********************************/



/********************************* Start Page *********************************/
.page-title { padding-bottom:30px; margin-bottom:50px; background:url(../images/page-title-divider.jpg) no-repeat bottom center; }
.page-title h1 { float:left; padding-right:40px; margin-right:20px; background:url(../images/page-title-arrow.png) no-repeat right center; }
.page-title p { padding-top:10px; color:#fff; }
/*SERVICES PAGE*/
	.services { width:990px; }
.services h2 { font-size:18px; padding-top:10px; }
.services .one-two { margin-bottom:40px; }
.services .icon { float:left; margin:0 15px 10px 0; }
/*ABOUT PAGE*/
	.foto.left { margin-right:30px; }
.about-title { float:left; width:637px; position:relative; margin-bottom:15px; padding-bottom:10px; background:url(../images/divider-one-two.jpg) no-repeat bottom center; }
	.info-bt { float:right; margin-top:-45px; }
.info-bt .font { display:inline-block; margin:0 10px; width:73px; text-align:center; background:url(../images/or.jpg) no-repeat center center; }
/*PORTFOLIO*/
	.portfolio { width:970px; }
.portfolio li { float:left; width:192px; height:154px; position:relative; overflow:hidden; }
/*CONTACT PAGE*/
	.map { padding:7px; background-color:#fff; }
	#contact-form { margin-top:15px; }
#contact-form textarea { padding:10px; width:94%; height:120px; }
#contact-form input[type = "text"] { font-size:11px; color:#828282; font-style:italic; width:200px; padding:5px; margin-right:10px; }
#contact-form p { margin-bottom:10px !important; }
#contact-form .yellow { border:0 !important; padding-bottom:3px; }
#contact-form .error { color:#ff3f3f; padding-right:10px; font-size:11px; }
	#progress { padding:10px; border:1px solid #4eaa77; }
#progress p { margin-bottom:0 !important; }
/********************************* End Page *********************************/


/********************************* OTHER *********************************/
/* Column*/
.one-two, .one-third, .one-four { margin-right: 30px; float: left; }
.one-two { width:465px; }
.one-third { width:300px; }
.one-four { width:217px; }
/*BT*/
.bt { width:109px; height:29px; text-align:center; line-height:27px; display:inline-block; text-transform:uppercase; }
.bt.red { color:#fff; text-shadow:1px 1px #b13737; background:url(../images/red.png) no-repeat; }
.bt.yellow { color:#464646; text-shadow:1px 1px #fff47a; background:url(../images/bt-yellow.png) no-repeat; }
.bt.yellow:hover { color:#000; }
.bt.red:hover { color:#d6d6d6; }
/********************************* End Other *********************************/


/********************************* PERSONAL CUSTOMS *********************************/
.bold_white { color:#ffffff; }
.social_icon { margin:0 20px;}
.center { text-align:center; }
.font_fix { font-size: 30px; }
.communications_list h3 { font-size: 20px; margin-top:50px; }
	.cta_jotform { display:block; width:249px; height:53px; background:url(../images/cta-jotform.png) no-repeat 0 0; text-indent:-9999em; margin:0; }
.cta_jotform:hover { background-position:0 -53px; }
.about_video { margin:14px 0px 0px 14px; }
.about_video_text { margin-left:320px; }
.space_topper { margin-top: 50px; }