/* me */
body {
	margin: 0px auto;
	font-family: verdana;
	width: 962px;
  margin-top: 0px;
  margin-left: auto ;
  margin-right: auto ;
  position								:relative	;        /* center for IE */
  left									  :50%		;          /* center for IE */
  margin-left							:-481px	;          /* center for IE */
	font-size: 10px;
}


a{
	color: #666;
	
}

a img{
	
	border:0px;
	
}

.noStyle{
color:#333;
text-decoration: none;
}

#head{
display: block;
width: 962px;
height: 70px; 
}

h1{
color: #666;
line-height: 30px;
font-size: 25px;
font-family: verdana;
font-weight: normal;
}

h2{
color: #666;
line-height: 30px;
font-size: 14px;
font-family: verdana;
font-weight: normal;
}


#head .logo{
display: block;
float:left;
margin-top: 20px;
}

#login{

display: block;
float: right;
margin-top: 30px;
margin-right:2px;
}

#username{
display:inline;
border:0px;
background-image: url(inputbg.gif);
float: left;
padding-left:4px;
width: 122px;
height:17px;
}

#password{
display:inline;
float: left;
margin-left: 5px;
border:0px;
background-image: url(inputbg.gif);
padding-left:4px;
width: 96px;
height:17px;
}

#submit{
display:inline;
float: left;
width: 25px;
height:19px;
border:0px;
background-image: url(inputBtn.gif);
}

#menu{
clear: both;
display: block;
width: 1000px;
height: 26px; 
margin-left: 1px;
}

ul#nav {
display:inline;
}

ul#nav li {
display:inline;
list-style: none;
list-style-position: inside;
}

ul#nav li a {
margin:0px;
display:inline;
	background: url(menu.gif) no-repeat;
	float: left;
	height: 0px;
	width: 120px;
	overflow: hidden;
	padding-top: 26px;
	list-style: none;
	list-style-position: inside;
}



/* normal, unselected */
ul#nav li#home a {
	background-position: -0px 0px;
}

ul#nav li#news a {
	background-position: -120px 0;
}
ul#nav li#portfolio a {
	background-position: -240px 0;
}

ul#nav li#about a {
	background-position: -360px 0;
}

ul#nav li#contact a {
	background-position: -480px 0;
}

ul#nav li#support a {
	background-position: -600px 0;
}
ul#nav li#unknown a {
	background-position: -720px 0;
	width:239px;
}

/* hover */
ul#nav li#home a:hover {
	background-position: -0px -26px;
}
ul#nav li#news a:hover {
	background-position: -120px -26px;
}
ul#nav li#portfolio a:hover {
	background-position: -240px -26px;
}
ul#nav li#about a:hover {
	background-position: -360px -26px;
}
ul#nav li#contact a:hover {
	background-position: -480px -26px;
}
ul#nav li#support a:hover {
	background-position: -600px -26px;
}
ul#nav li#unknown a:hover {
	background-position: -720px -26px;
	
}




ul#nav li#home a.active{
	background-position: -0px -52px;
	
}
ul#nav li#news a.active{
	background-position: -120px -52px;
}
ul#nav li#portfolio a.active {
	background-position: -240px -52px;
}
ul#nav li#about a.active {
	background-position: -360px -52px;
}
ul#nav li#contact a.active {
	background-position: -480px -52px;
}
ul#nav li#support a.active {
	background-position: -600px -52px;
}
ul#nav li#unknown a.active {
	background-position: -720px -52px;

}



#frontpromo{
clear: both;
display: block;

}

.promoImage{
display: block;
margin-top:20px;
}


#introBlock{
clear: both;
margin-top: 20px;
display: block;
float: left;
width:300px;
height:250px;
background-color: #eee;

}

#introBlock2{
margin-top: 20px;
margin-left: 31px;
display: block;
float: left;
width:300px;
height:250px;

}

#introBlock3{
margin-top: 20px;
margin-left: 31px;
display: block;
float: left;
width:300px;
height:250px;
background-color: #eee;
}

#blockTitle{
display: block;

width:300px;
height: 26px;
background-image: url(blockTop.gif);
}

.blockTitleTxt{
display:block;
float:left;
line-height: 26px;
margin-left:10px;
font-size: 12px;
color: rgb(32,32,32);
}

.moreTxt{
display: inline;
float: right;

line-height: 26px;
margin-right:10px;
color: rgb(32,32,32);
}


#projectItem{
display: block;
height:68px;
width: 300px;
background-color: #eee;

}

.projectItemMargin{

margin-top: 10px;
}

.projectImage{
margin-top: 4px;
margin-left: 4px;
display: block;
float: left;
height:60px;
width: 60px;

}

.projectIntro{
margin-top: 12px;
margin-left: 8px;
margin-right: 4px;
display: block;
float: left;
width: 198px;

}
.dateProject{
font-weight: bold;
line-height: 16px;
}


.arrowImage{
display: block;
float: right;
margin-top:26px;
margin-right:10px;
}

