/* reset styles
---------------------------------------------*/ 
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }




/* master styles
--------------------------------------------- */
body{  margin: 0; padding:0px; font-family:arial;  background:url(../images/bg.gif) repeat-x left bottom;}




/* page structure
--------------------------------------------- */
#mainwrapper{ width: 100%; float:left; }
#wrapper{ width: 1000px; margin: 0 auto; position:relative; padding-top: 16px;}
.toparea { width:100%; float:left;}
.logoarea { float:left; padding-top:2px; padding-left:30px;}
.rhtarea { float:right; padding-right:5px;}


.social_icon { float:left; width:384px; }
#vertical {
	/*margin:50px auto;*/
	/*width:117px;*/
	float:left;
}
#vertical div {
	margin-right:10px;
	float:left;
	width:40px;
	height:40px;
	/*border:1px solid #999;*/
	position:relative;
	overflow:hidden;
}
#vertical div.last { margin-right:0px;}
#vertical img {
	position:absolute;
}

.midarea { float:left; width:100%; padding-top:37px; padding-bottom:30px;}
.midarea_lft { float:left; margin-right:20px; background:url(../images/img1.jpg) no-repeat left top; width:543px; height:431px;}
.midarea_lft ul { list-style-type:none; padding:0px; margin:0px;}
.midarea_lft ul li { list-style-type:none; padding:0px; margin:0px; width:543px; height:431px;}
.midarea_lft ul li a { float:left; width:543px; height:431px;}
.midarea_rht { float:right; width:39%; padding-top:30px;}
h1 { overflow:hidden; padding:0px; margin:0px; font-family:arial; font-size:24px; color:#8b8d93; font-weight:normal;}
h2 { overflow:hidden; padding:0px 0px 16px 0px; margin:0px 0px 0px -3px; font-family:arial; font-size:58px; color:#2a2a2b; font-weight:normal; line-height:45px; position:relative;}
p { overflow:hidden; padding:0px 0px 60px 0px; margin:0px; font-family:arial; font-size:16px; line-height:20px; color:#646568; font-weight:normal;}

.btnarea { float:left; padding-right:15px; }

#footer { width:100%; background:#f5f4f1; height:48px; padding-top:10px; float:left; }

#footerwrapper { margin:0 auto; width:1000px;}
.footerbx { float:right; text-align:right; font-family:arial; color:#444641; font-size:11px; line-height:20px; padding-right:5px; }
.footerbx a {font-family:arial; font-size:13px;  color:#444641; font-weight:normal; text-decoration:none; }
.footerbx a:hover{ color:#ee1d25;}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 768px) {
body{  margin: 0; padding:0px; font-family:arial;  background:url(../images/bg.gif) repeat-x left bottom;}

#wrapper{ width: 310px; margin:0 auto; padding-left:10px;}
#footerwrapper { width:310px; }
.midarea { padding-bottom:10px;}
.midarea_lft { float:left; width:310px; height:238px; text-align:center; background:url(../images/img2.jpg) no-repeat left top;}
#footerwrapper { width:320px;}
.midarea_rht { width:100%; padding-top:0px;}
.btnarea { float:left; padding-right:5px; }
.rhtarea { float:left; padding-top:8px;}
h2 { font-size:40px;}
.logoarea { padding-left:0px;}
}



/*img.scale-with-grid {
max-width: 100%;
height: auto; }*/