#content {
	width: 900px;
	height: 270px;
	margin-right: auto;
	margin-left: auto;
	/* background-color: #1F1F1F; */
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	/*border-top-width: 1px;
	border-top-style: dotted;******** done in header ********/
	/*border-bottom-width: 2px;
	border-bottom-style: solid;*/
	overflow: hidden;
}
#services {
	width: 900px;
	height: 270px;
	margin-right: auto;
	margin-left: auto;
	/*border: 1px solid blue;*/
	padding-top: 8px;
	/*padding-bottom: 3px;*/
	/*border-top-width: 1px;
	border-top-style: dotted;******** done in header ********/
	/*border-bottom-width: 2px;
	border-bottom-style: solid;*/
	overflow: hidden;
}

/*
#services .website-design { background: url('../theme/website-design.gif') no-repeat 0 0px; background-position: right;}
#services .e-commerce { background: url('../theme/e-commerce.gif') no-repeat 0 0px; background-position: right;}
#services .hosting { background: url('../theme/hosting.gif') no-repeat 0 0px; background-position: right;}
#services .3d  { background: url('../theme/3d.gif') no-repeat 0 0px; background-position: right;}
*/

/* CONTACT OLD STYLE ######
#contact-info {
	width: 440px;
	padding-top: 1px;
	padding-left: 2px;
	float: left;
	list-style:none;
}

#contact-info .address {width: 225px; padding-top: 20px; padding-bottom: 15px; float: left; border-bottom: 1px dotted;}
#contact-info .telephone {width: 225px; padding-top: 15px; padding-bottom: 15px; float: left; border-bottom: 1px dotted #666666;}
#contact-info .email {width: 225px; padding-top: 15px; float: left;}
###### END OLD STYLE ******/

#contact-info {
	width: 440px;
	padding-top: 1px;
	padding-left: 2px;
	float: left;
	list-style: none;
}

#contact-info .address {width: 140px; margin-top: 10px; float: left; border-right: 1px dotted; margin-right: 30px;}
#contact-info .telephone {width: 180px; margin-top: 10px; padding-bottom: 6px; float: left; border-bottom: 1px dotted #666666;}
#contact-info .email {width: 180px; padding-top: 6px; float: left;}

#contact-map {
	width: 900px; /* 450px; */
	float: right;
	padding-top: 0px;	
}
#contact-map ul {list-style:none; top:0; left:0}

#experimental {
	width: 900px;
	height: 270px;
	padding-top: 0px;
}
#experimental.welcome {
	background: url('../theme/experimental-main.jpg') no-repeat 0 0px;
	background-position: right;	
}
#experimental.loading {         
    background: url(../theme/loading.gif) no-repeat center center;     
}
#experimental ul{
	width: 450px;
	padding-top: 40px;
	padding-left: 20px;
	list-style:none;
}
#experimental h1{
	padding-bottom: 8px;
}

#home {
	width: 900px;
	height: 270px;
	padding-top: 0px;
}
#home.loading   {         
    background: url(../theme/loading.gif) no-repeat center center;     
}
#home-intro {
	width: 590px; /*was 540px*/
	float: left;
	/*margin-top: 10px;*/
	/*background-color: #f1f1f1;	*/
}
#home-intro h1{
	padding-bottom: 8px;
}
#home-intro ul{
	list-style: none;
}
#home-about {
	width: 300px; 
	float: right;
	margin-top: 25px;
	/*background-color: #1F1F1F;*/
	text-align: right;
}
/***************************************************
   	      PORTFOLIO IMAGE FADE IN
***************************************************/
#portfolio-image.loading {    /* loading anim gif */        
background: url(../theme/loading.gif) no-repeat center center;     
}

