img {-webkit-backface-visibility: hidden;}

object {outline:none;}
a {outline:none; text-decoration:none;}
html {width:100%;height:100%;}
img {border:0;}

::selection { background: #a6a6a6 ; color:#FFFFFF; /* Safari */ }
::-moz-selection {background: #a6a6a6 ; color:#FFFFFF ; /* Firefox */ }



body {
	font-family: 'VegurRegular',Arial,Verdana, Helvetica, sans-serif;
	font-smooth:always;
	margin: 0;
	padding: 0;
	color: #a6a6a6;
	font-size:16px;
	width:100%;
	height:100%;
	overflow-x:hidden;
	overflow-y:hidden;
	background:#e5e5e5;
	cursor:default;
}


ul,li {	padding:0;	margin:0; list-style:none;}
p {	padding:0;	margin:0; margin-bottom:10px; }


a:hover {		
	text-decoration:none;
	color:#CCC;
}

a {
	color:#a6a6a6;	
}


h1,h2,h3,h4,h5,h6,b,strong {
  font-family:"VegurBold", Arial, sans-serif;
  font-weight:normal;
}


h1 {
	font-family: "VegurRegular",Arial;
	font-size:24px;
	font-style:italic;
}


.page_shadow {
	-moz-box-shadow: 0px 0px 7px #666666;
	-webkit-box-shadow: 0px 0px 7px #666666;
	box-shadow: 0px 0px 7px #666666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}


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

#dummy {
	width:1px;
	height:1px;	
	z-index:1;
	position:absolute;
	left:-1px;
	top:0px;
	display:none;
}
#dummy img {
	width:1px;
	height:1px;	
	position:absolute;
	left:-1px;
	top:0px;
}

#allContent {
	/*position:absolute;
	z-index:1000;*/
	width:100%;
	height:100%;
}

header {	
	position:absolute;
	z-index:5000;
	left:35px;
	top:40px;	
}

@media screen and (max-width:800px) {
	header #logo img {
		width:150px;
	}
}


#mouseClickLayer {
	position:absolute;
	z-index:2000;
	width:100%;
	height:100%;
}

#text_masker, #contact_masker {
	overflow: hidden;
	width: 760px;
	height: 635px;
	position: absolute;
	display:none;
	left:50%;
	margin-left:-380px;
}

#textPage_holder {
	position:absolute;
	z-index:3000;
	top:0px;
	font-family: "VegurRegular",Arial;
	width:760px;
	height:635px;
}

#textPage_holder #textStuff {
	position:absolute;
	padding:25px 55px 65px 55px;
	
	height:545px;
	width:650px;
	/*left:-380px;*/
	background-color:#FFF;
	/*background-image:url('../images/RA_icon_animated.gif');*/
}

#textPage_holder #textStuff #logo_symbol {
	text-align:center;
}


#contactPage_holder {
	position:absolute;
	z-index:3001;
	top:0px;
	left:50%;
	margin-left:-380px;
	font-family: "VegurRegular",Arial;
	width:760px;
	height:635px;
}

#contactPage_holder #contactStuff {
	position:absolute;
	
	height:525px;
	width:650px;
	/*left:-380px;*/
	padding:25px 55px 85px 55px;
	
	background-color:#FFF;
	/*background-image:url('../images/RA_icon_animated.gif');*/
}

#contactPage_holder #msg {
	margin-top:25px;
}

#contactPage_holder #msg #logo_symbol {
	width:650px;
	text-align:center;
}

#contactPage_holder #mail_form {	
}

#contactPage_holder #contactInfo {
	margin-top:85px;
	font-size:14px;
	border-top:1px solid #b5b5b5;
	padding-top:15px;
	width:650px;
	text-align:center;
}	
#contactPage_holder #contactInfo div {
	display:inline;
	font-family: "VegurMedium",Arial;
}

#contactPage_holder #contactInfo #theAddy {
	float:left;
}
#contactPage_holder #contactInfo #thePhone {
	margin-left:-65px;
}
#contactPage_holder #contactInfo #theEmail {
	float:right;
}

#homeBtn {
	cursor:pointer;	
	margin:0px auto;
	width:650px;
	height:37px;
	position:absolute;
	bottom:20px;
	text-align:center;
}

#contactStuff #homeBtn {
	bottom:15px;
}



#works_holder {	
	position:absolute;
	z-index:3002;
	bottom:20px;
	left:45px;
	height:70px;
	width:100%;
}



#vids_holder {
	position:absolute;
	z-index:2999;
	width:100%;
	height:100%;
	top:0px;
}

#vidBtns {
	width:auto;
	height:64px;
	margin:20px auto;
}

#vidBtns li.vid_button {
	width:146px;
	height:64px;
	background-image:url('../images/vid_btn.png');
	background-repeat:no-repeat;
	float:left;
	margin-left:-18px;
	text-align:center;
	cursor:pointer;
}

#vidBtns li.vid_button:first-child {
	width:136px;
	margin-left:0px;
	padding-right:2px;
	background-image:url('../images/first_vid_btn.png');
}
#vidBtns li.vid_button:last-child, #vidBtns li.vid_button.lastForIE {
	width:130px;
	background-image:url('../images/last_vid_btn.png');
}

