html
{
	min-height: 100%;
	height: auto;

}
 
 
 #Container
 {	 	
 	min-height:100%;
 		min-width: 900px;

	height:auto;
	width:100%;
	font:13px Verdana; 
	color: #666; 
	top:0px;
	left:0px;
	margin:0px;
	text-align:center;
	background:url('/images/footer.jpg') repeat-x bottom;
	background-position:bottom;
	vertical-align:baseline;
	position:absolute;

 	
 }
 

/*Header section*/
.HeaderContainer
{
	min-width: 900px;
	margin:0px;
	width:100%;
	height:50px;
	background-color:#06034c;
		background:url('/img/headerbg.png') repeat-x bottom;

	top:0px;
	left:0px;
	position:absolute;
	z-index:10;
}
div.Header
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:900px;
}

span.logo, span.menu
{	
	top:0px;
	position:absolute;
	text-align:left;
}
span.logo
{
	text-align:left;
}
span.menu
{
	top:0px;
	float:right;
	position:relative;
 	display:inline-block;
 	margin-top:0px;
 	padding-top:0px;
 	z-index:30px;
}


/*end headers*/
 .MainContainer
{
	background:url('/images/subHeaderBG.jpg') repeat-x;
	position:relative;
	z-index:3;
	clear:both;
	min-width: 900px

}	
.TextContainer
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:900px;
	height:100%;
	clear:both;
	z-index:10;

}


.InfoContainer
{
	background-color:Transparent;
	width:100%;
	height:300px;
	position:relative;
	z-index:-1;
	top:40px;
		clear:both;
	text-align:left;

}											          
.MainLeft
{
	display:block;
	width:450px;
		float:left;

}
.MainRight
{	
	margin-left:50px;
	width:400px;
	display:block;
	float:right;
}

.clear
{
	clear:both;
	height:75px;
}
/*footer*/
.footer
{
	height:30px;
	font-size:10px;
	width:100%;
	text-align:center;
    bottom:0px;
    clear:both;
    left:0px;
    position:absolute;
}



