@charset "utf-8";
/* CSS Document */
body,
html {
	height: 100%;
	background:url('../images/homeBG.png');
	background-repeat:repeat-x;	
}

body
{
	margin: 0;
}	
	
a:active
{
outline: none;
}
a:focus
{
outline-style: none;
}


#home,
#portfolio
{
		min-height: 600px;
		height: 100%;
		min-width: 950px;
		position: relative;
}

.logo
{
	width:180px;
	height:100px;
	float:left;
	background:url('../images/axisLogo.png');
	background-repeat:no-repeat;
	margin-left:10px;
	margin-top:10px;
}

#home
{
	background:url('../images/cloud.png');
	background-position:bottom left;
	background-repeat:no-repeat;
}

#portfolio
{
	background:url('../images/cloudMirror.png');
	background-position:top left;
	background-repeat:no-repeat;
}

#bottom
{
	width:100%;
	height: 235px;
	float:left;
	background:url('../images/Lawn.png');
	background-repeat:repeat-x;
	background-position:bottom left;
	position:absolute;
	bottom:0;
}

#homeContent
{
	clear:both;
	height:420px;
	width:980px;	
	margin-left:auto;
	margin-right:auto;
	background:url('../images/HomeText.png');
	background-repeat:no-repeat;
	background-position:center;
}

#ServiceCloud
{	
	float:right;
	height:245px;
	width:180px;
	margin-top:76px;
	background:url('../images/designCloud.png');
	background-repeat:no-repeat;
	background-position:bottom;	
}    

#designBoard
{	
	width:124px;
	height:140px;
	margin-left:34px;
	margin-top:35px;
	background:url('../images/designBoard.png');
	background-repeat:no-repeat;
	cursor:pointer;
}

#developmentCloud
{	
	float:left;
	height:245px;
	width:180px;
	margin-top:172px;
	background:url('../images/develCloud.png');
	background-repeat:no-repeat;
	background-position:bottom;	
}        

#develBoard
{	
	width:124px;
	height:140px;
	margin-left:35px;
	margin-top:45px;
	background:url('../images/TshirtBoard.png');
	background-repeat:no-repeat;
	cursor:pointer;
}

#divHomeLink
{
	width:122px;
	height:140px;
	float:left;
	margin-left:20px;
	background:url('../images/House.png');
	background-repeat:no-repeat;
	cursor:pointer;
	margin-top:26px;
}     

#divHomeLink .highlight img
{
	margin-top:5px;
	margin-left:20px;
}

.highlight
{
	width:80px;
	height:21px;
	float:left;
	margin-top:20px;
}             

#divContactUs
{
	width:70px;
	height:100px;
	float:left;
	background:url('../images/postBox.png');
	background-repeat:no-repeat;
	background-position:bottom left;
	cursor:pointer;
	margin-top:80px;
} 

#divTwitterTree
{
	width:210px;
	height:180px;
	float:left;
	background:url('../images/Tree.png');
	background-repeat:no-repeat;
	background-position:bottom;
	margin-left:30px;
} 
 
#tweety
{
	width:52px;
	height:40px;
	background:url('../images/tweety.png');
	background-repeat:no-repeat;
	background-position:bottom;
	cursor:pointer;
	margin-left:60px;
	margin-top:95px;
}    
	    
#bottom #divCharacter
{
	width:200px;
	height:150px;
	float:left;
	background:url('../images/mascotCharacter.png');
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-left:250px;
	margin-top:20px;
} 
     
#portfolioCloud
{
	width:120px;
	height:210px;
	float:right;
	margin-top:10px;
	margin-right:30px;
	background:url('../images/portfolioCloud.png');
	background-repeat:no-repeat;
	background-position:bottom;
} 

#portfolioBoard
{
	width:110px;
	height:122px;
	margin-top:55px;
	margin-left:20px;
	background:url('../images/portfolioBoard.png');
	background-repeat:no-repeat;
	cursor:pointer;
}

#contentArea
{
	width:980px;
	height:215px;
	float:left;
	overflow:hidden;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:absolute;
}

#plane
{
	width:400px;
	height:170px;
	float:right;
	margin-top:30px;
	margin-right:100px;
	background:url('../images/plane.png');
	background-repeat:no-repeat;
}

#webLink
{
	float:left;
	width:30px;
	height:20px;
	margin-left:163px;
	margin-top:97px;
}

