body {
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Helvetica, verdana, arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-color:#000000;
	background-image: url(bground.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	text-align:center;
	}
	
#container{
	width:850px;
	margin:0px auto;
}	
#leftside{
	width:120px;
	height:760px;
	margin-top:20px;
	background-color:#131313;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
	float:left;
	margin-right:10px;
	/*position:absolute;*/
	}




#logo {
	list-style: none;
	padding: 0;
	margin: 5px 0px 10px 20px;
	width: 80px;
	height:65px;
	float:left;
	
	
}

#logo span {
	display: none;
	position: absolute;
}
#logo a {
	display: block;
	text-indent: -1800%;
	position: absolute;
	outline: none;
}
#logo a:hover {
	background-position: left bottom;
}
#logo a:hover span{
	display: block;
}
#logo .home {
	width:80px;
	height:65px;
	background: url(tony-cambio-imaging-logo.jpg) no-repeat;
}


#pi{
	width:45px;
	height:70px;
	background-color:#131313;
	margin:450px auto 0px auto;
}


.title{
	font:18px 'helvetica neue',sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;}

#content{
float:left;
	width:702px;
	/*border:1px solid green;*/
	
	margin:0px auto;
	margin-top:30px;
	text-align:left;
	
	
	/*margin-left:180px;*/
	}

#homepic{
	width:700px;
	height:400px;
	background-image:url(SpagVong.jpg);
	border:1px solid #000000;
	margin-top:20px;
}



/****************************Galleria************************************************/
.galleria{
	list-style:none;
	display:block;
	width:702px;
	margin: 0 0 0 1.5%;
	/*margin:0 auto;*/
}
	.galleria li{
	display:block;
	float:left;
	width:68px;
	height:50px;
	border:3px double #111;
	margin-top:2px;
	margin-left:0;
	margin-bottom:2px;
	margin-right:2px;
	background:#131313;
	overflow:hidden;
}


	.caption{
	font:italic 10px georgia,serif;
	display:block;
	padding-top:10px;
	color:#666666;
	}
	
	#main_image{
	display:block;
	margin:20px 0 0px 0; /*Top Right Bottom Left*/
	height:438px;
	width:700px;
	/* background:white;*/
	
}
		
	.nav{
	padding-top:10px;
	clear:both;
	font:80% 'helvetica neue',sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
	margin-bottom:10px;
	
	
}

	.nav a{color:#FFFFFF;
			text-decoration:none;}
	
	.nav a:hover{color:#666;}
	
	.info{text-align:left;width:600px;margin:30px auto;border-top:1px dotted #221;padding-top:10px;}
	.info p{margin-top:1.6em;}

	

.galleria li a{display:none;}

.galleria li div{position:absolute;display:none;top:0;left:180px;}

.galleria li div img{cursor:pointer;}

.galleria li.active div img,.galleria li.active div{display:block;}

.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}

/*.galleria li .caption{display:block;padding-top:10px;}*/

* html .galleria li div span{width:400px;} /* MSIE bug */




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





#portxt{
	color:#666666;
	font-size:11px;
	padding-bottom:15px;

}

#portxt a{
	color:#666666;
	font-size:11px;
	text-decoration:none;
}

#portxt a:hover{
	color:#FFFFFF;
	font-size:11px;
}


#team{
	width:702px;
	height:120px;
}

#teaml{
	width:120px;
	height:120px;
	/*background-color:red;*/
	float:left;
}

#teamr{
	width:552px;
	height:120px;
	/*background-color:blue;*/
	float:left;
	padding-right:20px;
}

#vacancies{
	width:700px;
	padding:10px;
	background-color:#222;
}

#vacimg{
margin:30px 0px 0px 0px;
}

#vacancies a{
	color:#FFFFFF;
}

#vacancies a:hover{
	color:#FF0099;
}

.vactitle{
	font:14px 'helvetica neue',sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;}
	

#studio{
	height:241px;
	width:350px;
	margin:60px auto 0px auto;
	border:1px solid #000000;
	
}

#services{
	margin-top:50px;
	margin-bottom:20px;
	}
	
.services a{color:#FFFFFF; text-decoration:none;}	

#servicessp{margin:0px auto; margin-bottom:10px;font-size:10px; color:#444444; text-align:center;}
#servicessp a {color:#444444;}
#servicessp a:hover {color:#FFFFFF;}

#mission{
width:450px;
	border:1px solid #000000;
	margin:30px auto 30px 90px;
	}

#terms{
	font-size:10px;
	margin-bottom:20px;
}

		

logo{
	color:#FF00FF;
	}

#tciweb{
	clear:both;
	text-align:center;
}

#tciweb a{
	color:#333333;
	font-size:10px;
	}

#tciweb a:hover{
	color:#FF00FF;
}

#contactimg{
	width:450px;
	height:152px;
	margin:0px auto 0px 90px;
	padding-top:50px;
	clear:both;
	}
	
	
#contact{
margin-top:3px;
margin-bottom:0px;
font-size:14px;
margin-left:10px;
}	

