/*
Project: Project Name
File: css/style.css
*/

/*  Main  */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #e2e2f5 url(../images/page-bg.gif) repeat-x left top;
}

#wrapper {
	margin:0 auto;
	width:940px; /*  Change to desired width :)  */
}
#page-header { margin-top:40px; }
a#logo {
	background: url(../images/img-logo.gif) no-repeat left top;
	display:block; width:241px; height:92px; float:left; 
}
/*ul#page-nav { float:right; margin-top:4px; width:auto; height:38px;  }
ul#page-nav li { float:left; }
ul#page-nav li ul li { float:none;}
ul#page-nav li a{ display:block; height:30px; border-right:solid 1px #0b903a;}
ul#page-nav li a.home {
	width:53px; text-indent:-9999px; float:left; padding:0px 14px;
	background: url(../images/nav/home.gif) no-repeat center top;
}
ul#page-nav li a.ps {
	width:207px; text-indent:-9999px; float:left; padding:0px 4px;
	background: url(../images/nav/ps.gif) no-repeat center top;
}
ul#page-nav li a.about {
	width:81px; text-indent:-9999px; float:left; padding:0px 14px;
	background: url(../images/nav/about.gif) no-repeat center top;
}
ul#page-nav li a.contact {
	width:95px; text-indent:-9999px; float:left; padding:0px 0px 0px 14px;
	background: url(../images/nav/contact.gif) no-repeat right top; border:none;
}
ul#page-nav li a:hover, ul#page-nav a.m-active { background-position:center -30px;}
ul#page-nav li a.contact:hover { background-position:right -30px;}
ul#page-nav li a.active { background-position:center -60px;}
ul#page-nav li a.cactive { background-position:right -60px;}
*/
#page-header .phone { color:#939598; float:right; font-size:16px; width:600px; text-align:right; margin-top:14px;}
#page-header .phone span { color:#42c500; font-weight:bold;}

#page-header .login { 
	color: #939598;
    font-size: 14px;
    margin-top: -20px;
    position: absolute;
    text-align: right;
    width: 940px;
}

#page-banner {
	height:424px;
	clear:both;
	margin:24px 0;
	background: url(../images/home-banner.jpg) no-repeat left top;
}
#page-content { color:#2c3749; padding-bottom:24px; font-size:14px; line-height:22px; clear:both;}
#page-content p { margin-bottom:24px;}
a.about-vtech {
	background: url(../images/btn-about-vtech.gif) no-repeat left top;
	height: 105px;	width: 309px; float:left; margin-right:21px;
}a.about-vtech:hover { background-position:left -105px;}

.vachievement{background: url(../images/img-vachievement2.png) no-repeat left top;
	height: 105px;	width: 90px; float:left; margin-right:23px;}

.cert-black{background: url(../images/img-cert-black.png) no-repeat left top;
	height: 105px;	width: 167px; float:left; margin-right:21px;}

a.contact-rquote {
	background: url(../images/btn-contact-rquote.gif) no-repeat left top;
	height: 105px;	width: 309px; float:left;
}a.contact-rquote:hover {background-position:left -105px;}

#page-footer { border-top:solid 1px #c1c1ce; padding:20px 0 30px 0; margin-top:18px;}
#page-footer .col1 { width:auto; float:left; color:#6f6f81; line-height:18px; margin-right:20px;}
#page-footer .col2 { width:auto; float:left; color:#6f6f81; line-height:18px;}
#page-footer strong { color:#333333;}
#page-footer a { color:#0057e6; text-decoration:none;}
#page-footer .links { float:right; text-align:right; color:#43c600;}
#page-footer .links a { color:#0057e6; text-decoration:none; padding:0 4px;}
#page-footer .links a.last { padding-right:0;}
#page-footer .links .copy{ font-size:11px; color:#6f6f81; margin-top:8px;}
#page-footer a:hover { text-decoration:underline; color:#287c00;}
#page-footer .links .vantechs{ font-size:11px; color:#8d8d9a; margin-top:14px;}
#page-footer .links .vantechs a { padding:0; color:#3477e4;}

.login a:link, .login a:visited {
	color:#CCC;
	text-decoration:none;
}

.login a:hover, .login a:active {
	color:#FFF;
	text-decoration:underline;
}