#portfolio-image{
	/*float:left;*/
	/*width:450px;*/
	/*height:270px;*/
	/*padding:10px;*/
	/*margin:10px;*/
	/*border:1px solid #ddd;*/
	/*background:#eee url(../theme/loading.gif) 50% 50% no-repeat;*/
	/*background:#000;*/
	display:inline;
}
/***************************************************
				      GENERAL
***************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,del,dfn,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{	margin:0px;
	padding:0px;
	border:0;
	font-weight:inherit;
	font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
	vertical-align:baseline;
	font-size: 100%;
	/*line-height: 17px;*/
	font-variant: inherit;
	font-style: inherit;	
	outline: 0;
}
body {
	font-size: 11px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;/* Prev - 1F1F1F */
}
a{
	text-decoration:none;
	color: #666666;
}
a:hover{
	text-decoration:underline;
}
img	{
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;	
}
/*DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}*/
a img	{
	border: none;
}
.border {
	float: left;
	height: 30px;
	width: 100%;
}

.indent-ul, .indent-ol	{
	padding-left: 30px;
	padding-bottom: 10px;
	display: block;
}
ul, ol {
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px;
	padding-bottom: 15px;
}

h1{font-size:19px; color: #222222; /*letter-spacing: -1px; text-transform: uppercase;*/}
h2{font-size:19px; color: #222222; /*letter-spacing: -1px;*/}
h3{font-size:14px; color: #222222;}
h4{font-size:17px; color: #222222; padding: 6px 0 10px 0; /*margin-bottom: 12px;*/}
h5 {
	font-size: 16px;	
	border-bottom: 1px dotted;
	margin-bottom: 6px;
	display: block;	
	padding: 6px 0 8px 0;
	width: 280px;
	/*text-indent: 25px;*/
	/*letter-spacing: -0.5px*/
}
h6{font-size:16px; border-bottom: 1px dotted; margin-bottom: 6px; display: block; padding: 6px 0 8px 0;	width: 590px;}

.service-top {
	float: left;
	margin: 10px 30px 0px 0;
	width: 590px;
	padding-top: 0px
	padding-bottom: 10px;
	border-bottom: 1px solid #666666;	
}
.service-top-last {
	float: left;
	margin: 10px 0 10px 0;
	width: 280px;
	padding-top: 0px
	padding-bottom: 10px;
	border-bottom: 1px solid #666666;	
}
.service-block {
	float: left;
	margin: 0 30px 0 0;
	width: 280px;
	padding-top: 0px
}

.top_block:first-child { margin-left: 3px; }

.service-block-last {
	float: right;
	margin-right: 0px;
	width: 280px;
}
.top-block {
	float: left;
	margin: 0 30px 0 0;
	width: 280px;
	padding-top: 0px
}
.top-block a{
	text-decoration:none;
	color: #333333;
}
.top-block a:hover{
	text-decoration:none;
}
.top-block-last {
	float: right;
	margin-right: 0px;
	width: 280px;
}

#page-title {
	width: 450px; 
	/*margin-left: 450px;*/
	float: right;
}
.page-titles {
	float: right;
	padding-top: 30px;
}

#slogan-holder {
	float: left;
	padding-bottom: 20px;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #373737;
	margin-bottom: 20px;
	padding-top: 20px;
}
input, textarea {
	outline-style:none;
}
#header {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	position: relative;
	z-index: 99;
	border-bottom: 2px solid #666666;	
}
.header {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 0px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #373737;
}
#footer {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	position: relative;
	z-index: 99;
	border-bottom: 2px solid #666666;	
}
#shadow {
    width: 100%;  
    /*margin-top: 10px;  */
    /*margin-bottom: 10px;*/
}
#footer {
    width: 450px;  
    /*margin-top: 10px;  */
    /*margin-bottom: 10px;*/
}
.logo-top     {
	float: left;
	padding-left: 5px;
	padding-bottom: 15px;
	padding-top: 15px;
}
.slideloader {
	position: absolute;
	top: 115px;
	right: 205px;
}
/***************************************************
 		  PORTFOLIO/EXPERIMENTAL INFO
***************************************************/
.summary {
	text-transform:uppercase;
	font-size: 10px;
	/*float: left;*/
	color: #BBBBBB;
	margin-top: 15px;
}
.port-info{
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 1px;	
}
.port-visit a{
	color: #555555;
	text-decoration: none;
	text-transform:uppercase;
	display: block;
	background-color: #FFFFFF; 
	width: 450px; /* background box width */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1px;
	font-size: 10px;
	line-height:15px;
	/* border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #1F1F1F;***************/
	text-align: left;
	/*margin-left: 10px;*/	
	/*margin-right: 2px;*/	
}
.port-visit a:hover{
	background-color: #222222; /* EFEFEF */
	color: #FFFFFF;
}
.exp-visit a{
	color: #555555;
	text-decoration: none;
	text-transform:uppercase;
	display: block;
	background-color: #FFFFFF; 
	width: 350px; /* background box width */	
	margin-top: 10px;
	padding-right: 1px;
	font-size: 10px;
	line-height:15px;	
	text-align: right;
}
.exp-visit a:hover{
	background-color: #222222; /* EFEFEF */
	color: #FFFFFF;
}
/***************************************************
			       MAIN MENU
***************************************************/
.main-menu{
	margin: 0px;
	margin-top: 20px;
	margin-left: 180px;
	text-transform: uppercase;
	padding: 0px;
	position:relative;
	display: block;
	float: right;		
	width:470px;	
}
.main-menu ul{
	margin: 0;
	padding:0;
	list-style-type: none;
}
.main-menu ul li{
	position: relative; /**** remove */
	display: inline;
	float: left;
}
.main-menu ul li a{
	color: #000000; /* was 9A9A9A */
	text-decoration: none;
	text-transform:uppercase;
	display: block;
	/*background-color: #111111; **********/
	/* width: 60px; /* background box width */
	padding-top: 10px;
	padding-right: 0px; /* 5px */
	padding-bottom: 5px;
	padding-left: 19px;
	font-size: 11px;
	line-height:11px;
	/* border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #1F1F1F;***************/
	text-align: right;
	margin-left: 10px;
}
.main-menu ul li a .title {
	display: block;
	margin: 0px;
	padding: 0px;
}
/* .main-menu ul li a .subtitle {
	display: block;
	font-size: 11px;
	text-transform:lowercase;
}*/
.main-menu ul li a.current{
	color:#FFFFFF;
	text-decoration: none;
}
.main-menu ul li a:hover{
	color: #555555;
	text-decoration: none;
}
.main-menu ul li ul {
	display: block;
	position: absolute;
	background-color: #111111;
	-moz-border-radius-bottomleft:3px; 
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	width: 167px;
	top: 55px;
	left: 33px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #1F1F1F;
	visibility: hidden;
}
.main-menu ul li ul li {
	display: block;
	list-style:none;
	margin: 0px;
	float: right; /********** adjusted */
	padding: 3px;
}
.main-menu ul li ul li a {
	margin: 0px;
	display: block;
	text-align: left;
	color: #999999;
	float: right; /********** adjusted */

	width: 140px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.main-menu ul li ul li a:hover {
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
/********************************************************************
                     PORTFOLIO MENU 
********************************************************************/
.portfolio-menu { 
    margin-top: 22px; /* 6px; for all # changed to 14px; for extra line */
    float: left;
    width: 225px;
    padding: 0px;
}
.portfolio-menu ul{
	margin: 0;
	padding:0;
	list-style-type: none;
}
.portfolio-menu ul li{
	position: relative; /**** remove */
	display: inline;
	float: left;
}
.portfolio-menu ul li a{
	color: #444444;
	text-decoration: none;
	text-transform:uppercase;
	display: block;
	background-color: #FFFFFF; 
	width: 222px; /* background box width */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1px;
	font-size: 10px;
	line-height:15px;
	/* border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #1F1F1F;***************/
	text-align: left;
	/*margin-left: 10px;*/	
	margin-right: 2px;
}
.portfolio-menu ul li a .title {
	display: block;
	margin: 0px;
	padding: 0px;
}

.portfolio-menu ul li a.current{
	background-color: #31B8DA;
}
.portfolio-menu ul li a:hover{
	background-color: #EFEFEF;
}
/********************************************************************
                     EXPERIMENTAL MENU 
********************************************************************/
#experimental-menu-holder  {
    margin-top: 4px;
    float: left;
    width: 550px;
    padding: 0px;
}
.experimental-menu { 
    float: left;
    width: 180px;
    padding: 0px;
}
.experimental-menu ul{
	margin: 0;
	padding:0;
	list-style-type: none;
}
.experimental-menu ul li{
	position: relative; /**** remove */
	display: inline;
	float: left;
}
.experimental-menu ul li a{
	color: #444444;
	text-decoration: none;
	text-transform:uppercase;
	display: block;
	background-color: #FFFFFF; 
	width: 160px; /* background box width */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1px;
	font-size: 10px;
	line-height:15px;
	/* border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #1F1F1F;***************/
	text-align: left;
	/*margin-left: 10px;*/	
	margin-right: 2px;
}
.experimental-menu ul li a .title {
	display: block;
	margin: 0px;
	padding: 0px;
}
.experimental-menu ul li a.current{
	background-color: #31B8DA;
}
.experimental-menu ul li a:hover{
	background-color: #EFEFEF;
}
/***************************************************
     		     CENTRE DIVS
***************************************************/
#outer {  
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    overflow: visible;
    /*border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #373737;*/
}  
#inner { 
    width: 900px; 
    height: 510px;
    margin-left: -450px;  /***  width / 2   ***/ 
    position: absolute;
    top: -255px;          /***  height / 2   ***/
    left: 50%;  
} 

