*|*:link {
color: silver;
}

*|*:-moz-any-link {
  text-decoration: none;
  border-bottom:1px dotted;
}

*|*:visited {
color:silver;
}

h4 {
font-size:small;
}

h3 {
margin-top: 3px;
margin-bottom: 3px;
text-align:right;

}
body {
  font-family:"Trebuchet MS", Arial, sans-serif;
	background: transparent;
	margin: 0;
	padding: 0;
}

a, img {
	border: none;
	margin: 0;
	padding: 0;
}

a:active, a:focus {
	border: none;
}

a {
	outline: none;
}

ul {
	float: left;
	padding:0px;
	margin: 0px;
	
}

ul.col2{
	width: 100%;
	margin: 10px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	color:white;;
}

ul.col2 li#left, li#right {
	float: left;
	width: 50%;
	padding: 0;
	margin: 0;
}

ul.col2 li#right {
	float: right;
	width: 50%;
}

.block {
  -webkit-box-shadow: 0 0 5px #222326;  
  -moz-box-shadow: 0 0 5px #222326;  
  background-color:#222326;
  margin:10px 5px;
  padding-left:10px;
  padding-right:10px;
  text-transform:lowercase;
}


li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
  margin-left:-13px;
  padding-top:5px;
  width:285px;
}

#main {
	width: 100%;
	/* slide */
	overflow:hidden;
  position:relative;
	/* end slide */
}

#contents {
	margin: 0% auto 0 0;
	padding:0 0 15px 0;
		/* slide */
	overflow:hidden;
  position:relative;
	/* end slide */
}

#work, #message {
  padding:5px;
  overflow:hidden;
	text-align: left;
	/*width: 1013px;*/
  border:1px #000000 solid;
	background-color:transparent;
	opacity: 0.8;
}

#work  { 
  
  border-top:4px #222326 solid;
  border-left:4px #222326 solid;
  border-right:4px #222326 solid;
  border-bottom:0px #222326 solid;
  background-color:#222326;
}

#message  {
  background-color:Black;
  border:1px solid #222326;
  margin-left:7px;
  width: 1000px;
}

#buffer  {
  /*background-color:transparent;
  border: medium solid;*/
  margin-bottom:5px;
  margin-left:7px;
  margin-top:20px;
  width:1005px;
}

#work .me {
  color:yellow;
  font-family:'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue', 'Trebuchet MS','Helvetica','sans-serif';
  font-size:30px;
  font-weight:500;
  letter-spacing:5px;
  padding:0 3px;
  text-align:right;
  text-shadow:0 1px 0 green;
}

.menu {
	background:#000000 none repeat scroll 0 0;
  height:56px;
  line-height:12px;
  margin-left:-27%;
  margin-top:15px;
  opacity:0.6;
  position:relative;
  width:127%;
}

.yellow {
	background: yellow none repeat scroll 0 0;
	border: 2px solid #000000;
	height: 29px;
	opacity: 1;
	padding-bottom:16px;
  padding-top:5px;
	position: inherit;
	width: 1024px;
	margin-top:-47px;
	z-index=3;
}

.resume{
  background-color:transparent;
  background-image:url(../images/resume.png);
  background-repeat:no-repeat;
  height:48px;
  margin-bottom:-20px;
  float:right;
  margin-top:-50px;
  width:48px;
  padding:10px;
  margin-right:100px;
}
.ltrtTop {
  -moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 8px;
	
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 8px;


}
.rounded, .yellowRounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #222326;
}

.yellowRounded {
  -webkit-box-shadow: 0 0 5px #222326;  
  -moz-box-shadow: 0 0 5px #222326;  
	border: 3px solid #000000/*#219CD1*/;
	background-color:#222326;
}
.introRounded {
  -webkit-box-shadow: 1px 1px 10px #222326; 
  -moz-box-shadow: 1px 1px 10px #222326;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px; 

}