.headlineIntro{
display: block;
margin-left: 10px;
margin-right: 20px;
margin-top: 20px;
font-size: 11px;
}

.dateIntro{
font-weight: bold;
}


.featuredImage{
display: block;
margin-left: 25px;
margin-top: 15px;

}



#container{
display: block;
margin-top:20px;
background-image: url(containerBg.gif);
}

#containerTop{
display: block;
width:962px;
height: 16px;
background-image: url(containerTopBg.gif);
}

#containerFooter{
display: block;
width:962px;
height: 16px;
background-image: url(containerFooterBg.gif);
}

#container #content{
display: block;
padding-left:30px;
}


.normalTxtBlock{
display: block;


font-size: 11px;
color: #666;
}

#contentLeft{
display:block;
float: left;
width: 400px;
margin-left:7px;
}

#contentRight{
margin-top:50px;
display:block;
float: right;
width: 400px;
margin-right: 60px;
}

#contentEnd{
clear:both;
display:block;
height: 30px;
}

#contentEnd2{
clear:both;
display:block;
height: 0px;
}

#contentLeftNews{
display:block;
float: left;
width: 600px;
margin-left:7px;
}

#contentRightNews{
margin-top:43px;
display:block;
float: right;
width: 200px;
margin-right: 60px;
}



.newsItem{
display: block;
font-size: 11px;
color: #666;
margin-bottom:20px;
}



.newsList{
list-style-image: url(bullet.gif);
line-height: 18px;
font-size:11px;
color: #666;
margin-bottom:20px;
}

.newsLink{
line-height: 18px;
font-size:11px;
color: #666;
margin-bottom:20px;
margin-left: -40px;
text-decoration: underline;
list-style-position: inside;
vertical-align: middle;
list-style-type: none;
margin-top: 40px;
}

.newsLink .twitter{
	
background: url(twitterIcon.gif) left center no-repeat;
padding-left: 20px;
*margin-left: 40px; /*ie hack*/
}

.newsLink .rss{
background: url(rssIcon.gif) left center no-repeat;
padding-left: 20px;
*margin-left: 40px; /*ie hack*/
}

#pages{
display: block;
float: right;
color: #fff;
}

#pages a{
color: #fff;
text-decoration: none;
}

#pageBlock{
display: block;
float: left;
width: 20px;
height: 20px;
background-color: rgb(227,227,227);
line-height: 20px;
margin-left: 5px;
text-align:center;
}
#pageBlock .selected{
color: #333;
}


#contentLeftP{

display:block;
float: left;
width: 432px;
}

#contentRightP{
margin-top:10px;
display:block;
float: right;
width: 350px;
margin-right: 95px;

}

.catBlock{
text-decoration: none;
}

#catBlock{
display:block;
width: 430px;
height: 83px;
border: 1px #ccc solid;
background: url(blockBg.gif) repeat-x; 
margin-bottom: 30px;
}

#catBlock:hover{
background-position: -0px -83px;
}

#catBlock img{
display:block;
float: left;
margin-top: 12px;
margin-left: 15px;

}

.catTitle{
display:block;
float: left;
line-height: 83px;
margin-left: 20px;
font-size: 18px;
color: #333;
}

.featuredImageP{
border: 1px #ccc solid;

}

#contentLeftC{

display:block;
float: left;
width: 432px;
margin-left: 10px;
}

#contentRightC{
margin-top:43px;
display:block;
float: right;
width: 200px;
margin-right: 100px;

}

.phone{
	
	display: none;
	
}

.notice_ok{
	
	color: green;
 	
}

.notice_fail{
	
	color: red;

	
}



.contact{
display: block;
clear: both;
background-image: url(contactBg.gif);
width:204px;
height:20px;
border:0px;
padding-left:4px;
}

.contactTextfield{
display: block;
clear: both;
background: url(contactFieldBg.gif) no-repeat ;
width:347px;
height:91px;
border:0px;
padding-left:4px;
margin-bottom: 10px;
}

#contactForm label{
font-size: 11px;
line-height: 20px; 
}

.eraseContact{
background: url(eraseBtn.gif) no-repeat ;
display: block;
float: left;
width:112px;
height:17px;
border: 0px;
margin-right: 10px;
}

.sendContact{
background: url(sendBtn.gif) no-repeat ;
display: block;
float: left;
width:112px;
height:17px;
border: 0px;
}

.adress{
font-size: 11px;
list-style-type: none;
margin-left: -20px;
*margin-left:20px;
color: #666;
}

/*support*/
#contentHolder{
display:block;
clear: both;
}

#contentLeftSupport{

display:block;
float: left;
width: 300px;
margin-left: 10px;
}

#contentMiddleSupport{
display:block;
float: left;
width: 300px;

margin-left: 10px;
}

#contentRightSupport{
display:block;
float: left;
width: 300px;
margin-left: 10px;
}



.supportTitle{
display: block;
padding-left: 60px; 
background: url(support_mail.jpg) no-repeat ;
background-position: -0px -0px;
line-height: 50px;
}

