﻿/* Import CSS Files */
@import url(/assets/css/reset.css);

@media screen {
	/* Framework */
	html {
	}

	body {
		margin: 0; padding: 0;
		background: #4b90cd url(./images/bg_body.gif) repeat-x;
	}

	/* Page Container */
	#wrapper {
		margin: 0 auto; padding: 0 28px 0 30px;
		width: 896px;
		background: url(./images/bg_wrapper.jpg) no-repeat;
	}

	#masthead {
		width: 896px;
		height: 262px;
		float: left;
		text-indent: -999em;
	}
	
	/* E-Newsletter */
	#masthead #newsletter-signup {
		margin: 110px 0 0 75px; padding: 10px;
		width: 270px;
		clear: both;
		float: left;
		text-indent: 0;
		background: #e4e4c0;
		border: solid 2px #4b90cd;
	}

	#newsletter-signup label {
		display: none;
	}

	#newsletter-signup .email-input {
		margin: 0; padding: 3px;
		width: 210px;
		font-size: 100%;
		color: #333;
		border-top: 1px solid #7c7c7c;
		border-left: 1px solid #c3c3c3;
		border-right: 1px solid #c3c3c3;
		border-bottom: 1px solid #eee;
		background: #fff;
	}
	
	#newsletter-signup .submit {
		padding: 2px 7px;
		width: auto;
		overflow: visible;
		cursor: pointer;
		text-transform: uppercase;
		font-size: 90%;
		font-weight: bold;
		color: #eee;
		border: 1px solid #7a9eb4;
		background: #666;
	}
	
	#icon-facebook,
	#icon-twitter {
		margin-top: 15px;
		padding: 0;
		display: block;
		float: left;
		width: 30px;
		height: 30px;
		text-indent: -999em;
	}
	
	#icon-facebook {
		margin-left: 16px;
		background: url(./images/icon_facebook.gif) no-repeat 0 0;
	}

	#icon-twitter {
		margin-left: 10px;
		background: url(./images/icon_twitter.gif) no-repeat 0 0;
	}

	/* Main Content Wrapper */
	#contentwrapper {
		padding: 5px 25px 30px 25px;
		float: right;
		width: 656px;
		min-height: 375px;
		background: #ffc;
	}

	/* 2 Column Layout */
	.column-2 {
		width: 303px;
		float: left;
	}

	.column-2.first {
		padding-right: 25px;
	}

	.column-2.second {
		padding-left: 25px;
	}

	#footer {
		padding: 40px 0 50px 190px;
		float: left;
		width: 706px;
		font-size: 10px;
		text-align: center;
		text-transform: uppercase;
		color: #ffc;
	}
	
	span#gt_phone-number {
		display: block;
		float: left;
		width: 190px;
		height: 25px;
		text-indent: -999em;
		background: url(./images/gt_phone-number.gif) no-repeat 0 0;
	}

	#footer a {
		color: #ffc;
	}
}

/* Generics */
.display-block {
	display: block;
}

.display-inline {
	display: inline;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear-both {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.float-left {
	float: left;	
}

.float-right {
	float: right;
}

.add-top-margin {
	margin-top: 15px;
}

.add-top-padding {
	padding-top: 15px;
}

.img-left {
	padding: 0 10px 10px 0;
	float: left;
}

.img-right {
	padding: 0 0 10px 10px;
	float: right;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.hide {
	display: none;
}

.show {
	display: block;
}