body {
	margin:0px auto;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/bodybg.jpg) repeat-x fixed center bottom;
}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 11px Arial;
width: 100%; /*menu overlap in safari...changed to 110 and is fine but pushes out of the box*/
border: 1px solid #333333; /* was #625e00 */
border-width: 2px 0;
background: black url(../images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 6px 24px; /* first nmber was 9 second one was 11 */
text-decoration: none;
border-right: 0px solid white; /* changed to 0....1 will show line between topics */
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(../images/blockactive.gif) center center repeat-x;
}


a {
	border: none;
	text-decoration: none;
	color: inherit;
}



a:link {
	border: none;
	text-decoration: none;
	color: #FFFFFF;}

a:active {
	border: none;
	text-decoration: none;
	color: #FF9900;}
	
	
a:hover {
	border: none;
	text-decoration: none;
	color: #FF9900;}

a:visited {
	border: none;
	text-decoration: none;
	color: #999999;}

a img {
	border: none;
	text-decoration: none;
}

#WebsiteBody

{
	width: 878px;
	margin: 0px auto 0px;
	background-color:#000000;
}

#ShowcaseBorder {
	position: static;
	width: 854px;
	height: 347px;
	padding-top: 14px;
	margin-right: auto;
	margin-left: auto;
}


#Showcase {
	position: relative;
	width:  830px;
	height: 344px;
	margin: 0 auto;
	background-color: #000000;
}

/* Header CSS */




#HeaderTop {
	position: relative;
	width: 878px;
	height: 85px;
	margin: -9px auto 0px;
}

#Header {
	width: 878px;
	margin: 0 auto;
}

#HeaderBody

{
	position: relative;
	width: 878px;
	background-image: url(../images/headerbg.jpg);
	height: 240px;
	bottom: 22px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}


#Services {
	
	width: 820px;
	margin: 0 auto;
}

#Services .ServicesDescription {
	
	color: #9aa9ad;
	font: 11px "HelveticaNeue-Light", “Helvetica Neue Light”, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#IconDesign {
	width: 250px;
	margin: 0px;
	float: left;
	position: relative;
	top: 50px;
	padding-right: 1px;
}



#Branding {
	width: 250px;
	margin: 0px;
	position: relative;
	float: left;
	top: 50px;
	left: 33px;
}


#InterfaceDesign {
	width: 250px;
	margin: 0px;
	position: relative;
	float: right;
	top: 50px;
}

#HeaderTop p {
	padding: none;
	position: relative;
	color: #CCCCCC;
	font: 14px tahoma, arial;
	text-align: center;
	width: 820px;
	top: 30px;
	z-index: 3;
	margin: 0 0px 0px 40px;
	background-color: #000000;
}

#HeaderRule {
	position: relative;
	height:  85px;
	width: 750px;
	background-image: url(../images/headera.gif);
	padding: 0;
	z-index: 1;
	top: -850px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
}

/* Middle Area */

#TextArea {
	
	position: relative;
	width: 580px;
	float: none;
	display: block;
	padding-top: 2px;
	margin: 0 0 50px 260px;
}

#TextArea strong {
	color: #9aa9ad;
	
}

#TextArea p {
	
	color: #829093;
	
	font: 14px/18px "HelveticaNeue-Light", "Helvetica", Helvetica, Arial, sans-serif;
	text-align: left;	
}

#SingleItemImage {
	width: 600px;
	height: 350px;
	position: relative;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	right: 15px;
}

#LatitudeImage {
	width: 400px;
	height: 350px;
	position: relative;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
}

#SingleItemImage-Flow {
	width: 600px;
	height: 350px;
	position: relative;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	right: -36px;
}

#SingleItemImage-Picturesque {
	width: 600px;
	height: 350px;
	position: relative;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	right: -46px;
}

#SingleItemImage-Smilechat {
	width: 600px;
	height: 350px;
	position: relative;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	right: -66px;
}


#SingleItemButtons {
	position: relative;
	margin: 85px auto 0px;
	width: 210px;
	height: 100px;
}

#SingleItemButton {
	position: relative;
	margin: 80px auto 0px;
	width: 110px;
	height: 100px;
}


#SingleItemButtonDownload {
	position: relative;
	margin: 80px auto 0px;
	width: 90px;
	height: 100px;
}


#CaseButtons {
	width: 250px;
	position: relative;
	margin: 0px auto;
	top: 70px;
}

#CaseButton {
	width: 150px;
	height: 33px;
	position: relative;
	margin: 0px auto;
	top: 70px;
}

#SingleItemImage-Nambu {
	
	width: 600px;
	height: 350px;
	position: relative;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	right: -14px;
	
}

#SingleItemImage-Classics {
	width: 600px;
	height: 350px;
	position: relative;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	right: -14px;
}

#BackButtonUI {
	position: relative;
	width: 110px;
	height: 33px;
	margin-bottom: 0px;
	margin-left: 200px;
	padding-top: 29px;
}

