/* Blue: #00335b */

/* Resets */
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.1
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h3,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
	/*line-height:1em;*/
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:400;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h3,h5,h6 {
    font-size:100%;
    font-weight:400;
}
q:before,q:after {
    content:'';
}
img {
	border:0;
}
input, textarea {
	font:inherit;
}

/* Master */
body {
	background:url(../images/clouds-pattern-bg.jpg) top left fixed;
	font-family:sans-serif;
}
#wrapper {
	width:920px;
	margin:0 auto;
}
a:hover {
	text-decoration:none;
}
/* Sup-header and Footer */
#sup-header, #footer {
	background:#00335b;
	color:#fff;
	height:35px;
	position:relative;
	font-size:16px;
}
#sup-header a, #footer a {
	color:#fff;
}
#sup-header .left, #footer .left {
	position:absolute;
	left:20px;
	top:9px;
}
#sup-header .right, #footer .right {
	position:absolute;
	right:20px;
	top:9px;
}
#footer .right a, #footer .right span {
	margin-left:10px;
}
/* Header */
#header {
	background:#fff;
	height:119px;
	position:relative;
}
#header .left {
	position:absolute;
	top:20px;
	left:20px
}
#header h1 a {
	text-indent:-9999px;
	display:block;
	width:401px;
	height:80px;
	background:url(../images/mywindowcompany-logo.png);
}
#header .right {
	position:absolute;
	right:20px;
	top:54px;
}
#header .right a {
	color:#00335b;
	font-size:22px;
	margin-left:20px;
}
/* Sub-header */
#sub-header {
	background:#00335b;
	color:#fff;
}
/* Main */
#main {
	background:#fff;
	color:#000;
	font-size:19px;
}
/* Link States */
#page-home .link-home, #page-tour .link-tour, #page-pricing .link-pricing, #page-signup .link-signup, #page-about .link-about, #page-contact .link-contact, #page-login .link-login {
	padding-left:20px;
	background:url(../images/white-arrow.png) no-repeat 0 2px;
	text-decoration:none;
	cursor:default;
}
#page-tour #header .link-tour, #page-pricing #header .link-pricing {
	padding-left:24px;
	background:url(../images/blue-arrow.png) no-repeat 0 3px;
}

/* Home */
#main {
	overflow:auto;
	height:100%;
}
#main p {
	line-height:1.25em;
}
#main a {
	color:#00335b;
}
#page-home #main .left, #page-home #main .middle, #page-home #main .right {
	float:left;
	width:280px;
	margin-top:20px;
	margin-bottom:20px;
}
#page-home #main .left, #page-home #main .right {
	margin-left:20px;
	margin-right:20px;
}
#page-home #main .left h3 {
	width:167px;
	height:28px;
	background:url(../images/staff-sub-title.png) no-repeat;
	text-indent:-9999px;
}
#page-home #main .middle h3 {
	width:209px;
	height:28px;
	background:url(../images/scale-sub-title.png) no-repeat;
	text-indent:-9999px;
}
#page-home #main .right h3 {
	width:245px;
	height:28px;
	background:url(../images/manage-sub-title.png) no-repeat;
	text-indent:-9999px;
}
#page-home #main img {
	margin:20px 0;
}
#page-home #sub-header {
	height:343px;
	position:relative;
}
#page-home #sub-header .left {
	position:absolute;
	top:20px;
	left:20px;
}
#page-home #sub-header .left h2 {
	width:424px;
	height:83px;
	background:url(../images/home-title.png);
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
}
#page-home #sub-header .left p {
	width:399px;
	height:83px;
	background:url(../images/home-intro.png);
	text-indent:-9999px;
	position:absolute;
	top:103px;
	left:0;
}
#page-home #intro-links {
	position:absolute;
	left:0;
	top:206px;
	font-size:25px;
}
#page-home #intro-link-tour {
	position:absolute;
	left:0;
	top:0;
	display:block;
	height:34px;
	width:316px;
	background:url(../images/home-intro-tour-bg.png);
	color:#00335b;
	padding:10px 0 0 10px;
}
#page-home #intro-link-signup {
	position:absolute;
	left:0;
	top:54px;
	display:block;
	height:34px;
	width:341px;
	background:url(../images/home-intro-signup-bg.png);
	color:#00335b;
	padding:10px 0 0 10px;
}
#page-home #intro-or {
	position:absolute;
	left:336px;
	top:10px;
	display:block;
}
#page-home #sub-header .right {
	position:absolute;
	top:20px;
	right:20px;
}
#page-home #sub-header .right a.shot {
	position:absolute;
	top:0;
	right:0;
}	
#page-home #sub-header .right a.caption {
	position:absolute;
	top:259px;
	right:0;
	font-size:16px;
	background:url(../images/home-intro-caption-bg.png);
	width:420px;
	height:29px;
	color:#00335b;
	display:block;
	padding:15px 0 0 10px;
}