#verify{
font-size:11x;
margin-left:10px;
}
#cleft{
float:left;
width:170px;
height:100px;
margin:0px 0px 10px 55px;
padding:0px 0px 0px 0px;
}


#cmid{
float:left;
width:170px;
height:100px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}

#cright{
float:left;
width:170px;
height:100px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}

ul.contacttop{
	list-style:none;
	margin:30px 0px 10px 0px;
	
}

ul.contacttop li{
	padding:2px;
	font-size:14px;
}

ul.contacttop a:hover{
	color:#CE0061;
}
ul.contact{
	list-style:none;
	}

ul.contact li{
	padding:2px;
}

ul.services{
	margin-top:25px;
	list-style-type: disc;
	list-style-image: url('bullet.gif');
}

ul.services li{
	padding:5px;
}

ul.services a:hover{
	border-bottom:1px dashed #CE0061;
}

.about{
margin-top:5px;
}

/*ACCORDION MENU STYLE*/
.menu{
width: 80px; /*width of menu*/
text-align:left;
margin-left:30px;
height:230px;

}

.menu .headerbar{
font: bold 13px "Trebuchet MS", Helvetica, verdana, arial, sans-serif;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-decoration: none;
color:#999999;
}

.menu .headerbar a{
font: bold 13px "Trebuchet MS", Helvetica, verdana, arial, sans-serif;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-decoration: none;
color:#999999;
display: block;
}

a.headerbar:hover{
color:#FF00FF;
}

.menu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.menu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.menu ul li a{
font: normal 12px "Trebuchet MS", Helvetica, verdana, arial, sans-serif;
/*padding: 5px 0;*/
line-height: 17px;
/*padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
display:block;
}

.menu ul li a:visited{
/*color: black;*/
}

.menu ul li a:hover{ /*hover state CSS*/
color: #FF00FF;
/*background: black;*/
}

a.menuitem{
font: bold 12px "Trebuchet MS", Helvetica, verdana, arial, sans-serif;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-decoration: none;
color: white;
display:block;}

a.menuitem:hover{
color:#FF00FF;
}

a.headermenuitem{
font: bold 13px "Trebuchet MS", Helvetica, verdana, arial, sans-serif;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-decoration: none;
color:#999999;
display: block;
}

a.headermenuitem:hover{
color:#FF00FF;
}
/*END ACCORDION MENU*/

/*****************************CONTACT FORM TEST************************************/
#cont{
width:380px;
margin-right:10px;
margin-left:10px;
float:left;
}

.ie #cont{
width:380px;
margin-right:0px;
margin-left:0px;
float:left;
}


#contdetails{
width:580px;
/*background-color:#3366CC;*/
height:360px;

}

#contphone{
width:160px;
height:40px;
/*background-color:#333399;*/
font-size:14px;
margin:15px 0px 0px 12px;
}

#contform{
width:430px;
/*margin-top:10px;
background-color:#330066;*/
}






form {
width:430px;
	padding:0px;
	margin:20px 0px 0px 50px;
	border:0;
}

fieldset{border:0;}

.clear{clear:both;}

#formLeft {
	width:250px;
	float:left;
	}
	
	#formLeft input {
		width:250px;
		height:35px;
		margin:0px 0px 10px 0px;
		border:0;
		text-align:center;
		font-size:14px;
		background-color:#23282C;
		color:#FFFFFF;
		position:relative;
		outline:none;
	}

	
#formRight {
	width:250px;
	float:right;
	}
	
	#formRight textarea {
	outline:none;
		width:250px;
		height:175px;
		display:block;
		border:0;
		background:none;
		margin:0px;
		padding:0px;
		font-size:14px;
		background-color:#23282C;
		color:#FFFFFF;
	}

.ie #formLeft {
	width:200px;
	float:left;
	}
	
	.ie #formLeft input {
		
		width:200px;
		height:35px;
		margin:0px 0px 10px 0px;
		border:0;
		text-align:center;
		font-size:14px;
		background-color:#23282C;
		color:#FFFFFF;
		position:relative;
		outline:none;
	}

	
.ie #formRight {
	width:200px;
	float:right;
	}
	
	.ie #formRight textarea {
	outline:none;
		width:200px;
		height:175px;
		display:block;
		border:0;
		background:none;
		margin:0px;
		padding:0px;
		font-size:14px;
		background-color:#23282C;
		color:#FFFFFF;
	}	

label {
	display: block;
	margin-bottom:5px;
	

}
label.error {
	position: absolute;
	top: -16px;
	right: 49px;
	padding: 3px;
	color:#da3939;
	font-size: 1.0em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}
input.submit-button {
	float: right;
	color:#FFF;
	font-size:16px;
	line-height:24px;
	cursor:pointer;
	width:auto;
	margin:0px 2px 0 0;
	padding:6px;
	background:#23282C;
	border:0;}

.submit-button:hover,#submit:hover{
background-color:#666666;
color:#000;
}