body
{
background-color: #ffffff;
}

#wrapper
{
height: 100%;
width: 90%;
min-width: 300px;
background: #ffffff;
margin-left: auto;
margin-right: auto;
}

#header_top
{
height: 10px;
width: auto;
}

#header_left
{
float:left;
}

#header_right
{
float:right;
}

#header_right_l
{
float:left;
}

#header_right_r
{
float:left;
}

#header_bottom
{
clear: both;
height: 10px;
width: 100%;
}

#header_right_menu
{
color: green;
}

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

#header_right_menu li
{
float: left;
margin-left: 1em;
}

/*==================================================
 * main_logo class
 * This seems to keep the aspect ratio correct
 * in most of the browsers (also in android 4.2
 * default).
 * =================================================*/

.main_logo
{
width: 100%;
height: auto;
min-width: 300px;
}

#content
{
clear: both;
height: auto;
width: auto;
max-height: auto;
min-height: 1 em;

}


#contentbox
{
height: auto;
width: auto;
max-height: auto;
font-family: Arial;
color: black;
font-size: 1.1em;
}

#cb_small
{
width: 25%;
min-width: 300px;
max-width: 350px;
float: left;
margin-right: 1em;
}

#footer
{
min-height: 10px;
clear: both;
height: auto;
width: 100px;
background: #ffffff;
}

#footerbox1
{
height:auto;
width: auto;
background: #ffffff;
font-size: 1em;
}

.box {
	width:auto;
	height:auto;
	background:#FFF;
	margin:auto auto;
}
/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}