/* Tour */
#page-tour #sub-header {
	height:86px;
	position:relative;
}
#page-tour #sub-header h2 {
	width:287px;
	height:46px;
	background:url(../images/tour-title.png);
	text-indent:-9999px;
	position:absolute;
	top:20px;
	left:20px;
}
#page-tour #main p, #page-tour #main img, #page-tour #main h3 {
	margin:20px;
}
#page-tour #main img {
	display:block;
}
#page-tour #main h3 {
	text-indent:-9999px;
	height:28px;
}
#page-tour #free-title {
	background:url(../images/free-sub-title.png) no-repeat;
	width:126px;
}
#page-tour #basic-title {
	background:url(../images/basic-sub-title.png) no-repeat;
	width:139px;
}
#page-tour #plus-title {
	background:url(../images/plus-sub-title.png) no-repeat;
	width:139px;
}
#page-tour #premium-title {
	background:url(../images/premium-sub-title.png) no-repeat;
	width:191px;
}
#page-tour #ultimate-title {
	background:url(../images/ultimate-sub-title.png) no-repeat;
	width:202px;
}

/* Pricing */
#page-pricing #sub-header {
	height:86px;
	position:relative;
}
#page-pricing #sub-header h2 {
	width:429px;
	height:46px;
	background:url(../images/pricing-title.png);
	text-indent:-9999px;
	position:absolute;
	top:20px;
	left:20px;
}
#page-pricing #main p {
	margin:20px;
}
#page-pricing #main table {
	margin:20px;
	display:block;
}
#page-pricing #main table span {
	padding-right:13px;
	background:url(../images/black-tick.png) no-repeat right top;
}
#page-pricing #main table td, #page-pricing #main table th.feature {
	font-size:0.75em;
	padding:5px 0;
}
#page-pricing #main table th.feature, #page-pricing #main table th.header {
	padding-left:10px;
}
#page-pricing #main table th {
	font-weight:bold;
}
#page-pricing #main table col#features {
	width:300px;
}
#page-pricing #main table col.plan {
	width:116px;
}
#page-pricing #main table tr.price {
	font-weight:bold;
}
#page-pricing #main table tr.signup {

}
#page-pricing #main table tr.signup a {
	display:block;
	background:url(../images/signup-bg.png);
	width:74px;
	height:21px;
	color:#fff;
	padding:5px 0 0 21px;
}
#page-pricing #main table tr.signup td {
}
#page-pricing #main table tr.alt {
	background:url(../images/row-grad.png) repeat-x center center;
}
#page-pricing #main table th.plan {
	color:#fff;
	background:#00335b;
	padding-top:10px;
	padding-bottom:10px;
}
/* About */
#page-about #sub-header {
	height:86px;
	position:relative;
}
#page-about #sub-header h2 {
	width:205px;
	height:46px;
	background:url(../images/about-title.png);
	text-indent:-9999px;
	position:absolute;
	top:20px;
	left:20px;
}
#page-about #main .left {
	width:620px;
	float:left;
}
#page-about #main .left p {
	margin:20px;
}
#page-about #main .right {
	width:280px;
	float:left;
}
#page-about #main .right img {
	display:block;
	margin:20px 0;
}

