html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, tr, td, form, object, embed, article, aside, canvas, command, details, figcaption, figure, footer, group, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, audio, video {
margin : 0;
padding : 0;
border : 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
}
html {
font : 80% arial, helvetica, sans-serif;
background : #fff;
color : #333;
line-height : 1;
direction : ltr;
}
a {
color : #15c;
text-decoration : none;
}
a:active {
color : #d14836;
}
a:hover {
text-decoration : underline;
}
h1, h2, h3, h4, h5, h6 {
color : #222;
font-size : 1.54em;
font-weight : normal;
line-height : 24px;
margin : 0 0 0.46em;
}
p {
line-height : 17px;
margin : 0 0 1em;
}
ol, ul {
list-style : none;
line-height : 17px;
margin : 0 0 1em;
}
li {
margin : 0 0 0.5em;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
button, input, select, textarea {
font-family : inherit;
font-size : inherit;
}
html, body {
position : absolute;
height : 100%;
min-width : 100%;
}
.menu-bar {
height : 30px;
background : #f7ece2;
border-bottom : 2px solid #ef7a0f;
overflow : hidden;
}
.menu {
padding-top : 23px;
padding-bottom : 23px;
}
.menu h1:first-child {
margin : 0 0 0.92em;
}
.top_menu {
font-family : Arial, sans-serif;
font-weight : bold;
text-transform : uppercase;
margin : 0 0;
padding : 0;
list-style-type : none;
font-size : 11px;
height : 30px;
}
.top_menu li {
float : left;
margin : 0;
width : 14.25%;
text-align : center;
}
.top_menu li a {
text-decoration : none;
display : block;
padding : 0 5px;
line-height : 30px;
color : #444444;
}
.top_menu li a:hover, .top_menu li.active a {
background-color : #ef7a0f;
color : white;
}
#bottom_menu {
font-family : Arial, sans-serif;
font-weight : bold;
text-transform : uppercase;
margin : 0 0;
padding : 0;
list-style-type : none;
font-size : 11px;
height : 25px;
}
#bottom_menu li {
float : left;
margin : 0 0 0 0;
width : 16.5%;
text-align : center;
}
#bottom_menu li a {
text-decoration : none;
display : block;
padding : 0 8px;
line-height : 25px;
color : #444444;
}
#bottom_menu li a:hover, #bottom_menu li.active a {
background-color : #ef7a0f;
color : white;
}
.main {
padding-top : 23px;
padding-bottom : 125px;
}
.main h1:first-child {
margin : 0 0 0.92em;
}
.bottom-menu-content {
width:auto;
width : 60%;
margin : 0 auto;
padding : 0 0;
}
.footer-bar {
position : absolute;
bottom : 0;
height : 20px;
width : 100%;
overflow : hidden;
margin : 0;
border-top : 2px solid #ef7a0f;
background : #ffffff;
}
.footer {

text-align : center;
font-size : 0.85em;
color : #444444;
font-family : Arial, sans-serif;
font-weight : bold;
text-align : center;
display : block;
margin : 0;
}
.announce-bar {
position : absolute;
bottom : 20px;
height : 25px;
width : 100%;
background : #f9edbe;
border-top : 1px solid #efe1ac;
border-bottom : 2px solid #ef7a0f;
overflow : hidden;
}
.announce-bar a {
margin : 0 0 0 1em;
}
.wrapper {
position : relative;
min-height : 100%;
}
.header-bar {
height : 71px;
background : #444444;
border-bottom : 2px solid #ef7a0f;
overflow : hidden;
}
.header .logo {
margin : 12px 0 0 -1px;
float : left;
}
.companyname-at-header {
color : white;
text-transform : uppercase;
float : right;
font-size : 20px;
margin : 25px 0 0 1em;
text-decoration : none;
}
.companyname-at-header:hover {
color : #ef7a0f;
text-transform : uppercase;
float : right;
font-size : 20px;
margin : 25px 0 0 1em;
text-decoration : none;
}
.header .signin, .header .signup {
margin : 28px 0 0;
float : right;
font-weight : bold;
}
.header .content {
width : auto;
max-width : 1020px;
min-width : 800px;
}
.content {
width : auto;
max-width : 1020px;
min-width : 800px;
margin : 0 auto;
padding : 0 0;
}
.content-header {
font-family : Arial, sans-serif;
font-weight : bold;
text-transform : uppercase;
list-style-type : none;
font-size : 14px;
}
.product-info {
margin : 0 335px 0 0;
}
.product-info p {
text-align : justify;
}
.product-info li p {
text-align : justify;
}
.product-info h3 {
font-size : 1.23em;
font-weight : normal;
}
.product-info a:visited {
color : #61c;
}
.product-info .y-button:visited {
color : #666;
}

