
@CHARSET "UTF-8";

/* some re-using layout classes */
.inner-content{
	width:960px;
	margin:0 auto;
}

/* Reset and modify of html elements */
html {margin:0;padding:0;border:0;}
html{
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
	font-size:16px;
}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;}
body {
	margin:0;
	background-color: #FFFFFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:1.4;
	color:#767676;
}
a img {border:none;}
:focus {outline:0;}
a:active{outline:0;}

form, input{margin:0;}


/* link */
a{
	text-decoration: none;
}
a:link{
	text-decoration: none;
	color: #adadad;
}
a:visited {
	text-decoration: none;
	color: #adadad;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
h1{font-size:2em;font-weight:bold;}
h2{font-size:1.5em;font-weight:bold;}
h3{font-size:1.3em;font-weight:bold;}
h4{font-size:1em;font-weight:bold;}
h1,h2,h3,h4{margin:0;padding:0;line-height:inherit;}
h1,h2,h3,h4{color:#F3536F;padding-bottom:10px;}

input, textarea, select, button {
	font-family:inherit;
	font-size:1em;
}
input[type=text], input[type=password], input.text, input.title, textarea{
	background:#fff;
	border:1px solid #ccc;	
	box-shadow:0 0 0 1px rgba(255, 255, 255, 0.3), 0 5px 10px -3px #DEDEDE inset;
	-moz-box-shadow:0 0 0 1px rgba(255, 255, 255, 0.3), 0 5px 10px -3px #DEDEDE inset;
	-webkit-box-shadow:0 0 0 1px rgba(255, 255, 255, 0.3), 0 5px 10px -3px #DEDEDE inset;
}



/* layout components */

/* header */
.header{
	width:100%;
	background-image:url(images/header_bg.gif);
	background-repeat:repeat-x;
	margin: 0 auto;
	z-index:2;
}
.header-drop-shadow{
	background:url(images/header_spacer.png);
	width:960px;
	height:20px;	
}
.nav {
	color:#adadad;
	font-weight:bold;
}

.sg-logo{
	background: url(images/logo.gif);
	width:233px;
	height:66px;
}
.sg-logo a{
	display:block;
	width:100%;
	height:100%;
}


/* body */
.body{
	position:relative;
	margin-bottom:20px;
}


.body-content.home{
	margin-top:-20px;
}

.front-banner{
	background:url(images/mainpage_bg.gif) 0 0 repeat-x;
	height:346px;
}
.front-banner .inner-content{
	padding-top:35px;
}
.front-banner .left{
	width:455px;
	float:left;
	margin-left:30px;
	padding-top:20px;
}
.front-banner .mainMsg{
	background:url(images/main_msg.png) 0 0 no-repeat;
	width:455px;
	height:108px;
}
.front-banner .right{
	margin-left:555px;
}
.front-banner .main-graphic{
	background:url(images/main.png) 0 0 repeat-x;
	height:323px;
	width:404px;
}
.front-lower{
	padding-top:20px;
}
.front-featuring .desc{
	width:263px;	
}
.front-featuring .desc p{
	height:90px;	
}

.box .tl{background:url(images/box_tl.gif);width:25px;height:42px;}
.box .tc{background:url(images/box_tc.gif);width:179px;height:42px;}
.box .top{background:url(images/box_t_bg.gif) repeat-x;width:100%;height:42px;}				
.box .tr{background:url(images/box_tr.gif);width:25px;height:42px;}

.box .bl{background:url(images/box_bl.gif);width:25px;height:25px;}
.box .bottom{background:url(images/box_b_bg.gif) repeat-x;width:100%;height:25px;}				
.box .br{background:url(images/box_br.gif);width:25px;height:25px;}

.box .left{background:url(images/box_l_bg.gif) repeat-y;width:25px;}
.box .right{background:url(images/box_r_bg.gif) repeat-y;width:25px;}

.box .center{background:url(images/box_c_bg_600.gif) repeat;}
.box .center400{background:url(images/box_c_bg_400.gif) repeat;}
.box .center60{background:url(images/box_c_bg_60.gif) repeat;}
.box .center80{background:url(images/box_c_bg_80.gif) repeat;}

.box .h60{height:60px;overflow:hidden;}
.box .h640{height:640px;}
.box .h400{height:400px;}


.feature-list h3{
	margin-top:0;
	color:#F3536F;
	font-size:1.4em;
}
.feature-list ul{
	margin:0;
	padding:0;
}

.feature-item{
	width:420px;
	height:104px;
}
.feature-item .feature-icons{
	width:120px;
}
.feature-item .feature-text{
	width:300px;
}

.feature-icons.feature1{background:url(images/feature1.gif) center no-repeat;height:71px;}
.feature-icons.feature2{background:url(images/feature2.gif) center no-repeat;height:55px;}
.feature-icons.feature3{background:url(images/feature3.gif) center no-repeat;height:69px;}
.feature-icons.feature4{background:url(images/feature4.gif) center no-repeat;height:66px;}
.feature-icons.feature5{background:url(images/feature5.gif) center no-repeat;height:62px;}
.feature-icons.feature6{background:url(images/feature6.gif) center no-repeat;height:41px;}
.feature-icons.feature7{background:url(images/feature7.gif) center no-repeat;height:39px;}
.feature-icons.feature8{background:url(images/feature8.gif) center no-repeat;height:73px;}
.feature-icons.feature9{background:url(images/feature9.gif) center no-repeat;height:69px;}
.feature-icons.feature10{background:url(images/feature10.gif) center no-repeat;height:71px;}
.feature-icons.feature11{background:url(images/feature11.gif) center no-repeat;height:67px;}


/* Why */
.why_nav {
	display:block;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	padding-left:10px;
}

.why_navBold {
	font-weight:bold;
	line-height:30px;
	padding-left:10px;
}

.why_highlight {
	color:#FFF;
	height:35px;
	font-weight:bold;
	background:url(images/highlight.gif) 0 0 no-repeat;
	padding-left:15px;
}


.why-nav-menu{
	width:240px;
}

.why-content{
	margin-left:240px;
}





/* footer */
.footer{

}


/* buttons */
.img-btn{
	border:0;
	line-height:0px !important;
	display:block;
	font-size:0px !important;
	text-indent:-5000px;
	text-transform:capitalize;
}
.login-btn{background:url('images/login_off.gif');width:79px;height:23px;}
.login-btn:hover{background:url('images/login_on.gif');}

.submit-btn{background:url('images/submit_off.png');width:114px;height:30px;}
.submit-btn:hover{background:url('images/submit_on.png');}

.submit-btn2{background:url('images/submit_off.gif');width:79px;height:23px;}
.submit-btn2:hover{	background:url('images/submit_on.gif');}

.lang-btn{background:url(images/language_off.gif);width:53px;height:18px;}
.lang-btn:hover{background:url(images/language_on.gif);}

.learnmore-btn{background:url(images/more_off.gif);width:67px;height:21px;}
.learnmore-btn:hover{background:url(images/more_on.gif);}




/* icons */
.sg-icon{
	display:block;
	display:inline-block !important;
}
.icon-verified{
	background:url(images/verified.png);
	width:31px;
	height:31px;	
}

.icon-why{
	background:url(images/main_why.gif);
	width:100px;
	height:100px;	
}
.icon-features{
	background:url(images/main_key.gif);
	width:120px;
	height:100px;	
}
.icon-mobile{
	background:url(images/main_mobile.gif);
	width:70px;
	height:100px;	
}

/* text styles */

.highlight {
	color:#000;
	padding-left:10px;
	/* 
	color:#f3536f;
	font-weight:bold;
	line-height:30px; 
	*/
}
.bold{
	font-weight:bold;
}
.micro{
	font-size:0.6em;
	line-height:0.6em;
}
.small{
	font-size:0.8em;
	line-height:0.8em;
}
.medium{
	font-size:1em;
	line-height:1em;
}
.large{
	font-size:1.5em;
	line-height:1.5em;
}


/* visual elements */

.spacer{
	background:url(images/header_spacer.png);
	width:960px;
	height:20px;	
}

.vspacer{
	background:url(images/v_spacer.gif);
	width:7px;
	height:300px;
}


/* textField */
.textfield-rc-l{
	background:url(images/field_l.png) 0 0;
	width:18px;
	height:30px;	
}

.textField1{
	font-size:14px;
	font-weight:bold;
	width:323px;
	height:28px;
	background-image:url(images/field_bg.gif) !important;
	background-repeat:repeat-x;
	box-shadow:none !important;
	border:0px !important;
}
.textField2{
	font-size:13px;
	width:280px;
	height:18px;
	border:1;
	margin-bottom:15px;
}

.textField3{
	font-size:13px;
	width:745px;
	height:18px;
	border:1;
	margin-bottom:15px;
	
}
.textField4{
	font-size:13px;
	width:750px;
	height:180px;
	border:1;
	margin-bottom:15px;
}


/* */

.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix{display:block;}

.rfloat{float:right;}
.lfloat{float:left;}