#logo{
  background:transparent url(../images/iii.png) no-repeat scroll 0 0;
  height:52px;
  margin-left:0px;
  margin-top:-54px;
  position:relative;
  width:52px;
  z-index:999;
}


#footer {
	background-color:white;
  bottom:0;
  height:0;
  margin-left:555px;
  margin-top:-925px;
  opacity:1;
  width:370px;
  	
}
#mailwrapper {
	width: 350px;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 0;
}
#contactbutton {
	margin:0;
	padding:0;
	position:absolute;
	margin-left:-20px;
	cursor:pointer;
}

#email {
	width:300px;height:40px;margin:0;padding:0;
}

blockquote{
margin:10px 0 8px 15px;
padding::0;

}

blockquote#one {
	background:transparent none repeat scroll 0 0;
  height:35px;
  margin-top:-38px;
  position:absolute;
  width:230px;
}

#one .arrow { 
  border-color:#222326 transparent transparent transparent;
  border-style:solid;
  border-width:18px 22px 12px 25px;
  bottom:-106%;
  left:60px;
  line-height:0;
  position:absolute;
  width:0;
} 

.topLtBotRt {
  -moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 0px;
}

a:hover {
	background: transparent;
	text-decoration: none;
}

a.tooltip span {
	display:none;
  height:30px;
  margin-left:5px;
  margin-top:10px;
  padding-bottom:5px;
  padding-left:20px;
  padding-top:15px;
  padding-right:20px;
  vertical-align:center;
  position:relative;
}

a.tooltip:hover span {
	display: inline;
	position: absolute;
	border: 3px solid #219CD1;
	color: blue;
	background:lightGrey;
	opacity: 0.95;
}

.clean {
  text-decoration: none;
  border-bottom:1px dotted;
}

.marginLR5 {
margin-left: 2.5px;
margin-right: 2.5px;
padding-left: 10px;
padding-right: 10px;
}

.uppercase {
  text-transform:uppercase;
}

.lowercase {
  text-transform:lowercase;
}
.black{
  color:black;
  margin-left:-70px;
  margin-top:-37px;
  text-transform:uppercase;
}

#vertical_slide, #vertical_slide_2{
	background:transparent none repeat scroll 0 0;
  color:#8A7575;
  font-weight:bold;
  height:200px;
	visibility: hidden; 
	
}

#vertical_slide_2{
  padding: 10px;
}

.blueRounded, .orangeRounded, .contactRounded{
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #222326;
  background-color:#3e8fe1;
  padding:3px;
}

.orangeRounded{
  color: black;
  background-color:yellow;
  padding:0 3px;
}

.contactRounded{
  color: black;
  background-color:darkOrange;
  padding:0px 0px;

}

#verticaltextmenu,
ul.bsm{
	margin: 0px auto;
	border:0px solid #000000;
	list-style-type: none;
}

ul.bsm li{
	border-left:2px solid #FFFFFF;
	margin-left:0;
	padding-top:0px;
}
ul.bsm li.first,
#verticaltextmenu div.first{
	border-style: none;
}

.opacity{
 opacity: 0.7;
}

.copy {
background-color:#ECE2D7;
border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
border-style:solid;
border-width:1px;
color:#614F3A;
font-size:12px;
line-height:16px;
margin:0 10px;
padding:10px;
}

#intro  {
  background-color:#000000;
  border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
  border-style:solid;
  border-width:1px;
  color:#FFFFFF;
  margin:10% 10px 0 12%;
  padding:5% 10px;
  width:75%;
  overflow:hidden;
  position:relative;
  height:360px;
}

#introone{
	background-color:black;
	/*left:0; */
	position:absolute;
}

#introtwo{
	background:transparent;
	left:1460px;
	position:absolute;
}

#introthree{
	background:transparent;
	left:2920px;
	position:relative;
}

.next {
font-family:Comfortaa Regular; 
cursor:pointer;
float:right;
margin-right:20px;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}