* {
    padding: 0;
    margin: 0;
} 

body {
background: #28333B;
font-family: Georgia,Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;
}
body a { color: #486706; text-decoration: none;  }
body a:hover { color: #000; }

img { border: none; }
a { color: #380202; text-decoration: underline; }
a:hover { text-decoration: none; color : #ff0000; }

#wrap {
width: 980px;
margin: 8px auto;
}

#top {
background: #380202; /*url(images/top.gif) no-repeat;*/
padding: 0px 0;
}

#header {

}
#header h1 {
padding: 0px 0 0 40px;
font-size: 25px;
letter-spacing: -2px;
}
#header h1 a {
color: #bbb;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #fff;
}
#header h2 {
padding-left: 42px;
font-size: 17px;
color: #eee;
font-weight: 100;
}

#content {
background: #F9FAFA url(images/content.gif) repeat-y;/*#380202*/

}
#content h2 a {text-decoration: none; }

#left {
float: left;
width: 200px;
padding: 4px 0 0 20px;
}
#left h2 { 
background: #fff url(images/sidebarh2.gif) no-repeat;
color: #fff; 
font-size: 15px; 
letter-spacing: 1px; 
font-weight: 900;
height: 30px;
line-height: 30px;
padding-left: 10px;
}
#left td { color: #486706; padding: 0px 0 0px 0px; list-style-type: none; }
#left td a { color: #486706; text-decoration: none;  }
#left td a:hover { color: #000; }

#center {
float: left;
width: 520px;
padding: 4px 06px 0 10px;
}
#center h2 {
background: #fff url(images/contenth2.gif) no-repeat;
height: 30px;
line-height: 30px;
font-size: 18px;
letter-spacing: 1px;
font-weight: 100;
padding : 0 0 10px 0;
}
#center h2 a { color: #fff; }
#center h2 a:hover { color: #000; text-decoration: none; }


#center ul { color: #2C4715; padding: 5px 0 5px 30px; list-style-type: square; }
#center ul li { padding-bottom: 5px; }
#center ul li a { color: #2C4715; text-decoration: none;  }
#center ul li a:hover { color: #000; }


#right {
float: right; 
width: 200px;
padding: 4px 20px 0 0;
}
#right h2 { 
background: #fff url(images/sidebarh2.gif) no-repeat;
color: #005EB0; 
height: 30px;
line-height: 30px;
color: #fff;
padding-left: 10px;
font-size: 15px; 
letter-spacing: -1px; 
font-weight: 900;
}
#right ul { color: #2C4715; padding: 5px 0 5px 30px; list-style-type: square; }
#right ul li { padding-bottom: 5px; }
#right ul li a { color: #2C4715; text-decoration: none;  }
#right ul li a:hover { color: #000; }

#bottom { 
background: #28333B url(images/bottom.gif) no-repeat;
padding: 15px 0 ;
}

#footer {
padding: 0 0 0 0;
text-align: center;
font-size: 11px;
color: #eee;
}
#footer a { color: #eee; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.selected { color: #71060D; text-decoration: none; font-weight:bold; }


#centerHome {
float:left;
width: 905px;
padding: 4px 0 0 35px;
}
#centerHome h2 {
background: #fff url(images/contenth2.gif) no-repeat;
height: 30px;
line-height: 30px;
font-size: 18px;
letter-spacing: 1px;
font-weight: 100;
padding : 00 10px 0;
}
#centerHome h2 a { color: #fff; }
#centerHome h2 a:hover { color: #000; text-decoration: none; }

/* Style for Menu's TD */
.MenuTable
{
	width:200px;
	border:0;	
}

.TDsmall
{
	width: 5px;
	height: 30px; 
}
.TDLarge
{
	width: 220px; 
	height: 30px; 
}
.TDsmallSel
{
	width: 5px;
	height: 30px; 
	background-color:#F9FAFA;
}
.TDLargeSel
{
	width: 220px; 
	height: 30px; 
	background-color:#F9FAFA;
}
/* New for revision by Ravi */

.GradientBar
{
/*background: url(images\GrayBar.png) 0 0 / 10px 100px repeat, url(images\WhiteBar.png) 5px 5px / 5px 5px no-repeat #FFF;*/
/* default background colour, for all layout engines that don't implement gradients */
background: #474747;

/* gecko based browsers */
background: -moz-linear-gradient(left, #474747, #ffffff);

/* webkit based browsers */
background: -webkit-gradient(linear, 0 top, 400 bottom, from(#474747), to(#ffffff));

color: #FFFFFF; /* text colour (black) */
height: auto; /* gradient uses the full height of the element */
padding: 5px; /* distance from border edge to text */
font-weight:bold;
font-size:14px;
}

#corner1 {
        width:180px;
		height:208px;
        float:left;
        margin-left:4px;
        margin-top:8px;
        border:1px solid #686868;
        background:#E2E0E0; 
		padding: 5px;
		font-size:12px;
        -moz-border-radius: 8px 8px 8px 8px;
		-o-border-radius: 8px 8px 8px 8px;
		-khtml-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px;
}

#corner2 {
        width:180px;
		height:208px;
        float:left;
        margin-left:4px;
        margin-top:8px;
        border:1px solid #686868;
        background:#FFFFFF; 
		padding: 5px;
		font-size:12px;
        -moz-border-radius: 8px 8px 8px 8px;
		-o-border-radius: 8px 8px 8px 8px;
		-khtml-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px;
}


#cornerScreenshots {
        width:518px;
		height:510px;
        float:left;
        margin-left:0px;
        margin-top:8px;
        border:1px solid #686868;
        background:#FFFFFF; 
		padding: 0px;
		font-size:12px;
        -moz-border-radius: 8px 8px 8px 8px;
		-o-border-radius: 8px 8px 8px 8px;
		-khtml-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px;
}

#cornerScreenshotsImages {
        width:500px;
		height:380px;
        float:left;
        margin-left:0px;
        margin-top:5px;
        border:2px solid #686868;
        background:#FFFFFF; 
		padding: 0px;
		font-size:12px;
        -moz-border-radius: 8px 8px 8px 8px;
		-o-border-radius: 8px 8px 8px 8px;
		-khtml-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px;
}