/* GENERAL */
html, body{
	border:0px;
	margin:0px auto;
	font-family: Georgia;
	font-size:14px;	
}
#header{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;	
	height:103px;
	z-index:999;
}
a img{
	border:0px;
}
.btn{
	cursor:pointer;
}
#header .red{
	background-color:#FF3300;
	height:30px;	
}
#logo_otr{
	position:absolute;
	top:25px;
	right:90px;
}
span.sub_title{
	padding:2px;
	font-size:11px;
	background-color:#000;
	color:#fff;
}
.red{
	color:#FF3300;
}
.strike{
	text-decoration:line-through;
	color:#8C8C8C;
}
#header .phrase{
	position:relative;
	top:8px;
	left:30px;
	color:#fff;
	font-size:15px;
	width:800px;
}
#header .phrase span{
	color:#000;
}
#header .black{
	background-color:#000;
	height:70px;
	border-bottom:3px solid #FF3300;
}
#header .shadow{
	position:absolute;
	top:103px;
	left:0px;
	height:10px;
	width:100%;
	background-image:url('../images/header_shadow.png');
	background-repeat:repeat-x;
}
#menu{
	position:relative;
	top:25px;
	left:30px;
	font-size:35px;
	color:#fff;
	width:600px;
}
#menu a{
	text-decoration:none;
	color:#fff;
	margin-right:25px;
}
#menu a:hover,#menu a.active{
	color:#FF3300;
}
#menu a.active{
	color:#FF3300;
}
/* CONTENT */
#content{
	position:relative;
	top:103px;
	left:0px;
}
/* FOOTER */
#footer{
	position:relative;
	top:103px;
	left:0px;
	height:132px;
	border-top: 3px solid #FF3300;
	background-color:#000;
	overflow:hidden;
}
#footer .module{
	text-align:left;
	width:90%;/*240px;*/
	margin-top:8px;
	margin-left:20px;
	color:#fff;
} 
#footer .title{
	padding:2px;
	background-color:#FF3300;
	color:#fff;
	font-size:18px;
}
#footer table{
	width:100%;
}
#footer td{
	width:20%;
	text-align:center;
	vertical-align:top;
}
/* TWEET */
.tweet{
	font-size:11px;
	margin:5px 0px;
}
.tweet a{
	color:#fff;
	text-decoration:none;
}
.tweet a:hover{
	text-decoration:underline;
}
/* PROJECTS */
#projects.index{
	position:relative;
	width:662px; 
	height:332px; 
	margin:40px auto;
}
#projects .title{
	padding:2px;
	background-color:#000;
	color:#FFF;
	font-size:18px;
}
#projects .slideshow{
	position:relative;
	top:5px;
	width:660px;
	height:280px;
	overflow:hidden;
}
#projects .slideshow .project_image{
	width:660px;
	height:280px;
	float:left;
}
#projects .slideshow .previous{
	position:absolute;
	top:105px;
	left:0px;
	cursor:pointer;
}
#projects .slideshow .next{
	position:absolute;
	top:105px;
	left:625px;
	cursor:pointer;
}
#projects .directions{
	font-size:11px;
	color:#FF3300;
	background-color:#000;
	padding:2px;
	cursor:pointer;
}
#projects .directions:hover{
	color:#fff;
}
#projects.browse{
	margin:40px auto;
	position:relative;
	width:90%;
	font-size:11px;
}
#projects.browse select{
	font-family:Georgia;
	width:100%;
	border:1px solid #000;
	width:100%;	
}
#projects.browse .list{
	position:relative;
	width:100%;
	height:190px;
	padding:10px 0px;
}
#projects.browse .list div{
	margin-bottom: 6px;
	cursor:pointer;
}
#projects.browse .list div:hover, #projects.browse .list div.active{
	color:#FF3300;
}

#projects.browse .list_nav{
	position:absolute;
	height:20px;
	width:100%;
	bottom:0px;
	left:0px;
	text-align:center;
}
#projects.browse div.list_nav:hover{
	color:#000;	
}
#projects.browse div.list_nav span{
	padding-left: 5px;
	padding-right: 5px;
}
#projects.browse div.list_nav span.page:hover{
	color: #FF3300;
}
#projects.browse .previous{
	position:absolute;
	cursor:pointer;
	top:0px;
	left:0px;
}

