/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body { padding:0; margin:0;}


body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:20px;
	color:#757575;
	min-width:1012px;
	background:url(../images/line_bg.jpg) center 0 repeat-x #0a0a0a !important;
	position:relative;
	margin:0 auto;

}

.pic-shape { background:url(../images/slide_bg.jpg) center 0 no-repeat; width:100%; overflow:hidden; margin:0 auto;}

/***********************************************************************/

a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}

a.link {cursor:pointer; color:#ffffff; display:inline-block; text-decoration:none; font-size:11px; text-transform:uppercase;}
a.link:hover { text-decoration:underline; }


a.link2 {cursor:pointer; color:#ffffff; display:inline-block; font-size:12px; text-decoration:underline;}
a.link2:hover {  text-decoration:none; }




a.button-1 {cursor:pointer; color:#ffffff; text-decoration:none; font-family: 'Anton', sans-serif; font-weight:400; text-transform:uppercase; font-size:14px; line-height:17px; padding:5px 9px 5px 12px; background:url(../images/more_shape.jpg) 0 0 repeat-x #0f0f0f;  display:inline-block; 

 -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
 a.button-1 span {background:url(../images/arrow_span.png) 0 0 no-repeat; width:8px; height:11px; display:inline-block; margin-left:18px; margin-top:3px;}
a.button-1:hover { background:#404040; color:#fff;
  -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
a.button-1:hover span { background-position:0 -11px;  -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}



.lsp {letter-spacing:-1px !important;}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.container {width:100%;}
.reg {text-transform:uppercase;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.fleft {float:left;}
.fright {float:right;}
.nowrap {white-space:nowrap;}

.img-indent {float:left; margin:6px 20px 0px 0px;}
.img-indent2 {float:left; margin:5px 10px 0px 0px;}
.img-indent3 {float:left; margin:20px 19px 0px 28px;}

.img-border {border:5px solid #434343;}
.last {margin-right:0px !important;}


/*********************************header*************************************/
header {width:100%; margin:0 auto; z-index:299; position:relative;}



.head-content {width:1012px; margin:0 auto; z-index:299; position:relative;  }

.logo {z-index:199; position:relative; display:block; padding-bottom:152px;}
.logo>p { font-family: 'Open Sans', sans-serif; font-weight:700; font-size:15px; line-height:18px; margin-top:-12px; color:#464646; text-transform:uppercase; margin-left:-2px; }

h1 { padding-top:142px;  z-index:199; }
a.h1 { font-family: 'Open Sans', sans-serif; font-weight:700; font-size:90px; color:#fff; line-height:120px; text-transform:uppercase; letter-spacing:-5px; margin-left:-7px; text-align:left;  display:block;}
a.h1 span {margin-top:-60px; display:block;}



.menu {
	display:block;
	position:relative;
	z-index:299;
	width:1012px;
	background-color: #0f0f0f;
	background-repeat: repeat-x;
	background-position: 0 0;
}
nav {  float:left; z-index:101;}

h3 { font-family: 'Open Sans', sans-serif; font-size:15px; line-height:20px; letter-spacing:-1px; color:#fff; font-weight:700; text-transform:uppercase;}

.box-1 {background:url(../images/box1_shape.jpg) 0 0 repeat-x #242424; height:346px; width:327px; float:left; position:relative; overflow:hidden;}
.box-3 {background:url(../images/box1_shape.jpg) 0 0 repeat-x #242424; height:346px; width:358px; float:left; position:relative; overflow:hidden; }

.tt { text-align:right; font-family: 'Open Sans', sans-serif; font-size:35px; color:#fff; font-weight:700; text-transform:uppercase; line-height:23px;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	 margin-top:153px; margin-left:133px; letter-spacing:-2px;
	 white-space:nowrap;
	 width:300px;
}
.tt span {display:block; text-align:right;}
.tt3 { text-align:right; font-family: 'Open Sans', sans-serif; font-size:35px; color:#fff; font-weight:700; text-transform:uppercase; line-height:23px;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	 margin-top:153px; margin-left:161px; letter-spacing:-2px;
	 white-space:nowrap;
	 width:300px;
}
.tt3 span {display:block; text-align:right;}
.box-pic {
	height:346px;
	width:238px;
	background:url(../images/page1_img_01.jpg) 0 0 no-repeat;
	position:absolute;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	background-image: url(images/headshot1.jpg);
}
.box-pic2 {
	height:346px;
	width:238px;
	background:url(../images/page1_img_02.jpg) 0 0 no-repeat;
	position:absolute;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	background-image: url(../images/page1_img_02.jpg);
}
.box-pic3 {
	height:346px;
	width:268px;
	background:url(../images/page1_img_03.jpg) 0 0 no-repeat;
	position:absolute;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	background-image: url(images/page1_img_03.jpg);
}

.arrowban {width:27px; height:27px; background:url(../images/arrow_ban.png) 0 0 no-repeat; position:absolute; top:296px; left:257px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.arrowban3 {width:27px; height:27px; background:url(../images/arrow_ban.png) 0 0 no-repeat; position:absolute; top:296px; left:287px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.box-1:hover .box-pic, .box-1:hover .box-pic2, .box-3:hover .box-pic3 {background-position:0 -346px; 
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}

.box-1:hover .arrowban, .box-3:hover .arrowban3 { top:306px; 
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}



.tt4 { text-align:right; font-family: 'Open Sans', sans-serif; font-size:25px; color:#fff; font-weight:700; text-transform:uppercase; line-height:18px;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	 margin-top:132px; margin-left:-132px; letter-spacing:-2px;
	 white-space:nowrap;
	 width:300px;
}
.tt4 span {display:block; text-align:right;}

/*********************************content*************************************/

#content { padding-top:64px; z-index:99; position:relative; width:960px; margin:0 auto; background:url(../images/content_shape.png) 0 0 repeat-x #2f2f2f; padding-left:25px; padding-right:27px; padding-bottom:54px;}

#content-page { padding-top:62px; z-index:99; position:relative; width:960px; margin:0 auto; background:url(../images/content_shape.png) 0 0 repeat-x #2f2f2f; padding-left:25px; padding-right:27px; padding-bottom:54px; border-top:1px solid #2f2f2f;}


.box-pics {padding:5px; background:#434343; width:300px; height:211px; float:left; position:relative; margin-left:10px; margin-bottom:10px; z-index:10; overflow:hidden;}
.box-pics img {z-index:10; position:relative;}
.blo { width:300px; height:0px; background:url(../images/op-40.png) 0 0 repeat; position:absolute; top:5px; left:5px; z-index:100; display:block;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.box-pics .link-text {padding:7px 0 9px 7px; background:url(../images/op-40.png) 0 0 repeat; position:absolute; width:293px; top:155px; color:#fff; z-index:101;text-transform:uppercase; font-size:11px; line-height:14px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
.box-pics:hover .blo {top:5px; height:211px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}
.box-pics:hover .link-text {top:135px; -webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}

.upp { text-transform:uppercase;}
.upp2 { text-transform:uppercase; font-size:11px;}
.text-1 { font-family: 'Open Sans', sans-serif; font-size:25px; color:#fff; font-weight:700; line-height:30px; letter-spacing:-1px;}
.text-2 { font-family: 'Open Sans', sans-serif; font-size:15px; color:#fff; font-weight:700; line-height:20px; letter-spacing:-1px; text-transform:uppercase;}
.text-3 { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#fff; line-height:20px; text-transform:uppercase; }


.socialicon {margin-top:22px;}
a.icon-1 {float:left; background:url(../images/page1_icon_01.png) 0 0 no-repeat; width:37px; height:37px; display:inline-block;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
a.icon-1:hover {background-position: 0 -37px; 
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a.icon-2 {float:left; background:url(../images/page1_icon_02.png) 0 0 no-repeat; width:37px; height:37px;  margin-left:2px; display:inline-block;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
a.icon-2:hover {background-position: 0 -37px; 
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a.icon-3 {float:left; background:url(../images/page1_icon_03.png) 0 0 no-repeat; width:37px; height:37px;  margin-left:2px; display:inline-block;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
a.icon-3:hover {background-position: 0 -37px; 
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a.icon-4 {float:left; background:url(../images/page1_icon_04.png) 0 0 no-repeat; width:37px; height:37px;  margin-left:2px; display:inline-block;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
a.icon-4:hover {background-position: 0 -37px; 
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.line-1 {width:100%; height:1px; background:url(../images/line-1.png) 0 0 repeat-x; margin-top:24px;}
.line-2 {width:1px; height:496px; background:url(../images/line-2.png) 0 0 no-repeat; position:absolute; left:272px; top:-17px;}
.line-3 {width:1px; height:496px; background:url(../images/line-2.png) 0 0 no-repeat; position:absolute; left:360px; top:-17px;}
.line-4 {width:1px; height:790px; background:url(../images/line-2.png) 0 0 repeat-y; position:absolute; left:592px; top:-17px;}
.line-5 {width:1px; height:496px; background:url(../images/line-2.png) 0 0 no-repeat; position:absolute; left:592px; top:-17px;}

.fixwid {width:220px;}
.arr1 {position:absolute; top:73px; right:0;}
.arr2 {position:absolute; top:79px; right:0;}


.marg0 {margin-left:0px !important;}
.marg1 {margin-top:34px;}
.marg2 {margin-top:11px; width:220px;}
.marg3 {margin-top:38px;}
.marg4 {margin-top:32px;}
.marg5 {margin-top:10px;}
.marg6 {margin-top:25px;}
.marg7 {margin-top:24px;}
.marg8 {margin-top:15px; margin-left:10px;}
.marg9 {margin-top:48px;}
.marg10 {margin-top:43px;}
.marg11 {margin-top:-8px;}
.marg12 {margin-top:46px;}
.marg13 {margin-top:40px;}
.marg14 {margin-top:35px;}
.marg15 {margin-top:11px;}
.marg16 {margin-top:26px;}
.marg17 {margin-top:29px;}
.marg18 {margin-top:34px;}
.marg19 {margin-top:34px;}
.marg20 {margin-top:12px;}
.marg21 {margin-top:20px;}

.pad0 {padding-bottom:0px !important;}
.pad1 {padding-bottom:27px;}
.pad2 {padding-bottom:12px;}


.flickr_badge_image {border:5px solid #434343; width:60px; height:61px; float:left; overflow:hidden; margin-left:10px; margin-bottom:10px;}
a.flickr_www {color:#fff;}
.flickr {display:inline;
	float: left;
	position: relative;
	width:160px; margin-top:6px; margin-left:-5px;}
	

.form-search {
	margin-left: 0px;
	margin-top:19px;
	background:#404040;
	
	height:31px;

	width:230px;
	
}
#form-search input {
	width:187px;
	height:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#757575;
	background:none;
	border:none;
	vertical-align:top;
	padding:7px 5px 7px 5px;
	display: inline-block;
	float:left;
	margin-right:0px;
}

.search_button {
	background:url(../images/search-button.png) 0 0 no-repeat;
	display:inline-block;
	vertical-align:top;
	float:left;
	width:27px;
	height:27px;
	margin:2px 0px 0 4px;
	-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;

}
.search_button:hover {
	background-position:right 0; 
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;

}


/******/



.list1 { margin-top:25px;}
.list1 li a:hover {text-decoration:underline; color:#fff;}
.list1 li {padding:0px 0 0px 0px;  }
.list1 li a { font-size:11px; color:#414141; font-family:Arial, Helvetica, sans-serif; text-decoration:none;  line-height:14px; text-transform:uppercase;
  -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
  




/********************** Table Content ************************/

.color-1 {color:#fff;}

.table-1 {
	width:950px;
	margin-top:40px;
	margin-left:0px;
	border:none;
	background:#111111;
	line-height:20px;
	
	
}
.table-1 tr th {
	background:#434343;
	padding: 5px 0 5px 40px;
	text-align:left;
	font-family: 'Open Sans', sans-serif; font-size:15px; line-height:20px; letter-spacing:-1px; color:#fff; font-weight:700; text-transform:uppercase;

}
.lastt {padding-left:10px !important;}
.head-table { }

.color-th1 {width:614px;}
.color-th2 {width:110px;}
.table-1 tr .color-th1,  .table-1 tr .color-th2, .table-1 tr .color-th3 {background:#111111;}

.table-1 tr td {

}
.table-1 tr .first {
	
}
.table-1 tr {  }
.table-1 tr td {
	color:#8c8c8c;
	font-size:13px;
	line-height:20px;
	text-align:left;
	padding:5px 0 5px 12px;
}

.ttt {color:#757575 !important; font-size:12px !important;}


/****************************footer************************/
footer {
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:102;
	padding-top:48px;
	padding-left:25px; padding-right:27px;	
}


footer .foot-text { font-size:11px; color:#414141; margin-left:0px; font-family:Arial, Helvetica, sans-serif; padding-top:24px; padding-bottom:42px; text-align:left;  text-transform:uppercase; line-height:14px;}
footer .foot-text span {color:#fff;}
footer .foot-text a {cursor:pointer; color:#414141; text-decoration:none;}
footer .foot-text a:hover { text-decoration:underline; }


/**********************form**********************/
.map {width:540px; height:247px; margin-top:40px; display:block; float:left;}
.map iframe {	
  width:540px;
  height:247px;
}

dl {margin:15px 0 0px 0px; float:left; margin-left:82px; }
dl dt { padding:0px 0 0px 0;}
dl dd span { display:inline-block; width:65px;}
dl dd { }


#form {
	margin: 40px 0 0px 0px;
	width:310px;
}
#form input {
	background:#404040;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:15px;
	color:#757575;
	padding:8px 4px 8px 7px;
	outline: medium none;
	width: 299px;
	
	float:left;
}
#form textarea {
	background:#404040;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#757575;
	height: 203px;
	outline: medium none;
	overflow: auto;
	padding: 8px 4px 8px 7px;
	width: 299px;
	resize:none;
	margin:0px 0 0 0;
	float:left;
}
#form label {
	position:relative;
	display: block;
	min-height:41px;
	overflow:hidden;
}
#form .error, #form .empty {
	color: #F00;
	display: none;
	font-size: 11px;
	line-height:14px;
	float:left;
	width:300px;
}
#form .error-empty {
	margin: 4px 0 3px 8px !important;
	display:none;
	float:left;
}
#form .success {
	display:none;
	padding-bottom:10px;
	
}
.btns {
	text-align:left;
	width:310px;
	position:relative;
	padding-top:30px;
	overflow:hidden;
	
}
.btns a {
	margin: 0px 30px 0px 0px;
}