/* Contact */
#page-contact #sub-header {
	height:86px;
	position:relative;
}
#page-contact #sub-header h2 {
	width:239px;
	height:46px;
	background:url(../images/contact-title.png);
	text-indent:-9999px;
	position:absolute;
	top:20px;
	left:20px;
}
#page-contact #main .left {
	width:620px;
	float:left;
}
#page-contact #main .left p {
	margin:20px;
}
#page-contact #main .left label {
	display:block;
}
#page-contact #main .left input, #page-contact #main .left textarea {
	margin-bottom:20px;
	width:580px;
	display:block;
}
#page-contact #main .right {
	width:280px;
	float:left;
	padding:20px 0;
}
#page-contact #main .right p {
	margin:20px 0;
}
#page-contact #main h3 {
	text-indent:-9999px;
	height:28px;
}
#page-contact #post-title {
	background:url(../images/post-sub-title.png) no-repeat;
	width:63px;
}
#page-contact #phone-title {
	background:url(../images/phone-sub-title.png) no-repeat;
	width:87px;
}
#page-contact #fax-title {
	background:url(../images/fax-sub-title.png) no-repeat;
	width:45px;
}
#page-contact #email-title {
	background:url(../images/email-sub-title.png) no-repeat;
	width:84px;
}
#page-contact #direct-title {
	background:url(../images/direct-sub-title.png) no-repeat;
	width:83px;
	margin:20px;
}

/* Signup */
#page-signup #sub-header {
	height:86px;
	position:relative;
}
#page-signup #sub-header h2 {
	width:169px;
	height:46px;
	background:url(../images/signup-title.png);
	text-indent:-9999px;
	position:absolute;
	top:20px;
	left:20px;
}
#page-signup #main p {
	margin:20px;
}
#page-signup #main label.normal {
	width:140px;
	display:block;
	float:left;
	margin:0 20px 20px 0;
}
#page-signup #main input.text, #page-signup #main textarea, #page-signup #main select {
	width:280px;
	display:block;
	float:left;
	margin:0 20px 20px 0;
}
#page-signup #main input.button {
	width:280px;
	margin:0 20px 0 160px;
}
#page-signup #main span.CheckBox {
	margin:0 20px 20px 160px;
	display:block;
}
#page-signup #main span.CheckBox label {
	padding-left:20px;
}
#page-signup #main br {
	clear:both;
}
#page-signup #main h3 {
	text-indent:-9999px;
	height:28px;
	margin:20px;
}
#page-signup #your-details-title {
	background:url(../images/your-details-sub-title.png) no-repeat;
	width:167px;
}
#page-signup #your-company-details-title {
	background:url(../images/company-details-sub-title.png) no-repeat;
	width:323px;
}
#page-signup #credit-card-details-title {
	background:url(../images/credit-card-sub-title.png) no-repeat;
	width:323;
}
#page-signup #main .example {
	color:#999;
}

/* Login */
#page-login #sub-header {
	height:86px;
	position:relative;
}
#page-login #sub-header h2 {
	width:119px;
	height:45px;
	background:url(../images/login-title.png);
	text-indent:-9999px;
	position:absolute;
	top:20px;
	left:20px;
}
#page-login #main p {
	margin:20px;
}
#page-login #main label.normal {
	width:140px;
	display:block;
	float:left;
	margin:0 20px 20px 0;
}
#page-login #main input.text {
	width:280px;
	display:block;
	float:left;
	margin:0 20px 20px 0;
}
#page-login #main input.button {
	width:280px;
	margin:0 20px 0 160px;
}
#page-login #main span.CheckBox {
	margin:0 20px 20px 160px;
	display:block;
}
#page-login #main span.CheckBox label {
	padding-left:20px;
}
#page-login #main br {
	clear:both;
}