html {
overflow: -moz-scrollbars-vertical;
}

div.clear {
clear: both;
}

ul{
list-style-image:url('../images/star.jpg');
padding: 0px;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
}

li{
font-size: 11px;
padding: 0px;
margin: 0px;
}

a:link{
border: 0px;
color: #000000;
}

a:active{
border: 0px;
color: #000000;
}

a:visted{
border: 0px;
color: #000000;
}

a:hover{
border: 0px;
color: #000000;
}

body{
height: 100.1%;
background-color: #e3e3e3;
background-image: url('../images/bg.png');
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
margin: 0;  
padding: 0;  
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000000;
}

.top_bar{
width: 100%;
height: 27px;
border-bottom: 1px solid #cacaca;
background-color: #dbdbdb;
}

.in_top_bar{
width: 842px;
height: 27px;
margin: auto;
}

.right_nav{
width:200px;
height: 27px;
margin-left: 650px;
margin-top: -30px;
}

#container{
margin-left: auto;
margin-right: auto;
margin-top: 16px;
width: 823px;
height: 100%;
background-color: #dbdbdb;
border: 9px solid #dbdbdb;
}

.left_bar{
width: 252px;
height: 100%;
border-top: 1px solid #cacaca;
border-left: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
padding-left: 12px;
padding-bottom: 12px;
float: left;
background-color: #fafafa;
}

.outer{
margin-top: 12px;
width: 210px;
height: 100%;
background-color: #ededed;
padding: 8px;
float: left;
}

.inside{
width: 202px;
height: 100%;
background-color: #ffffff;
border: 1px solid #cbcbcb;
float: left;
font-size: 10px;
padding: 3px;
}

.navigation{
width:552px;
height:39px;
padding-left: 6px;
padding-bottom: 6px;
background: #dbdbdb;
float: left;
}

/* !!!CHANGES!!! */

#triggers{
width: 556px;
height: 100%;
background: url('../images/gradient.jpg') repeat-y #ffffff;
border: 1px solid #cacaca;
float: left;
padding-bottom: 10px;
}

.outer_port{
width: 502px;
height: 143px;
padding: 8px;
background-color: #ededed;
float: left;
margin-top: 15px;
margin-left: 25px;
}

.inside_port{
width: 191px;
height: 131px;
border: 1px solid #cbcbcb;
background-color: #fafafa;
float: right;
padding: 5px;
font-size: 11px;
}

.recent{
font-size: 36px;
font-weight: bold;
margin-left: 25px;
color: #777777;
font-family: Lucida, sans-serif;
}

.content{
font-size: 12px;
margin-left: 25px;
width: 520px;
height: 100%;
float: left;
}


.image{
float:left;
border: 0px;
}

.disciplin{
float:left;
}

.footer{
margin:auto;
width: 800px;
text-align: center;
height: 100%;
color: #848484;
font-size: 9px;
}

a.webdesign{
	position:relative;
	float: left;
	background: url(../images/webdesign.jpg) 0 0 no-repeat;
	width: 168px;
	height: 39px;
	overflow: hidden;
	margin-right: 5px;
}

a:hover.webdesign{
	background-position: 0 -39px;
}

a.threedimensional{
	position:relative;
	float: left;
	background: url(../images/threedimensional.jpg) 0 0 no-repeat;
	width: 192px;
	height: 39px;
	overflow: hidden; 
	margin-right: 5px;
}

a:hover.threedimensional{
	background-position: 0 -39px;
}

a.graphical{
	position:relative;
	float: left;
	background: url(../images/graphical.jpg) 0 0 no-repeat;
	width: 182px;
	height: 39px;
	overflow: hidden; 
}

a:hover.graphical{
	background-position: 0 -39px;
}

a.linkedin{
	position:relative;
	float: left;
	background: url(../images/linkedin.jpg) 0 0 no-repeat;
	width: 226px;
	height: 30px;
	overflow: hidden; 
}

a:hover.linkedin{
	background-position: 0 -30px;
}

a.twitter{
	position:relative;
	float: left;
	background: url(../images/twitter.jpg) 0 0 no-repeat;
	width: 226px;
	height: 33px;
	overflow: hidden; 
}

a:hover.twitter{
	background-position: 0 -33px;
}

a.flickr{
	position:relative;
	float: left;
	background: url(../images/flickr.jpg) 0 0 no-repeat;
	width: 226px;
	height: 33px;
	overflow: hidden; 
}

a:hover.flickr{
	background-position: 0 -33px;
}

a.youtube{
	position:relative;
	float: left;
	background: url(../images/youtube.jpg) 0 0 no-repeat;
	width: 226px;
	height: 33px;
	overflow: hidden; 
}

a:hover.youtube{
	background-position: 0 -33px;
}



a:focus {
	outline: none;
}
#panel {
	height: 453px;
	display: none;
	width: 823px;
	background-color: #dbdbdb;
	border: 9px solid #dbdbdb;
	margin: auto;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 0px #f4f4f4;
	background: url(../images/showreel.jpg) no-repeat center top;
}

.btn-slide {
	background: url(../images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

.active {
	background-position: right 12px;
}

.footer{
float: left;
width: 830px;
text-align: center;
font-size: 12px;
color: #b2b2b2;
margin-top: 20px;
margin-bottom: 20px;
}

a:link {color: #fe0c50;	text-decoration: none;}
a:active {color: #fe0c50; text-decoration: none; }
a:visited {color: #fe0c50; text-decoration: none; }
a:hover {color: #fe0c50; text-decoration: underline; }