#projects.browse .next{
	position:absolute;
	cursor:pointer;
	top:0px;
	right:0px;
}
#project{
	margin:40px auto;
	position:relative;
	width:560px;
}
#project .title{
	padding:2px;
	background-color:#000;
	color:#fff;
	font-size:18px;
}
#project .challenge, #project .solution{
	margin:8px 0px;
	font-size:11px;
}
#project .slideshow{
	position:relative;
	top:5px;
	width:560px;
	height:220px;
	overflow:hidden;
}
#project .slideshow .project_image{
	width:560px;
	height:220px;
	float:left;
    margin-right:20px;
}
#slideshow_nav{
	margin-top:15px;
}
#project .slsh_nav{	
	width:14px;
	background-color:#B2B2B2;
	color:#fff;
	font-size:12px;
	float:left;
	margin-right:5px;
	cursor:pointer;
	text-align:center;
	display:table;
}
#project .link{
    font-size:11px;
	color:#FFF;
	background-color:#000;
	padding:2px;
	cursor:pointer;
}
#project .link:hover{
	color:#FF3300;
}
/* Work COVER */
#project_preview{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}
#cover{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:#000;
	/*opacity: 0.7;*/
}
#previews{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
    overflow:hidden;
}
#previews .title{
	padding:2px;
	background-color:#000;
	color:#FFF;
	font-size:14px;
}
/* BLOG */
#blog.index{
	width:75%;
	height:330px;
	position:relative;
	margin:40px auto;
}
#archive{
    width:75%;
	position:relative;
	margin:40px auto;
}
#archive .archive{
	width:75%;
	position:relative;
	margin:40px auto;
}
#blog .title{
	padding:2px;
	background-color:#000;
	color:#FF3300;
	font-size:18px;
}
#blog .post{
	position:relative;
	margin-top:10px;
}
#blog.index .day{
	border-top:1px solid #FF3300;
	width:35px;
	height:45px;
	color:#8C8C8C;
	float:left;
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
}
#blog .author{
	font-size:9px;
	font-style:italic;
	color:#8C8C8C;
}
#blog .post_content{
	font-size:11px;
}
#blog .post_status{
	font-size:9px;
}
#blog.index .more{
	width:100%;
	text-align:right;
	font-size:9px;
	font-style:italic;
}
#blog.index .more a{
	text-decoration:none;
	color:#8C8C8C;
}
#blog.index .more a:hover{
	color:#000;
}

