/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (min-width: 480px) and (max-width: 750px) {
	
	body {
 width:100% !important;
 background:  url("images/bk.png") repeat-x !important;
	}
	
#outer {
    width: 480px;

}
#menu {
background:  url("images/mlogo.png") no-repeat !important;
    border: 0 none !important;
    float: left !important;
    height: 168px !important;
    left: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    position: relative !important;
    text-align: center !important;
    width: 480px !important;
    z-index: 9999 !important;
}

.reg {
    background-color: #00477B !important;
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 3px 3px 3px 0 !important;
    float: left !important;
    height: 30px !important;
	position:absolute !important;
    margin-top: 80px !important;
    width: 160px !important;
}
.headerhomemenu {
    border: 0 none !important;
    float: right !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: 200px !important;
    width: 420px !important;
    z-index: 99999 !important;
}
.reg {
    background-color: #00477B !important;
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 3px 3px 3px 0 !important;
    float: right !important;
    height: 30px !important;
    margin-left: 76px !important;
    margin-top: 143px !important;
    width: 160px !important;
}
.facebook {
    float: left !important;
    height: 35px !important;
    left: 354px !important;
    position: absolute !important;
    top: 159px !important;
}
#flashhome-container {
    display: none !important;
    margin: 0 auto;
  
}
#flashhome {
    float: left !important;
    height: 419px !important;
    left: 0;
    margin-left: -27px;
    margin-right: auto;
    padding: 0;
    position: absolute;
    top: 168px;
    width: 480px !important;
    z-index: 1;
}
.headerhomemenu {
    border: 0 none;
    float: left !important;
    height: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 135px;
    width: 425px !important;
    
}

#video-feature {
    float: left !important;
    height: 419px !important;
    margin-left: 71px !important;
    margin-top: 90px !important;
    position: relative  !important;
    width: 319px  !important;
}
#features {
    float: left !important;
    right: 0 !important;
    width: 319px !important;
	margin-left: 95px !important;
}

#primarycontent {
    float: left !important;
    min-height: 100% !important;
    padding-bottom: 30px !important;
    position: relative !important;
    width: 290px !important;
	margin-left: 95px !important;
}

#secondarycontent {
    float: left !important;
    height: 100% !important;
    margin-bottom: 10px !important;
    padding: 0 20px 75px 0 !important;
    position: relative !important;
    width: 290px  !important;
	margin-left: 95px !important;
}
#inner {
    float: left  !important;
    margin: 0 auto !important;
    min-height: 100%  !important;
    overflow: auto  !important;
    padding: 15px 0 129px !important;
    position: relative !important;
    width: 480px !important;
    z-index: 3 !important;
}
#footer .product {
    bottom: 0 !important;
    display: none !important;
    float: left !important;
    height: 190px !important;
    left: 0 !important;
    position: absolute !important;
    width: 194px !important;
    z-index: 0 !important;
}

#footer .content {
    margin: 0 auto !important;
    position: relative !important;
    text-align: center !important;
    width: 480px !important;
    z-index: 9999 !important;
}
#footer {
    background: url("images/ssl-footerbg_20.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    clear: both !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    height: 129px !important;
    margin-top: -129px !important;
    position: relative !important;
    width: 100% !important;
}
#footer .content .footergreen {
    font: 16px 'EuroCapsRegular',Arial,sans-serif !important;
    padding: 1px 0 0 !important;
}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	
	body {
 width:100% !important;
 background:  url("images/bk.png") repeat-x !important;
	}
	
#outer {
    width: 320px;

}
#menu {
background:  url("images/mlogo.png") no-repeat !important;
    border: 0 none !important;
    float: left !important;
    height: 168px !important;
    left: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    position: relative !important;
    text-align: center !important;
    width: 320px !important;
    z-index: 9999 !important;
}

.reg {
    background-color: #00477B !important;
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 3px 3px 3px 0 !important;
    float: left !important;
    height: 30px !important;
	position:absolute !important;
    margin-top: 80px !important;
    width: 160px !important;
}
.headerhomemenu {
    border: 0 none !important;
    float: right !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: 200px !important;
    width: 320px !important;
    z-index: 99999 !important;
}
.reg {
    background-color: #00477B !important;
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 3px 3px 3px 0 !important;
    float: right !important;
    height: 30px !important;
    margin-left: 76px !important;
    margin-top: 143px !important;
    width: 160px !important;
}
.facebook {
    float: left !important;
    height: 35px !important;
    left: 354px !important;
    position: absolute !important;
    top: 159px !important;
}
#flashhome-container {
    display: none !important;
    margin: 0 auto;
  
}
#flashhome {
    float: left !important;
    height: 419px !important;
    left: 0;
    margin-left: -27px;
    margin-right: auto;
    padding: 0;
    position: absolute;
    top: 168px;
    width: 320px !important;
    z-index: 1;
}
.headerhomemenu {
    border: 0 none;
    float: left !important;
    height: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 135px;
    width: 320px !important;
    
}

#video-feature {
    float: left !important;
    height: 419px !important;
    margin-left: 71px !important;
    margin-top: 90px !important;
    position: relative  !important;
    width: 319px  !important;
}
#features {
    float: left !important;
    right: 0 !important;
    width: 319px !important;
	margin-left: 95px !important;
}

#primarycontent {
    float: left !important;
    min-height: 100% !important;
    padding-bottom: 30px !important;
    position: relative !important;
    width: 290px !important;
	margin-left: 95px !important;
}

#secondarycontent {
    float: left !important;
    height: 100% !important;
    margin-bottom: 10px !important;
    padding: 0 20px 75px 0 !important;
    position: relative !important;
    width: 290px  !important;
	margin-left: 95px !important;
}
#inner {
    float: left  !important;
    margin: 0 auto !important;
    min-height: 100%  !important;
    overflow: auto  !important;
    padding: 15px 0 129px !important;
    position: relative !important;
    width: 320px !important;
    z-index: 3 !important;
}
#footer .product {
    bottom: 0 !important;
    display: none !important;
    float: left !important;
    height: 190px !important;
    left: 0 !important;
    position: absolute !important;
    width: 194px !important;
    z-index: 0 !important;
}

#footer .content {
    margin: 0 auto !important;
    position: relative !important;
    text-align: center !important;
    width: 320px !important;
    z-index: 9999 !important;
}
#footer {
    background: url("images/ssl-footerbg_20.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    clear: both !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    height: 129px !important;
    margin-top: -129px !important;
    position: relative !important;
    width: 100% !important;
}
#footer .content .footergreen {
    font: 16px 'EuroCapsRegular',Arial,sans-serif !important;
    padding: 1px 0 0 !important;
}
}