#Description {
	
	position: relative;
	margin: 0px auto;
	width: 500px;
	color: #6e797b;
	font: 14px "HelveticaNeue-Light", “Helvetica Neue Light”, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	bottom: 60px;
}

#Descriptioninvitation {
	
	position: relative;
	margin: 0px auto;
	width: 500px;
	color: #6e797b;
	font: 14px "HelveticaNeue-Light", “Helvetica Neue Light”, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	bottom: 0px;
}


#BackButton p {
	margin-left: 20px;
}

p.BackButton {
	position: relative;
	color: #9aa9ad;
	font: 11px "HelveticaNeue-Light", “Helvetica Neue Light”, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	z-index: -1;
}

#BackHomeButton {
	width: 120px;
	margin-left: 190px;
	position: relative;
	padding-top: 28px;
}

#FirstRow {
	width: 790px;
	height: 125px;
	margin: 0px auto;
	position: relative;
	padding-top: 45px;
}

#SecondRow {
	width: 790px;
	height: 125px;
	position: relative;
	padding-top: 18px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}



#ThirdRow {
	width: 790px;
	height: 125px;
	position: relative;
	padding-top: 18px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}


#OrionExtended {
	float: left;
	padding-right: 15px;
	padding-left: 12px;
}

#DesignerDesktop {
	float: left;
	padding-right: 15px;
}

#SpaceStation {
	float: left;
	padding-right: 15px;
}

#War2 {
	float: left;
}



#Vienna {
	float: left;
	padding-right: 15px;
	padding-left: 12px;
}

#DesignerIcons {
	float: left;
	padding-right: 15px;
}

#War {
	float: left;
	padding-right: 15px;
}

#Wireshark {
	float: left;
}

#Unien {
	float: left;
	padding-right: 15px;
	padding-left: 12px;
}

#doubleTwistLogo {
	float: left;
	padding-right: 15px;

}

#Hyperspaces {
	float: left;
	padding-right: 15px;
	padding-left: 12px;
}

#Nambu {
	float: left;
	padding-right: 15px;
}

#ShinobiScanner {
	float: left;
	padding-right: 15px;
}

#Shift {
	float: left;
}

#Flow {
	float: left;
	padding-right: 15px;
	padding-left: 12px;
}

#Magichat {
	float: left;
	padding-right: 15px;
}

#Photon {
	float: left;
	padding-right: 15px;
}

#doubleTwist {
	float: left;
}


#Fuzzmeasure {
	float: left;
	padding-right: 15px;
	padding-left: 12px;
}



#Picturesque {
	float: left;
	padding-right: 15px;
}

#Smilechat {
	float: left;
	padding-right: 15px;

}

#Latitude {
	float: left;
	padding-right: 15px;
	padding-left: 12px;

}

#LL4iPhone {
	float: left;
	padding-right: 15px;

}

#Classics {
	float: left;
	padding-right: 15px;

}

#moreworksoon {
	float: left;

}

#moreworksoonleft {
	float: right;

}


#FreewareList a span {
	display: none;
	
}

#FreewareList a:hover {
	position: relative;
}

	
/**** Carousel ****/

	.carousel-component .carousel-list li { 
	    width: 670px; /*500 + 2 + 2 + 1 + 1 */
	}

	.carousel-component .carousel-list li a { 
	    display:block;
	    outline:none;
	    -moz-outline:none; 
	}


	.carousel-component .carousel-list li.active a { 
	}

	.carousel-component .carousel-list li img { 
	display:block;
	position: relative;
	margin: 0 auto;
}

	.carousel-component .carousel-prev {
	position:absolute;
	top: 180px;
	z-index:3;
	cursor:pointer;
	left: -5px;
	}

#bd {
	margin: 0 auto;
}

	.carousel-component .carousel-next { 
	    position:absolute;
	    top: 180px;
	    z-index:3;
	    cursor:pointer; 
	    right:5px; 
	}



#voetje {
	
	position: relative;
	overflow: hidden;
	width: 855px;
	height: 229px;
	z-index: 1;
	right: 8px;
	color: #a22d0c;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0px auto 0;
}

#cocoia {
	 width: 160px;
	float: left;
	margin-left: 80px;
}


#icondesigner {
	 width: 190px;
	float: left;
	margin-left: 8px;
}


#iconresource {
	 width: 180px;
	float: left;
	margin-left: -14px;
}


#cocoiablog {
	 width: 170px;
	float: left;
}


#voetje ul {
	
	list-style-type: none;
	width:200px;
	line-height: 18px;
}

#voetje li {
	width:190px;
	list-style-type: none;
	color: #dcdebf;
	font: 12px "HelveticaNeue-Light", “Helvetica Neue Light”, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


/*#cityheader {
	position: absolute;
	width: 878px;
	height: 357px;
	z-index: 100;
	left: 217px;
	top: 111px;
}
#header{
	width:778px;
	height:49px;
	background:url(../images/header.gif) 0 0 no-repeat;
	padding:385px 0 0 0;
	margin:0 auto;
	position:relative;
}