@charset "utf-8";
.creativeinfusions{
font : 100% Geneva, Arial, Helvetica, sans-serif;
background : #000000;
margin : 0;
padding : 0;
text-align : center;
color : #FFFFFF;
}
.front {
font : 100% Geneva, Arial, Helvetica, sans-serif;
background : #000000;
margin : 0;
padding : 0;
text-align : center;
color : #cccccc;
}
.creativeinfusions #header, .front #header {
height : 160px;
text-align : left;
}
.creativeinfusions #header img, .front #header img {
margin-top : 20px;
left: 50px;
width : 415px;
height : 69px;
border : none;
}
.creativeinfusions #header h1, .front #header h1 {
margin : 0;
padding : 10px 0;
}
.creativeinfusions #container, .front #container {
width : 960px;
margin : 0 auto;
text-align : left;
}
.front #container {
width : 800px;
margin : 0 auto;
text-align : left;
}
.creativeinfusions #container h2 {
color : #007FFF;
}
.creativeinfusions #mainContent {
padding : 0 20px;
}
a {
color: #fc0;
}
#footer {
margin : 0;
padding : 0;
margin-top:25px;
}
#footer p {
margin : 0;
padding : 10px 0;
}
#cpyrght {
margin-left : 100px;
float : left;
color : #999999;
font-size : 9px;
z-index : 5000;
width : 250px;
}
#siteDesign {
float : right;
color : #999999;
font-size : 9px;
z-index : 5000;
width : 250px;
}
.hideMe {
display : none;
}
#breadcrumbs {
margin-top : -25;
}
div.date span.month {
display : block;
margin-bottom : 8px;
}
div.date span.day {
font-size : 190%;
color : #444;
font-weight : bold;
line-height : 0.8;
}
div.date p span.year {
margin : 0;
padding : 0;
color : #666;
font-size : 80%;
font-family : Tahoma, Arial, sans-serif;
}
.clearfloat {
clear : both;
height : 0;
font-size : 1px;
line-height : 0;
}
.centered {
text-align : center;
margin-left : auto;
margin-right : auto;
}
.fltRight {
float : right;
}
.fltLeft {
float : left;
}
#mainnav {
background-color : #000;
width: 900px;
height : 30px;
border : none;
padding : 0;
margin : 0 auto;
position : absolute;
top : 160px;
font-size : 10px;
}
#mainnav ul, li {
list-style : none;
}
#mainnav li {
height : 9px;
float : left;
width: 100px;
display : block;
padding: 0 5px 0 5px;
}
#mainnav li a {
float : left;
vertical-align : top;
position : absolute;
font-size : 12px;
text-decoration : none;
color : #000000;
}
.creativeinfusions #mainnav li a{
color : #ffffff;
}
.creativeinfusions ul.css-tabs {
margin : 0 !important ;
padding : 0;
height : 30px;
border-bottom : 1px solid #666;
}
.creativeinfusions ul.css-tabs li {
float : left;
padding : 0;
margin : 0;
list-style-type : none;
}
.creativeinfusions ul.css-tabs a {
float : left;
font-size : 13px;
display : block;
padding : 5px 30px;
text-decoration : none;
border : 1px solid #666;
border-bottom : 0;
height : 18px;
background-color : #000000;
color : #fff;
margin-right : 2px;
position : relative;
top : 1px;
}
.creativeinfusions ul.css-tabs a:hover {
background-color : #000000;
color : #333;
}
.creativeinfusions ul.css-tabs a.current {
background-color : #333;
border-bottom : 2px solid #333;
color : #000;
cursor : default;
}
.creativeinfusions div.css-panes div {
display : none;
border : 1px solid #666;
border-width : 0 1px 1px;
min-height : 150px;
padding : 15px 20px;
background-color : #333;
}
.creativeinfusions div.css-panes div a {
color : #ffff00;
}
#intro {
background-color : #000000;
height: 400px;
width: 800px;
}
/*-------------------------KWICKS--------------------*/
.kwickswrap{
padding:00px 0px 0px 00px;
}
.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	width:840px;
	height:50px;
	z-index:2;
}
.kwicks li{
	display: block;
	float: left;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	width: 120px;
	height: 50px;
	z-index:2;
	cursor:pointer;

}
.kwicks li a{
	height: 50px;
	text-indent:-9999px;
	outline:none;
	display:block;
	background-image:url(ci/img/mainmenu.png);
	background-repeat:no-repeat;
	z-index:2;
	cursor:pointer;

}
#kwick1 a{
background-position:0px 0px;
}
#kwick1 a:hover, #kwick1 #aktiv{
background-position:0px -50px !important;
}
#kwick2 a{
	background-position:-190px 0px;
}
#kwick2 a:hover, #kwick2 #aktiv{
	background-position:-190px -50px!important;
}
#kwick3 a{
	background-position:-380px 0px;
}
#kwick3 a:hover, #kwick3 #aktiv{
	background-position:-380px -50px!important;
}
#kwick4 a{
background-position:-570px 0px;
}
#kwick4 a:hover, #kwick4 #aktiv{
background-position:-570px -50px!important;
}
#kwick10 a{
background-position:-760px 0px;
} 
#kwick10 a:hover, #kwick5 #aktiv{
background-position:-760px -50px!important;
}   
#kwick11 a{ 
background-position:-950px 0px;
}
#kwick11 a:hover, #kwick6 #aktiv{ 
background-position:-950px -50px!important;
}
/*----------------------Tooltips--------------------*/
.thumbnail {
display : none;
z-index : 10000;
background-color : #000;
width : 675px;
min-height : 200px;
border : 1px solid #666;
}
.thumbnail .close {
background-image : url(ci/img/close.png);
position : absolute;
right : -15px;
top : -15px;
cursor : pointer;
height : 35px;
width : 35px;
}
#triggers {
text-align : center;
}
#triggers img {
cursor : pointer;
margin : 0 5px;
background-color : #fff;
border : 1px solid #ccc;
padding : 2px;
}
.ciservices {
position : absolute;
top : 15px;
right : 15px;
font-size : 11px;
color : #fff;
width : 350px;
padding : 10px;
}
.ciservices h3 {
color : #858705;
font-size : 15px;
margin : 0 0 -10px 0;
}
.ciservices a {
color : #ffff00;
}
#compservics, #webservics, #soundservics, #analysisservics{
display : none;
background : transparent url(ci/img/tooltip.png);
font-size : 12px;
height : 70px;
width : 160px;
padding : 25px;
color : #fff;
z-index : 999;
}
a.offsitelink {
background : url(ci/img/icon_offsite.png) no-repeat center right;
padding-right : 13px;
}
a.pdf {
background : url(ci/img/icon_pdf.png) no-repeat center right;
padding-right : 13px;
}
div.overlay {
background-image : url(../img/overlay/white.png);
width : 600px;
height : 470px;
display : none;
padding : 55px;
}
div.overlay div.close {
background-image : url(ci/img/close.png);
position : absolute;
right : 5px;
top : 5px;
cursor : pointer;
height : 35px;
width : 35px;
}
#computer img, #web img, #sound img, #sysAnal img {
border: 0;
width: 96px;
height: 96px;
}
.caps {
text-transform:uppercase;
}
.firstCap {
text-transform:capitalize
} 
ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; width: 100%; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 900px; }
ul#portfolio li { 
	border: 1px solid #dedede; 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 202px;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 5px; }
.thumb {
	display: none;
	z-index: 10000;
	background-color: #333;
	width: 400px;
	min-height: 300px;
	border: 1px solid #666;
}

.thumb .close {
	background-image: url(ci/img/close.png);
	position: absolute;
	right: -15px;
	top: -15px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}