.product-headers {
margin : 15px 0 1.5em;
}
.product-headers h1 {
color : #404041;
font-size : 20px;
margin : 0 !important ;
}
.product-headers h2 {
font-size : 16px;
margin : 0.4em 0 0;
}
.features {
overflow : hidden;
margin : 2em 0 0;
}
.features li {
margin : 3px 0 2em;
}
.features img {
float : left;
margin : -3px 0 0;
}
.features p {
margin : 0 0 0 68px;
}
.features .title {
font-size : 16px;
margin-bottom : 0.3em;
}
.features.no-icon p {
margin : 0;
}
.features .small-title {
font-size : 1em;
font-weight : bold;
}


.sign-in {
width : 335px;
float : right;
background : #F2D9C2;
border : 1px solid #F2C8A5;
}
.signin-box, .accountchooser-box {
margin : 20px 0 0;
padding : 20px 25px 15px;

}

.signin-box h2 {
font-weight : bold;
font-size : 16px;
line-height : 16px;
height : 16px;
margin : 0 0 2em;
position : relative;
}

.signin-box label {
display : block;
margin : 0 0 1.5em;
}
.signin-box input[type="text"], .signin-box input[type="password"] {
width : 100%;
height : 30px;
font-size : 15px;
}
.signin-box .email-label, .signin-box .passwd-label {
font-weight : bold;
margin : 0 0 0.5em;
display : block;
height : 15px;
}

.signin-box input[type="submit"] {
margin : 0 1.5em 1.2em 0;
height : 35px;
font-size : 15px;
}



.sample-viewer {
width : 335px;
height : 335px;
float : right;
}
.sample-viewer-box {
line-height : 335px;
height : 335px;
background : #F2D9C2;
border : 1px solid #F2C8A5;
}
.sample-viewer-box h2 {
font-size : 16px;
line-height : 335px;
height : 335px;
margin : 0 0 1.2em;
position : relative;

}
.sample-viewer-box a.thumbnail{
display : inline-block;
position : absolute;
height : 335px;
width : 335px;
background : url(images/yotsna-login.png) no-repeat;
}






.submit-button {
display : inline-block;
min-width : 54px;
text-align : center;
color : #fff;
font-size : 11px;
font-weight : bold;
height : 27px;
padding : 0 8px;
line-height : 27px;
border : 1px solid #404041;
background-color : #ef7a0f;
cursor : pointer;
width : 290px;
}

.submit-button:hover {
border : 1px solid #ef7a0f;
color : #fff;
background-color : #404041;
width : 290px;
}


li.square {list-style-type : square;}


.sitemap {
margin : 0 0;
padding : 0;
display : block;
}
.sitemap li {
float : left;
margin : 20px 5px 20px 5px;
padding : 5px 5px 5px 5px;
width : 12.2%;
height : 118px;
text-align : center;
display : block;
background-color : #444444;
list-style-type : none;
}
.sitemap li a {
margin : 0;
padding : 40px 5px;
vertical-align : middle;
font-size : 14px;
font-family : Arial, sans-serif;
font-weight : bold;
text-transform : uppercase;
text-decoration : none;
display : block;
line-height : 140%;
color : #444444;
background-color : #f7ece2;
height : 38px;
}
.sitemap li a:hover, .sitemap li.active a {
background-color : #ef7a0f;
display : block;
height : 38px;
color : white;
}

.align {text-align : justify;}







.err {
	color: #FF9900;
	position:relative;
	text-align:center;
	width:100%;
}






#contentwrapper
{
background: #009900;
width:auto;
width : 900px;
margin : 0 auto;
padding : 0 0;
height : auto;
}


#red
{
position:relative;
width:20%;
border:2px #f7ece2;
background: #FF0000;
}


#blue
{
position:relative;
width:30%;
border:2px #f7ece2;
background: #3366FF;
}