/*Font Styles*/
.title span
{
	font-weight:normal;
	color:orange;
} 
  .bb 
  {
  	border-bottom:2px solid orange; 
  }
  .Scrolling
  {
  	vertical-align:middle;
   	color:black;
  	font-size:40px;
  	text-align:center;
  	font-family:Garamond;
  	font-weight:normal;
  	font-variant:small-caps;
  }
  
  /*contact page*/
  span.contImg
  {
  	display:inline-block;
  	width:100%;
  	text-align:center;
  }
  
  div.contHead
  {
  	text-align:center;
  }
  span.locaImg
  {
  	display:inline-block;
  	width:100%;
  	text-align:center;
  }
  
  div.locaHead
  {
  	text-align:center;
  }
  
  .send, .text, .button, .thanks
  {
  	text-align:left;
  	font:verdana 10px;
  	list-style:none;
  }
  
  .thanks
  {
  	font-weight:bold;
  }
  
  #messageForm, #quest
  {
  	color:Orange;
  	font-weight:bold;
  }
  
  a.quest
  {
  	text-decoration:none;
  	color:Orange;
  	font-weight:bold;
  }
  
  label
  {
  	width:4em;
  	float:left;
  	text-align:right;
  	margin-right:0.5em;
  	display:block;
  }
  
  input.text, #enquiry
  {
  	color:#666666;
  	font:verdana 13px;
  }
  
  input.text:hover, #enquiry:hover,input.text:focus, .send textarea:focus

  {
  	background:#e9eff4;
  }
    
  .button
  {
  	margin-left:4.5em;
  }
  
  .formContent
  {
  	  font:verdana 13px;
  	  background-color: #d6e5f4;
  	  padding: 0px;
  }
  .send
  {
  	font:verdana 13px;
  	background-color: #d6e5f4;
  	padding: 10px;
  }
  
  .send
  {
  	font:verdana 13px;
  	display:block;
  	width:100%;
  	border:solid 1px #85b1de;
  	margin-bottom:5px;
  	padding:4px;
  }
  
  .send textarea, input.text
  {
  	font:verdana 13px;
  	display:block;
  	border:solid 1px #85b1de;
  	margin-bottom:5px;
  	padding:4px;
  }
  
  input.button, input.cancel
  {
  	color:#666666;
  	background-color:#EDF2F7;
  	border-style:solid;
  	border-color:#85b1de;
  	margin-bottom:8px;
  }
  
  
  h3.message
  {
  	margin-top:2px;
  	margin-left:6px;
  	margin-bottom:6px;
  }	

  .thankDiv
  {
  	font:verdana 13px;
  	color:#3399ff;
  	font-weight:bold;
  	border:solid 1px #aaaaaa;
  	margin:2px;
  	padding:1px;
  	text-align:center;
  }
  
  /*Portfolio Page*/
  .MainMiddle
  {
  	width:900px;
  	display:block;
  }
  
  .itemOne
  {
  	margin-top:20px;
  	width:inherit;
  	height:240px;
  	display:block;
  	border:solid 6px #eeeeee;
  }
  
  .itemOne:hover
  {
  	border:6px solid #99ccff;
  }
  
  span.screenShot
  {
  	width:280px;
  	height:210px;
  	padding:5px;
  	margin:10px;
	border:solid 1px #99ccff;
  	float:left;
  	background-color:inherit;
  	text-align:center;
  	position:absolute;
  }	  

  img.sitePic
  {  
	border:solid 0.5px #ddeeff;
	font:13px verdana;
  }
  
  span.intro
  {
  	width:280px;
  	height:240px;
  	padding:5px;
  	margin-left:15px;
  	left:300px;
  	float:left;
  	position:absolute;
  }
  
  .websiteName
  {
  	color:Orange;
  	font-weight:bold;
  }
  
  a.siteURL
  {
  	margin-top:20px;
  	position:absolute;
  	bottom:20px;
  	left:5px;
  }
  a.siteURL:link
  {
  	color:Orange;
  	text-decoration:none;
  	font-weight:bold;
  }
  
  a.siteURL:hover
  {
  	 color:#0e9ae0;
  	 text-decoration:none;
  	 font-weight:bold;
  }
  
  a.siteURL:visited
  {
  	 color:#0e9ae0;
  	 text-decoration:none;
  	 font-weight:bold;
  }	
  
  span.siteCat
  {
  	width:280px;
  	height:210px;
  	padding:5px;
  	float:right;
  }
  
 
  .cat
  {
  	text-align:left;
  	list-style:none;
  	font:13px verdana;
  	font-weight:bold;
  	display:block;
  	margin-right:10px;
  	margin-top:50px;
  	padding:4px;
  }
  
  .cat_up
  {
  	text-align:left;
  	list-style:none;
  	font:13px verdana;
  	font-weight:bold;
  	display:block;
  	margin-right:10px;
  	margin-top:2px;
  	padding:4px;
  }
  .odd
  {
  	 background-color:#e9eff4;
  }
  
  .even
  {
  	background-color:inherit;
  }
  
  /*Clients Page*/
  /*Login Form*/
  .Login
  {
  	background-image:url("/images/loginBack-cubes2.png");
  	width:750px;
  	height:620px;
  	text-align:left;
  	margin-left:150px;
  }
  
  .loginContainer
  {
  	width:100%;
  	height:510px;
  	position:absolute;
  	text-align:left;     	
  	position:relative;	
  	overflow:hidden;
  }
  
  .loginForm
  {
  	display:block;
  	font-size:15px;
  	font-family: Verdana;
  	font-weight:bold;
  	left:0px !important;
  	width:500px;
  	position:relative;
  	text-align:left;
	color:White;
	padding-top:60px;
	padding-left:100px;
	margin-left:35px;
  }
  
  .textBox
  {
  	font-size:25px;
  	height:28px;
  	width:300px;
  }
  
  .pleaseLogin
  {
  	  font-size:20px; 
  	  font-weight:bold; 
  	  color:white;
  }
  
  .loginBtn
  {
  	margin-left:  100px;
  }
  
  /*Client Center*/
  .clientMainContainer
  {
  	text-align:left;
  	height:100%;
  	width:100%;
  }
  .clientWelcome
  {
  	 text-align:left;
  	 width:100%;
  	 height:auto;
  }
  .clientCtr
  {
  	font-family:Verdana;
  	font-weight:bold;
  }
  
 
  .adminHead
  {
  	padding:5px;
  	width:auto;
  	height:auto;
  	border:2px dotted #0e9aef;
  	border-bottom-width:0px;
  	display:inline-block;
  }
  
  .adminContent
  {
  	  border:2px dashed #0e9aef;
  	  padding:20px;
  	  position:relative;
  	  z-index:10;
  	  text-align:left;
  }
  
  .adminLog
  {
  	padding:20px;
  	padding-bottom:65px;
  	padding-right:65px;
	position:relative;
  	background-image:url("/images/client/icecube-s.png");
  	background-repeat:no-repeat;
  	background-position:bottom right;
  	z-index:100;
  	text-align:right;
 }
 
 .clientHead
  {
  	padding:5px;
  	width:auto;
  	height:auto;
  	border:2px dotted orange;
  	border-bottom-width:0px;
  	display:inline-block;
  }
  
  .clientContent
  {
  	  border:2px dashed orange;
  	  padding:20px;
  	  position:relative;
  	  z-index:10;
  	  text-align:left;
  }
  
  .clientLog
  {
  	padding:20px;
  	padding-bottom:45px;
  	padding-left:45px;
	position:relative;
  	background-image:url("/images/client/link.png");
  	background-repeat:no-repeat;
  	background-position:bottom left;
  	z-index:100;
  	text-align:left;
 }

  /*TinyMCE*/
  .tinyMce
  {
  	padding:20px;
  	padding-bottom:65px;
  	padding-right:65px;
	position:relative;
  	background-image:url("/images/client/icecube-s.png");
  	background-repeat:no-repeat;
  	background-position:bottom right;
  	text-align:center;
  }
  
  .mceHead
  {
  	padding:5px;
  	width:auto;
  	height:auto;
  	text-align:center;
  	position:relative;
  }
  
  .mceBody
  {
  	text-align:center;
  	width:auto;
  	height:auto;
  	position:relative;
  }
  
  .mceText
  {
  	width:100%;
  	position:relative;
  }