html,body {	
    margin: 0;	
    padding: 0;
    height: 100%; 
    background: white;		
    color: #666;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
}

#wrapper {
	position: relative; 
	margin: 0 auto; 
	background: white;
	height: auto !important; 
	height: 100%; 
	min-height: 100%; 
	display: block;
    width: 100%;
}

#page {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    margin: 20px auto 0;
    min-height: 300px;
    padding-bottom: 253px;
    position: relative;
}

.sectionIdentifier {
    display: none;
}

#navigation {
	float: right;
}

#content {
	background-color: #ffffff;
	float: right;
}

#main {
    background-color: #ffffff;
    float: left;
}

#rightside {
	background-color: white;
	float: right;
}

#header_wrapper {
    background-color: #7eb9a5;
    width: 100%;
}

#header {
	margin: 0 auto; 
    height: 200px;
    background-color: #c8c8c8;
}

#header_area {
    margin-top: 25px;
    float: right;
    height: 150px;
}

#footer_wrapper {
    background-color: #7eb9a5;
    bottom: 0;
    height: auto;
    position: absolute;
    width: 100%;
}

#footer {
    background-color: #7eb9a5;
    margin: 0 auto;
    padding: 60px 0;
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    width: 100%;
}


/*-------------------WIDTHS---------------------*/

.pageWidth {
	width: 1275px;
}

.clm1 {
    width: 250px;
}

.clm2 {
    width: 502px;
}

.clm3 {
    width: 753px;
}

.clm4 {
    width: 1004px;
}

.clm5 {
    width:  1255px;
}

.clm0 {
    width:  100%;
}

/*Media query 1 ++++++++++++++++++++*/

@media screen and (max-width:1274px){

.pageWidth {
	width: 1024px;
}

}

/*Media query 2 ++++++++++++++++++++*/

@media screen and (max-width:1023px){

.pageWidth {
	width: 768px;
}
#navigation {
    display: none;
}
.clm1 {
    width: 480px;
}
#header_area {
    width: 250px;
}
}

/*Media query 3 ++++++++++++++++++++*/

@media screen and (max-width:767px) {

.pageWidth {
    width: 480px;
}

}

/*Media query 4 ++++++++++++++++++++*/

@media screen and (max-width:479px){

.pageWidth {
	width: 360px;
}
.clm1 {
    width: 360px;
}
}