/*---------------BOTTOM INFO WINDOWS-----------------*/

.page-info { margin-top: 0px; float: left; width: 450px; padding: 0px; margin-left: 450px; list-style:none;}
.page-info li{ list-style:none; }
.client-info { margin-top: 0px; float: left; width: 450px; padding: 0px; margin-left: 450px; list-style:none;}
.client-info li{ list-style:none; }
.experimental-info { margin-top: 0px; float: right; width: 350px; padding: 0px; margin-left: 0px; list-style:none; text-align: right;}
.experimental-info li{ list-style:none; }
.column-holder { margin: 0px; float: left; width: 100%; padding: 0px; }
.column-holder h3{ margin-bottom: 5px; padding-bottom: 5px; border-bottom-width: 4px; border-bottom-style: solid;	border-bottom-color: #373737; }
#inner_content .one, #inner_content .two-even, #inner_content .two-odd, #inner_content .three-even, #inner_content .four-even { float:left; }
#inner_content .two-even, #inner_content .two-odd, #inner_content .three-even, #inner_content .four-even{margin-right: 35px; }
#inner_content .one {width: 100%;}
#inner_content .two-even{width:307px;}
#inner_content .two-odd{width:422px;}
#inner_content .three-even{width:193px;}
#inner_content .four-even{width:136px;}
#inner_content .two-even.last, #inner_content .two-odd.last, #inner_content .three-even.last, #inner_content .four-even.last{ float:left; margin-right: 0px; }
/***************************************************
     		     PORTFOLIO SLIDER
***************************************************/
.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:450px; height:270px; background: url('../theme/loader.gif') no-repeat 0 0px; border:0px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:450px; height:270px;padding-right:0px}

/* Old Pagination ***********************************
.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#888}
*****************************************************/
.pagination {
	float:right;
	list-style:none;
	margin-top: 0px;
	margin-right: 20px;
}
.pagination li {
	float:left;
	cursor:pointer;
	padding:0px;
	background-color: #777777;
	text-indent: -9999px;
	height: 11px;
	width: 14px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
}
.pagination li:hover {
	background-color: #333333;
}
.pagination li.current {
	background-color: #333333;
}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
/*#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}*/