#posterLink
{
	float:left;
	width:54px;
	height:34px;
	margin-top:100px;
	margin-left:9px;
}

#brochureLink
{
	float:left;
	width:70px;
	height:42px;
	margin-top:121px;
	margin-left:6px;
}

#logoLink
{
	float:left;
	width:42px;
	height:18px;
	margin-top:142px;
	margin-left:7px;
}

/*---------------- Development section------*/

#swDevel
{	
	background:url('../images/underConstruction.png');
	background-repeat:no-repeat;
	background-position:center;
}

/*---------------- end Development section------*/

/*---------------- Services Section*/
#services,
#development
{
	overflow:hidden;
	float:left;
	height:212px;
	width:10000px;
}

.sectionService
{
	float:left;
	width:980px;
	height:212px;
}

#sWeb
{	
	background:url('../images/text.png');
	background-repeat:no-repeat;
	background-position:center;
}

#sPoster
{	
	background:url('../images/text/poster.png');
	background-repeat:no-repeat;
	background-position:center;
}

#sLogo
{	
	background:url('../images/text/logo.png');
	background-repeat:no-repeat;
	background-position:center;
}

#sWeb
{	
	background:url('../images/text/web.png');
	background-repeat:no-repeat;
	background-position:center;
}

#sBrochure
{	
	background:url('../images/text/brochure.png');
	background-repeat:no-repeat;
	background-position:center;
}

#sReachUs
{	
	background:url('../images/text/reach_us.png');
	background-repeat:no-repeat;
	background-position:center;
}

#mailId
{
	width:180px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	margin-top:140px;
}

#mailId a
{
	text-decoration:none;
}

/*---------------- end Services Section*/

#portGallery
{	
	float:left;
	height:210px;
	width:1024px;

}


/* Gallery--------------------------------- */
#portfolioGallery
{
	position:relative;
	overflow: hidden;
	width:890px;
	height:115px;	
	float:left;
}

.project_list {
	width: 10000px;
	float:left;
}

.project-col{
	width:174px;
	height:115px;
	margin-right:5px;	
	float:left;
}

.projects-box {
	width:174px;
	height:100px;
	display:block;
	float:left;
	position:relative;
}

.projects-box a img
{
	border:none;	
}

#Gallery
{
	height:115px;
	width:980px;
	float:left;
}

#divNext
{
	width:30px;
	height:115px;
	float:right;
}

#divPrevious
{
	width:30px;
	height:115px;
	margin-right:10px;
	float:left;
}

/*
.ui-slider-handle {
  width: 60px;
  height: 25px;
  position: absolute;
  top: -8px;
  background: url('../images/sliderBird.png');
  background-repeat:no-repeat;
}

#content-slider {
  width: 930px;
  height: 6px;
  margin-top: 25px;
  background: #0066CC;
  position: relative;
}
*/
/*-------------------------------------------- End Gallery*/

/*------------------- services sliding div's----------*/
#categoryBrd
{ 
	width:760px;
	height:95px;
	margin-left:35px;
}

#categories{
  list-style: none;
  margin: 0;
  padding: 0;
}

#categories li{
  float: left;
  padding: 10px;
  padding-left:0px;
  display: block;
 }

#categories li a{

  display: block;
  overflow: hidden;
  text-decoration:none;
  padding:5px;
  height: 60px;
  width: 60px;
 }

#categories li a img{
width:52px;
height:52px;
}

#a1{
  width: 210px;
}

#categories li img{
  position: absolute;
  border: none;
 
}

#categories li p{
font: 70.5% "Trebucht MS" , sans-serif;
  color:#FFFFFF;
  margin: 0;
  padding: 0;
  width: 120px;
  display: block;
  margin-left: 85px;
}
/*------------------- end services slider----------*/


/*Splash*/
#splash
{
	display:none;
	width:700px;
	height:100px;
	padding-top:15px;
	padding-left:15px;
	text-align:left;

}

#splash img
{
	margin-top:10px;
	margin-left:25px;
	float:left;	
}

#spClose
{
	width:25px;
	height:25px;
	float:right;
	clear:both;
	cursor:pointer;
	margin-right:5px;
	margin-top:8px;
}

#loader
{	
	width:400px;
	height:400px;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
	position:absolute;
}

#greeting
{
	width:475px;
	height:445px;
	float:right;
	/*background:url('../images/2010_Card.png');
	background-repeat:no-repeat;
	background-position:center;*/
}