body {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #000;
	overflow: hidden;
}

small {
	font-size: 10px;	
}

.hide {
	display: none;	
}

.noborder {
	border: none !important;	
}

#popup-container {
	padding: 10px;
	color: #CCC;
	font-size: 10px;
}

#popup-container .link {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#popup-container a {
	text-decoration: none;	
	font-weight: bold;
}

#popup-container a:link {
	color: #CCC;
	border-bottom: 1px dotted #CCC;
}

#popup-container a:visited {
	color: #CCC;
	border-bottom: 1px dotted #CCC;
}

#popup-container a:hover {
	color: #FFF;
	border-bottom: 1px solid #CCC;
}

#popup-container a:active {
	color: #CCC;
	border-bottom: 1px dotted #CCC;
}

#popup-container h1 {
	font-size: 14px;
	margin-bottom: 10px;
}

#popup-container h2 {
	font-size: 12px;
	margin-bottom: 5px;
	line-height: 17px;
}

#popup-container h3 {
	font-size: 11px;
	margin-bottom: 5px;
}

#popup-container p {
	margin-bottom: 10px;
}

#popup-container ul {
	margin-bottom: 10px;
	
}

#popup-container ul li {
	list-style-type: square;	
	margin-left: 15px;
}

#flags {
	position: absolute;
	top: 5px;
	right: 5px;
}

#flags img {
	margin-left: 5px;	
}

#logo-container {
	position: absolute;
	display: none;
	z-index: 2;
	width: 284px;
	height: 328px;
}

.device {
	position: absolute;
	display: none;
	z-index: 1;
	color: #333;
	font-size: 11px;
	line-height: 13px;
	cursor: pointer;
	/*text-align: justify;*/
}

.device p {
	margin-bottom: 5px;	
}

.device ul li {
	list-style-type: square;
	margin-left: 13px;
	margin-bottom: 3px;
}

#content-container {
	padding: 5px;
	width: 270px;
	overflow: hidden;
}

#content {
	width: 305px;
	height: 200px;
	overflow: auto;
	/*background-color: #000;*/
}

#content p {
	padding: 5px;	
	width: 230px;
	font-size: 11px;	
}

#flap {
	cursor: pointer;	
}

.text {
	padding: 10px;	
	width: 260px;
	font-size: 11px;
}

.text p {
	margin-bottom: 10px;	
}






/* BOX ------------------------------------------------------------- */
.box {
	z-index: 99;
	background-color: #000;
	color: #CCC;
	font-size: 10px;
	padding: 10px;
	overflow: hidden;
}

.box h1, .box h2 {
	font-size: 11px;
	margin-bottom: 10px;	
}

.box p {
	margin-bottom: 10px;	
	line-height: 13px;
}

.box a {
	text-decoration: none;
	font-weight: bold;
}

.box ul {
	margin-left: 15px;
	line-height: 13px;
}

.box ul li {
	list-style-type: square;	
}

.box a:link {
	color: #CCC;
	border-bottom: 1px dotted #CCC;
}

.box a:visited {
	color: #CCC;
	border-bottom: 1px dotted #CCC;
}

.box a:hover {
	color: #FFF;
	border-bottom: 1px solid #CCC;
}

.box a:active {
	color: #CCC;
	border-bottom: 1px dotted #CCC;
}


/* PLUS BOX -------------------------------------------------------- */
#plus-button {
	position: absolute;	
	right: 10px;
	top: 50%;
	width: 90px;
	height: 90px;
	background-image: url(images/plus-button.png);
	cursor: pointer;
}

#plus-container {
	display: none;
	position: absolute;
	right: 0;
	top: 50px;
	width: 0;
	height: 600px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	cursor: pointer;
}

#plus-container .icons {
	margin-top: 40px;
	text-align: center;	
}

#plus-container .icons li {
	float: left;
	list-style-type: none;
	margin: 7px;
}

#plus-container .icons a {
	border-bottom: none;	
}

/* FINGER BOX -------------------------------------------------------- */
#finger-button {
	position: absolute;	
	left: 10px;
	top: 50%;
	width: 90px;
	height: 90px;
	background-image: url(images/finger-button.png);
	cursor: pointer;
}

