body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*background-image: url(images/bodyBg.png);*/
	background-repeat: repeat-x;
	background-color:#666666;
	color: #333;
} 
 

/*   ANIMATION API   */


/*white-space: nowrap; 
overflow: hidden;
overflow-x:-webkit-marquee;
-webkit-marquee-direction: forwards;
-webkit-marquee-style: alternate;
-webkit-marquee-speed: fast;
-webkit-marquee-increment: small;
-webkit-marquee-repetition: 400;*/



.rightToCenter {
	-webkit-animation-name: 'RtC';
	-webkit-animation-duration:0.4s; display:
}
.centerToLeft {
	-webkit-animation-name: 'CtL';
	-webkit-animation-duration: 0.4s;
}
.leftToCenter {
	-webkit-animation-name: 'LtC';
	-webkit-animation-duration: 0.4s;
}
.centerToRight {
	-webkit-animation-name: 'CtR';
	-webkit-animation-duration: 0.4s;
}
@-webkit-keyframes 'RtC' {
	from { left: 490px;}
	to { left: 0px;}
}
@-webkit-keyframes 'CtL' {
	from { left: 0px; }
	to { left: -490px;}
}
@-webkit-keyframes 'LtC' {
	from { left: -490px;}
	to { left: 0px; }
}
@-webkit-keyframes 'CtR' {
	from { left: 0px; }
	to { left: 490px;}
}
 
 
#contentWrapper{  display:none;}

body[orient="profile"] #wrapper, body[orient="profile"] #contentWrapper  {
width:320px ;height: 416px;
}
    
body[orient="landscape"] #wrapper , body[orient="profile"] #contentWrapper {
 width:480px;height: 268px;
}

body[orient="fullSize"] #wrapper , body[orient="profile"] #contentWrapper  {
 width:100%;height: 100%;
}
    
body[orient="fullSize"] #wrapper , body[orient="profile"] #contentWrapper {
 width:100%;height: 100%;
}

  

body[orient="profile"] #content  {
min-height: 335px; margin-bottom:50px;
}
    
body[orient="landscape"] #content {
min-height: 200px;
} 

#wrapper {
} 
 
#loadingIndicator{
	top:100px;
	display: none;
	position: absolute;
	width: 100%;
}
 

	
.smaller {font-size: 12px;}
.bigger {font-size: 14px;}

.white ,  a.white:link,a.white:visited{ color:#FFFFFF ;}
.red ,  a.red:link, a.red:visited { color: #FF0000 ;}
.bold ,  a.bold:link, a.bold:visited {font-weight:bold;}
.orange, a.orange{color:#ff6600;}
.green, a.green:link,a.green:visited{color: #7EAB42;}
.blue, a.blue:link,a.blue:visited {color: #000099;}
.silver{color: #cccccc;}
.italic{font-style:italic;}
.gray, a.gray:link,a.gray:visited{color: #868686} 

 
 
 

form,h1,h2,h3,h4 {
	margin: 0;
	padding: 0;
}

p{padding:10px 5px 0px 8px; margin:0;}

 		
.header{
	text-align:center;
	margin-bottom: 2px;
	height:55px;
	/*	background-image: url(images/headerBgBl.png);
	background-repeat: repeat-x;
	background-color: #758AA7;
*/
	background-color:#000000;
	background-image: url(images/toolbar.png);
	background-position: top;
}

.btnsL{
position:absolute; 
top: 8px; left:2px; 
line-height:28px;
	background-image: url(images/btnBg.png);
	background-repeat:no-repeat;
	width:50px;
	text-align:center;
	} 
.backLink{
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin-left: 0px;
}

.pageHeaders{
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin:0;
	padding:0;
	text-transform:capitalize;
	line-height:55px;
	text-shadow: #333  1px  1px 1px;
	letter-spacing:-1px;
	}
	 

.contentContainers{
	margin:0px;
	width: 100%;
}



#content{  
	padding: 8px;  
	margin:8px 6px 10px 6px; 
	border:1px solid #999;
	z-index: 5;
	-webkit-border-radius:4px;
	background-color: #fff;
	list-style:none;

}  



	 
 #mainNavigation{
	width: 100%; 
	}

 #mainNavigation ul {
	padding: 0px;
	margin:8px 5px;
	background-color: #FFFFFF;
	list-style:none; -webkit-border-radius:4px;
} 
	 
  
#mainNavigation li{
	padding: 0px;
	margin:0px;
	width:100%;
	background-repeat:no-repeat;
	background-repeat:repeat-x;
	}


#mainNavigation li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform: uppercase;
	display: block;
	padding:10px 9px;
	text-decoration: none;
	color: #333333;
	margin:0px;
	border-bottom:1px solid;
	border-top:0px solid;
	background-image:  url(images/arrowBlue.png);
	background-repeat: no-repeat;
	background-position: right 50%;
	font-weight: normal;
	border-bottom-color: #ccc;
}
 
#mainNavigation .noBorder{ border:none}
.navTouch  { background-color: #ccc; }  
 
 

hr{
border:none;
	border-bottom:1px dotted #666666;
	height:1px;
	padding:0px;
	margin:0;
	margin-top:4px;margin-bottom:6px;
	color: #fff;
}


 

#portfolio {
	text-align:left;
	margin: 0 auto;
}

.portfolioList{ 
	margin: 30px 0px;
	text-align: center;
} 

.portfolioList img{
	padding: 7px;
	border:1px dotted;
	border-color:#e1e1e1;
	margin-bottom:3px; 
	}

 
.portfolioList  span{
	display:block;
	margin:4px;
	text-transform: uppercase;
	font-size: 10px;
}

.portfolioList  a{
text-decoration:none;
font-size:12px;
color: #666666}


#prices{}
#prices ul{
	margin:0 ;
	padding:0 15px;
	list-style:none;
}
#prices  li{
	margin:0 ;
	padding:2px 0;
} 
 .pagetitles , a.pagetitles:link, a.pagetitles:visited , a.pagetitles:active  {
	margin:  0;	padding:0;
	font-weight: normal;
	font-size:22px;
 	text-transform: capitalize;
	color:#9F9F00;
	margin-bottom:5px;
	margin-top: 10px;
	letter-spacing:-1px;
}


.subtitles , a.subtitles:link, a.subtitles:visited , a.subtitles:active  {
	margin:2px 0px; padding:0;
	font-weight: normal;
	font-size:18px;
 	text-transform: capitalize;
	color:#333;
	
	letter-spacing:-1px;
}


.subtitles2{
color: #333;
font-size:14px;
margin:0; padding:5px 2px;
} 
.prices{
color: #FF0000 ;
font-size:14px;
margin:0;padding:5px 15px;
} 


#footer{
	text-align:center;
	margin:10px 0 0 0;
	border-top:2px solid #999;
	text-shadow: #999  1px  1px 1px;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	height: 55px;
	background-image: url(images/footer.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	font-size:12px;
}  

#footer #company  {
	margin-top:10px;
	font-weight: bold;
} 
#footer #tel {
	margin-top:0px 
}