#blog.play{
	position:relative;
	width:80%;
	margin:40px auto;
}
#blog.play .title, #archive.archive .title{
	padding:2px;
	background-color:#000;
	color:#FFF;
	font-size:18px;
}
#blog.play table{
	width:100%;
}
#blog.play td{
	vertical-align:top;
}
#blog.play .date{
	color:#8C8C8C;
	font-size:18px;
	width:80%;
	margin:0px auto;
}
.red_line{
	width:35px; 
	background-color:#FF3300; 
	height:1px;
	margin-bottom:5px;
	margin-top:20px;
}
#archive.archive a{
	text-decoration:none;
	color:#FF3300;
	font-size:11px;
}
#archive.archive a:hover{
	text-decoration:underline;
}
#project_news div{
	margin:5px 0px;
}
#project_news a{
	font-size:11px;
	text-decoration:none;
	color:#fff;	
}
#project_news a:hover{
	text-decoration:underline;
}
/* Contact form */
#contact_us{
	position:absolute;
	z-index:10;
	width:40%;
	margin-top:143px;/*40+103px*/
	margin-left:30px;
	float:left;
}
#contact_us .title{
	padding:2px;
	background-color:#000;
	color:#FFF;
	font-size:18px;
}
#contact_us input{
	font-family: Georgia;
	border:0px;
	width:95%;
	margin-bottom:10px;
}
#contact_us select{
	font-family: Georgia;
	width:100%;
	border:0px;
	margin-bottom:10px;
}
#contact_us textarea{
	font-family: Georgia;
	width:100%;
	height:110px;
	border:0px;
	margin-bottom:10px;
}
#contact_us button{
	font-family: Georgia;	
	background-color:#000;
	color:#FFF;
	border:0px;
	cursor:pointer;
	font-size:18px;
	margin-right:10px;
}
#contact_us button:hover{
	color:#FF3300;	
}
#as_we_are{
	width:135px;
	position:absolute;
	float:left;
	margin-top:143px;/*143px;*//*40+103px*/
	margin-left:47%;/*30px;*/
	z-index:10;
}
#as_we_are .title{
	padding:2px;
	background-color:#000;
	color:#FFF;
	font-size:18px;
}
#as_we_are .people{
	display:inline-block;
	background-color:#fff;
	padding:2px;
	margin-bottom:5px;
	color:#FF3300;
	cursor: pointer;
}
#contact_image{
	position:absolute;
	/*float:right;*/
	margin-top:143px;/*40+103px*/
	/*margin-left:30px;*/
	right:0px;
	z-index:10;
}
#contact_footer{
	font-size:11px;
}
#contact_footer a{	
	color:#fff;
	text-decoration:none;
}
#contact_footer a:hover{
	text-decoration:underline;
}
#contact_footer .contact{
	margin:5px 0px;
}
#desc_people{
    position: relative;
    right: 95px;
    width:350px;
    background-color:#fff;
}
#desc_people div.desc{
    margin-top:5px;
    padding:10px;
    font-size:10px;
}
/* SCOCIAL */
#delicious, #stumbleupon{
	width:75%;
	position:relative;
	margin:40px auto 0px auto;
}
#delicious .title, #stumbleupon .title{
	padding:2px;
	background-color:#000;
	color:#FFF;
	font-size:18px;
}
#delicious a, #stumbleupon a{
	color:#000;
	text-decoration:none;
	font-size:11px;
}
#delicious .link, #stumbleupon .link{
	margin-bottom:3px;
}
#delicious a:hover, #stumbleupon a:hover{
	text-decoration:underline;
}
/* WE */
#we{
	margin:40px auto;
	position:relative;
	width:90%;
	font-size:11px;
}
#we .title{
	background-color:#000;
	color:#fff;
	font-size:18px;
	padding:2px;
}
#we .aboutus, #we .team{
	width:90%;
}
#we .team a{
	color:#FF3300;
	text-decoration:none;
}
#we .team a:hover{
	text-decoration:underline;
}
/* Bookmark ICONS */
.bookmark_icons img{
	cursor:pointer;
}
/* IT SUPPORT */

/*USERS*/
.toolbar{
	text-align:right;
}
#user_list,#company_list,#company_space,#activity_list,#computer_list,#user_space,#computer_space{
	padding:20px
}
#user_list td,#company_list td,#company_space td,#activity_list td,#computer_list td,#user_space td,#computer_space td{
	vertical-align:top;
}
span.it_title, label.it_label{
	padding:2px;
	background-color:#000;
	color:#FFF;
	font-size:18px;
}
.validation-advice{
	color:#FF3300;
	font-size:10px;		
	background-color:#000;
	padding:0px 4px;
	text-align:right;
	font-style:italic;
}
label.it_label{
	font-size:14px;
	margin-bottom:2px;
}
button{
	background-color:#000;
	border:0px;
	color:#FF3300;
	cursor:pointer;
}
button:hover{
	color:#FFF;
}
#frm_user input[type=text],#frm_user select,#frm_company input[type=text],#frm_company select,#frm_computer input[type=text],#frm_computer textarea,#frm_computer select,#frm_login input[type=text],#frm_login select[type=text],#frm_note input[type=text],#frm_note select,#frm_note textarea{
	min-width:250px;
	border:1px solid #b2b2b2;
	font-size:14px;
	padding: 0px 3px;
}
#frm_user input[readonly=readonly],#frm_company input[readonly=readonly],#frm_login input[readonly=readonly]{
	background-color:#b2b2b2;
}
a.edit{
	color:#A4C6EF;
	font-style:italic;
	cursor:pointer;
	text-decoration:none;
}
a.del{
	color:#FF3300;
	font-style:italic;
	cursor:pointer;
	text-decoration:none;
}
a.del:hover,a.edit:hover{
	text-decoration:underline;
}
/* NAS */
#ifrm_nas{
	border:0px;
}