.supportTitle2{
display: block;
padding-left: 60px; 
background: url(iphone_support.gif) no-repeat ;
background-position: -0px -0px;
line-height: 50px;

}

.supportTitle3{
display: block;
padding-left: 60px; 
background: url(support_panel.jpg) no-repeat ;
background-position: -0px -0px;
line-height: 50px;
}

.supportList{
list-style-image: url(bullet.gif);
line-height: 18px;
font-size:11px;
color: #666;
margin-bottom:20px;
padding-left: 75px;
}


#question{
	clear: both;
	display: block;
	width: 870px;
	margin-top: 20px;
	padding: 10px;
	border: 1px #ccc solid;
	
	
}

#awnser{
	
	clear: both;
	display: block;
	width: 870px;
	margin-top: 5px;
	padding: 10px;
	border: 1px #ccc solid;
	
}

/* control panel */


.controlTitle{
display: block;
margin-top:30px;

}

.controlTitleReturn{
display: block;
margin-top:30px;
line-height: 19px;

}

.returnIcon{
display: block;
float: left;
padding-right:10px;
}

#panelBlock{
display: block;
float: left;
border-bottom: #CCC 1PX Solid;
PADDING-RIGHT: 30PX;
padding-bottom: 10px;
margin-right: 30px;
margin-top: 10px;
}

#panelBlock:hover{
cursor: pointer;
}


#panelBlockRow2{
display: block;
float: left;
PADDING-RIGHT: 30PX;
padding-bottom: 10px;
margin-right: 30px;
margin-top: 10px;
}

#panelBlockRow2:hover{
cursor: pointer;
}

.panelImage{
display: block;
FLOAT: LEFT;
MARGIN-LEFT: 0PX;
}

.panelTitle{
display: block;
FLOAT: LEFT;
MARGIN-LEFT: 30PX;
line-height: 60px;
font-size: 16px;
width: 120px;
}

#devider{
display: block;
FLOAT: LEFT;
height: 60px;
border-right: #CCC 1PX Solid;
margin-top: 10px;
}

.closeImage{
display: block;
float:left;
}

.logoutTxt{
display: block;
float:left;
line-height: 13px;
margin-right:10px;
}

#panelnote{
display: block;
clear: both;
font-size:11px;
margin-left: 25px;
color: #333;
}

#billsContent{
display: block;
clear: both;
margin-left: 25px;
}

#billsColumn{
display: block;s
float: left;
min-width: 25%;
}

.billsList{
list-style: none outside url();
line-height: 20px;
font-size:11px;
color: #666;
padding-left: 0px;
}

#settingsForm{
display: block
float: left;
width: 400px;
}

#securenote{
display:block;

width: 400px;
position: absolute;
margin-left: 400px;
margin-top:35px;
background-color: rgb(246,246,246);
padding: 20px;
border: 1px #ccc solid;
}

#footer{
display: block;
float: left;
clear: both;
margin-top:20px;
width: 962px;
}

#line{
display: block;
width: 962px;
height: 1px;
background-color: #ccc;
}

.copyrightTxt{
display: block;
margin-top:5px;
width: 962px;
text-align: center;
color: #666;
}





/*  iphone apps */


#app_block{
clear: both;
display: block;
	width: 962px;
  margin-top: 10px;
  margin-left: auto ;
  margin-right: auto ;
  position								:relative	;        /* center for IE */
  left									  :50%		;          /* center for IE */
  margin-left							:-481px	;          /* center for IE */

padding-top: 30px;
padding-left: 60px;
}

#titleAPP{
clear: both;
display: block;
float:left;
font-family: verdana;
font-size: 38px;
color: #666;

}


#txt_leftAPP{
clear: both;
display: block;
float:left;
font-family: verdana;
font-size: 12px;
width:450px;
height: 290px;

margin-top: 40px;

}

#txt_rightAPP{
clear: both;
display: block;
float:left;
font-family: verdana;
font-size: 12px;
width:450px;
height: 290px;

margin-top: 40px;

}

#leftAPP{
display: block;
float:left;
width: 450px;
height: 540px;

}

#rightAPP{
display: block;
float:left;
width: 430px;
height: 500px;
margin-left: 140px;
margin-top:-8px;
}

#appStoreIcon{

clear: both;
display: block;
float:left;
}

#appImage{


display: block;
float:left;
margin-left:60px;
}

#appIcons{

display: block;

margin-top: 30px;
margin-bottom:30px;

}

#appsIcon{
display: block;
float: left;
width: 50px;
height: 50px;
margin-right:10px;
margin-bottom:10px;
}


/*slide show*/



#rotator
{
	
	display:block;
	width: 960px;
	height: 532px;
	margin-top:10px;
 	color:#fff;
	cursor: pointer;
	overflow: hidden;
	
}

#rotator img
{
	display:block;
	width: 960px;
	height: 532px;
	
}

#rotator2 img
{
	display:block;
	width: 960px;
	height: 532px;
	
}

.tutorial{
	display:block;
	margin-top: 20px;
	margin-bottom: 20px;
	
	
}