/* <!-- */
html, body {
    margin: 0;
    padding: 0;
    background-color:#6E5183;
    text-align: center;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    font-family: Verdana;
    font-size:12px;
}
 
#content { 
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    overflow:auto;
    position:relative;
    z-index:1;
background-image: url(/i/bg.jpg);
background-position:right top;
background-repeat:repeat-x;
} 

.column { 
    width: 50%; 
    position: absolute; 
    top: 0; 
    z-index:0;
} 

.left {left: 0;} 
.right {right: 0;} 

#leftcol {
    background-image: url(/i/bg.jpg);
    background-position:right top;
    background-repeat:repeat-x;
    height: 750px;

} 
#rightcol {
    background-image: url(/i/bg.jpg);
    background-repeat:repeat-x;
    height: 750px;
    background-position:left top;
} 
/* fluid */
#header {
    clear:both;
    float:left;
    width:100%;
}
#header img
{
    margin-top:35px;
}

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu {
    background-image: url(/i/bg_leftcol_middle_repeat.jpg);
    background-color:White;
}
.leftmenu .colright {
    float:left;
    width:200%;
	position:relative;
	left:251px;
    background:#fff;
    background-image: url(/i/bg_rightcol_middle_repeat.jpg);
    background-repeat:repeat-y;
        background-position:top left;
}
.leftmenu .col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:200px;
}
.leftmenu .col1 {
    margin:0 0 0 200px;
    position:relative;
    right:100%;
    overflow:hidden;
    width:749px;
    background-image: url(/i/bg_rightcol_middle.jpg);
    background-repeat:no-repeat;
    background-position:top right;
    min-height:499px;
    
}
.leftmenu .col2 {
    float:left;
    width:251px;
    position:relative;
    right:251px;
    background-image: url(/i/bg_leftcol_middle.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    min-height:499px;
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
    color:White;
    text-align:right;
}
/* fluid end */


  
#topmenu {
    height: 47px;
}

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

#topmenu img { border: none; }
#topmenu li { display: inline; list-style:none; }
#topmenu li a { float: left; display:block; height: 47px; }
#topmenu li a:hover {background-position: left bottom; }
	
.lmenu{
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
    width: 215px;
    border: 0;
    border-bottom-width: 0;
    margin-left:20px;
}
.lmenu li
{
    list-style-type: none;
    display:block;
    /*line-height:260%;*/
    background: white url(/i/bg_submenu_option.jpg) repeat-x bottom left;
}

.lmenu li a{
    color: black;
}
.lmenu li.top a{   
    height:39px;
    font-size:12px;
    color: black;
    display: table-cell;
    vertical-align:middle;
    padding-left: 30px;
    padding-right: 8px;
    text-decoration: none;
}

.lmenu li.top {
background-image:url("/i/bg_submenu_top.jpg");
background-repeat:no-repeat;
color:white;
display:table-cell;
font-size:12px;
font-weight:bold;
height:34px;
padding-left:30px;
vertical-align:middle;
width:215px;
}

.lmenu li.lastItem
{
	background-image: url(/i/bg_submenu_lastoption.jpg);
    height:39px;
    display:block;
}

.lmenu li.category a{
    height:39px;
	display: table-cell;
    vertical-align:middle;
    text-decoration: none;
}

.lmenu li.item a{
	height:28px;
	color: #555555;
	line-height: 100%;
    vertical-align:middle;
    text-decoration: none;
}

.lmenu li.item a:hover{
	color: black;
}



#landingPage
{
    background-image: url(/i/bg_landingpage_appbox.jpg);
    background-repeat:no-repeat;
    width:749px;
    height:642px;
    
}

#landingPage #appBoxMargin
{
    height:642px;
    width:32px;
    float:left;
}

#landingPage #appBox
{
    height:642px;
    width:243px;
    margin-top:26px;
    float:left;
    padding: 25px;
}

#landingPage #appBox #icon
{
    float:left;
}

#landingPage #appBox #profile
{
    float:right;
    font-size:11px;
    color:#000000;
    width:180px;
}

#landingPage #appBox #profile .highlight
{
    font-weight:bold;
    font-size:12px;
}

#landingPage #appDescriptionBox
{
    
    width:380px;
    float:left;
    margin-top:26px;
    margin-right:0px;
    padding-left:23px;
    padding-bottom:20px;
    
    font-size:12px;
    color:#000000;

}

#landingPage #appDescriptionBox img
{
    border:0px;
}

#landingPage #appDescriptionBox .appTitle
{
    font-size:24pt;
    color:#461f5a;
    margin-bottom:25px;
}

#landingPage #appDescriptionBox .sectionTitle
{
    font-weight:bold;
    margin-top:15px;
}

#appScreenshots {  
    height:  375px;  
    width:   250px;  
    padding: 0;  
    margin:  10px 0 0 0;  
    position:relative;
} 
 
#appScreenshots img {  
    padding:0px;  
    top:  0; 
    left: 0 
} 

#homePage
{
    background-image: url(/i/bg_homepage_appbox.jpg);
    background-repeat:no-repeat;
    width:749px;
    height:872px;
}

#homePage h1
{
	color:#461F5A;
	font-size:24pt;
	margin-bottom:15px;
	font-weight:normal;
}


#contentPage
{
    background-image: url(/i/bg_contentpage.jpg);
    background-repeat:no-repeat;
    padding:20px;
}

#contentPage h1
{
	color:#461F5A;
	font-size:24pt;
	margin-bottom:15px;
	font-weight:normal;
}

#contentPage h2
{
	color: #e79c00;
	font-size:16pt;
	font-weight:normal;
}

#contentPage p
{
	line-height: 150%;
}

.appBanner{
	width: 310px;
	height: 194px;
	margin-bottom:15px;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor: pointer;
	position:relative;
}

.appBannerTitle, .appBannerBody{
	position:relative;
	left: 143px;
	width: 158px;
	text-align:left;
	line-height:110%;
}

.appBannerTitle{
	color: #461f5a;
	font-size: 22px;
	top: 36px;
}

.appBannerBody{
	color: #000000;
	font-size: 12px;
	top: 37px;
}

.appItunesPurchase{
	position: absolute;
	left: 142px;
	top:  116px;
}

.submenu ul{
	margin:0 auto;
	width: 213px;
	padding:0px;
}

.submenu li{
	clear: both;
	background: #FFFFFF;
	border-bottom: 1px solid #aaaaaa;

	/*height: 28px;*/
	line-height: 28px;
	padding:6px 0px;
	
	color: #555555;
}

.submenu li:hover{
	background: #F8F8F8;	
}

a.submenu{
	height: 28px;
	line-height: 28px;
	
	padding:6px 0px;
	
	color: #555555;
	text-decoration: none;
}

a:hover.submenu{
	color: #000000;
	text-decoration: underline;	
}

img.submenu{
	width:28px; 
	height: 28px; 
	float:left; 
	padding:0px 15px 0px 10px;
}