#finger-container {
	display: none;
	position: absolute;
	left: 0;
	top: 50px;
	width: 0;
	height: 650px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	cursor: pointer;
}

#container {
	width: 700px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 16px;
	position: relative;
}

#case-histories {
	color: #FFF;	
}

#header-container {
	height: 54px;
	width: 700px;
	position: relative;
}

#header {
	height: 54px;	
	position: absolute;
	top: -54px;
}

#header .content {
	height: 54px;
	overflow: hidden;
	display: inline-block;
	width: 646px;
	background-color: #FFF;
	color: #000;
}

#container ul {
	display: none;
	position: absolute;
	top: 10px;
	right: 20px;
	height: 90px;
	z-index: 2;
}

#container ul li {
	display: inline-block;
	line-height: 90px;
	letter-spacing: -1px;
	vertical-align: middle;
	text-align: center;
	width: 90px;
	height: 90px;
	margin-left: 5px;
	background-image: url(images/case_generic_button.png);
}

#case-histories a {
	text-decoration: none;
	font-weight: bold;
}

#case-histories a:link {
	color: #CCC;
	border-bottom: 1px dotted #CCC;
}

#case-histories a:visited {
	color: #CCC;
	border-bottom: 1px dotted #CCC;
}

#case-histories a:hover {
	color: #FFF;
	border-bottom: 1px solid #CCC;
}

#case-histories a:active {
	color: #CCC;
	border-bottom: 1px dotted #CCC;
}

#container h3 {
	position: absolute;
	top: 20px;
	left: 80px;
	font-size: 14px;
	letter-spacing: -1px;
	z-index: 3;
	display: none;
}

#header img.back {
}

#case-histories {
	margin: 70px 27px 0 27px;
}

#case-histories h1 {
	font-size: 18px;
	margin-bottom: 3px;
}

#case-histories h2 {
	font-size: 10px;	
	margin-bottom: 8px;
}

#case-histories p {
	margin-bottom: 10px;	
}

#footer-container {
	height: 54px;
	width: 700px;
	position: relative;
}

#footer {
	position: absolute;
	bottom: -54px;
}

#footer p {
	font-size: 10px;	
}

#footer img {
	float: left;
}

#footer .content {
	display: inline;
	text-align: center;
	line-height: 54px;
	width: 646px;
	height: 54px;
	background-color: #FFF;
	color: #000;
	float: left;
}

#container ul li a {
	text-decoration: none;
	color: #000;
}

#container ul li a:link {
	
}

#container ul li a:visited {
	
}

#container ul li a:hover {
	font-weight: bold;
	color: #FFF;
}

#container ul li a:active {
	
}

#menu {
	font-size: 10px;
}

#menu li {
	float: left;
}

#menu li a {
	padding: 30px 10px;
}

#menu li a {
	color: #000 !important;	
}


#icons-container {
	 margin: 20px;
	 text-align: center;
	 overflow: hidden;
	 color: #FFF;
	 font-size: 10px;
}

#icons-container a {
	margin: 0 5px;	
}

.popup {
	color: #FFF;	
	margin: 20px;
	font-size: 10px;
	line-height: 12px;
}

.popup h2 {
	margin-bottom: 3px;
}

.popup h3 {
	margin-bottom: 3px;
}

.popup p {
	margin-bottom: 10px;
}

.popup ul {
	margin-left: 15px;
	line-height: 13px;
}

.popup ul li {
	list-style-type: square;	
}

.popup a {
	text-decoration: none;
	font-weight: bold;
}

.popup a:link {
	color: #CCC;
	border-bottom: 1px dotted #CCC;
}

.popup a:visited {
	color: #CCC;
	border-bottom: 1px dotted #CCC;
}

.popup a:hover {
	color: #FFF;
	border-bottom: 1px solid #CCC;
}

.popup a:active {
	color: #CCC;
	border-bottom: 1px dotted #CCC;
}

#plus1 {
	position: absolute;
	top: 55px;
	right: 0;	
}