#vidBtns li.vid_button:hover, #vidBtns li.vid_button.current {
	background-image:url('../images/vid_btn_2.png');
}
#vidBtns li.vid_button:first-child:hover, #vidBtns li.vid_button:first-child.current {
	background-image:url('../images/first_vid_btn_2.png');
}
#vidBtns li.vid_button:last-child:hover, #vidBtns li.vid_button:last-child.current,
#vidBtns li.vid_button.lastForIE:hover, #vidBtns li.vid_button.lastForIE.current  {
	background-image:url('../images/last_vid_btn_2.png');
}

#vidBtns li.vid_button:first-child .vid_title {
	margin-left:-10px;
}
#vidBtns li.vid_button:last-child .vid_title {
	margin-left:6px;
}
#vidBtns li.vid_button .vid_title {
	font-size:16px;
	margin-top:24px;
	font-family:"VegurBold", Arial, sans-serif;
}

#vidBtns li.vid_button:hover .vid_title, #vidBtns li.vid_button.current .vid_title  {
	color:#FFF;
	text-shadow: 1px 1px 0px #606060;	
}



#vids_holder .bar {
	background:#221f1f;
	position:absolute;
	width:100%;
	left:0px;
}
#vids_holder #topBar {
	z-index:50;
}
#vids_holder #botBar {
	z-index:51;
}

#vid_content {
	position:absolute;
	z-index:53;
}

#vids_holder #vid_content {
	background:#000;
	height:396px;
	width:100%;
}

#vid_content #video_holder {
	width:630px;
	height:396px;
	margin:0px auto;	
	text-align:center;
}

#vid_content #video_holder #video_poster {
	margin:0px auto;
	width:100px;
}

#vid_content #video_holder #vid_player {
	
}

#works_holder #media_holder {
	position:absolute;
	z-index:3003;
	bottom:100px;
	width:96%;
	left:4%;
}

#works_holder #media_holder ul {
	width:93%;
}

#works_holder #media_holder li {
	float:left;
	text-align:left;
	cursor:pointer;
    position: relative;
	
    width: 105px;
    height: 105px;
}

#works_holder #media_holder li .proj_circle {
	width:55px;
	height:55px;
	top: 25px;
    left: 25px;
}
#works_holder #media_holder li.current .proj_circle,	
#works_holder #media_holder li:hover .proj_circle {	
	height:105px;
	width:105px;
    top: 0px;
    left: 0px;
}

#works_holder #media_holder li.close_btn {
	text-align:center;
	padding-top:0px;
	height:50px;
	width:50px;
}


#works_holder #media_holder li.close_btn .media_circle {
	background-image: url('../images/menu/hide_btn.png');
    background-position: center;
    background-repeat: no-repeat;
	height:50px;
	width:50px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#works_holder #media_holder li.close_btn:hover .media_circle {
	background-image: url('../images/menu/hide_btn_2.png');
	
}

/*
#works_holder #media_holder .media_content {
	position:absolute;
	color:#FFF;	
	text-shadow: 1px 1px 0px #606060;
    bottom: 120px;
    left: 0px;
    text-align: center;
    width: 105px;
	display: none;
	opacity: 0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#works_holder #media_holder .media_content a {
	color:#fff;
}

#works_holder #media_holder li:not(.close_btn):hover .media_content {
	opacity:1;
}
*/

#works_holder #projThumbs li {	
	float:left;
	margin-right:10px;	
	cursor:pointer;	
	position: relative;
	height:55px;
	width:55px;
}


.proj_circle {	
	position: absolute;
	height:40px;
	width:40px;
	top:0px;
	left:0px;
	cursor:pointer;
	border-radius: 50%;
	background-position: center;
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

li.current .proj_circle,	
li:hover .proj_circle {	
	height:55px;
	width:55px;
	top:-8px;
	left:-8px;
}

#works_holder #projThumbs li .proj_circle:hover, #works_holder #projThumbs li .proj_circle.current {	
	/*background-image:url('../images/img_btn_2.png');*/
	z-index:10;
}

.no-js #text_masker {
	display:block;
}

.no-js {
	overflow-x:hidden;
	overflow-y:auto;
}
.no-js #works_holder {
	top:600px;
	bottom:auto;
}

.proj_content {
	display:none;
}

.no-js .proj_content {
	display:block;
}

/* this commented group is for setup with project thumbs

#page_content #works_holder {	
	position:absolute;
	z-index:3001;
	bottom:0px;
	left:45px;
	height:165px;
}

#page_content #works_holder li {	
	float:left;
	margin-right:20px;	
	cursor:pointer;	
}

#page_content #works_holder li .proj_circle {	
	margin-top:15px;
}

#page_content #works_holder #projThumbs li .projTitle {
	position:absolute;
	width:100%;
}

#page_content #works_holder li ul.img_thumbs {
	margin-left:15px;
	position:absolute;
	display:none;
	width:100%;
}
#page_content #works_holder li ul.img_thumbs li {	
	float:left;
	margin-right:10px;	
	cursor:pointer;	
	margin-top:-15px;
}

*/

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





#error_box {
	margin-top:30px;
}

#error_box h1, #error_box div{
	width:400px;
}
#sitemap {
	direction:ltr;
	text-align:right;
}


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





.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}