@charset "utf-8";
/* 
	CSS Document 

	Created by Martin Rusak
	E-Mail: martin@rusakmedia.ca
	  
	You can do whatever you want with this layout,
	but it would be greatly appreciated if you linked 
	back to http://www.rusakmedia.ca
	  
*/


/* Layout Section */
#wrapper { 
	margin			: 	0px auto 0px auto;
	width			: 	942px;
}

#header {
	width			: 	922px;
	height			: 	110px;
	margin			: 	0px auto 0px auto;
}

#logo {
	float			: 	left;
	background		: 	url(../images/logo.png) no-repeat;
	height			: 	100px;
	width			: 	400px;
}

#navigation {
	float			: 	right;
	width			: 	450px;
	margin			: 	0;
}

#slogan {
	width			: 	922px;
	height			:	50px;
	border			:	1px solid #373737;
	margin			: 	0 auto;
	background		: 	#272727;
	color			: 	#999;
}

#salePromo {
	position		:	absolute;
	margin			: 	-30px 0px 0px 720px;
	width			:	225px;
	height			:	200px;
	background		: 	url(../images/sale.png) no-repeat;
}

#cu3erBorder {
	float			: 	left;
	width			: 	942px;
	height			: 	422px;
	margin			:	10px 0 0 0;
	padding			:	6px 16px;
	background		: 	url(../images/cu3erBG.png) no-repeat;
}

#cu3erContainer {
	width			: 	910px;
	height			: 	400px;
	outline			:	none;
}

#indexContent{
	font-size		:	15px;
	margin			:	0;
	padding			: 	0 10px 30px 10px;
}

#leftColumn { 
	margin			: 	0;
	padding			: 	10px 10px 30px 10px;
	width			: 	578px;
	float			: 	left;
}

#innerLeft {
	float			: 	left;
	width			: 	290px;
	padding			: 	5px;
}


#innerMid {
	float			: 	left;
	width			: 	290px;
	padding			: 	5px;
}

#innerRight {
	float			: 	right;
	width			: 	290px;
	padding			: 	5px;
}

#rightColumn { 
	float			: 	right;
	margin			: 	0;
	padding			: 	10px;
	width			: 	300px;
	display			: 	inline;
}

#portfolioLeft {
	float			: 	left;
	margin			: 	0;
	width			: 	265px;
}

#portfolioRight {
	float			: 	right;
	margin			: 	0;
	width			: 	265px;
	display			: 	inline;
}

#footer { 
	clear			: 	both;
 	border-top		: 	1px solid #E6E6E6;
 	background		: 	#F5F5F5;
 	margin			:	0;
}

#footerWrapper { 
	margin			: 	0 auto;
	width			: 	922px;
}

#footerLeftColumn { 
	margin			: 	10px 0 0 0;
	padding			: 	10px;
	width			: 	180px;
	float			: 	left;
}

#footerLeftMiddle { 
	margin			: 	10px 0 0 0;
	padding			: 	10px;
	width			: 	180px;
	float			: 	left;
}

#footerRightMiddle { 
	margin			: 	10px 0 0 0;
	padding			: 	10px;
	width			: 	180px;
	float			: 	left;
}

#footerRightColumn { 
	margin			: 	10px 0 0 0;
	padding			: 	10px;
	width			: 	300px;
	float			: 	left;
}

#subFooter { 
	clear			: 	both;
	height			:	90px;
 	color			: 	#999;
 	background		: 	#222;
	border-top		: 	1px solid #323232;
 	margin			:	0;
 	padding			: 	10px;
}

#innerSubfooter { 
	clear			:	right;
	margin			: 	0 auto;
	width			: 	922px;
	text-align		:	right;
	color			:	#666;
	padding			:	25px 0 0 0;
	font-size		: 	11px;
	line-height		:	normal;
	background		: 	url(../images/logo3d.png) no-repeat;
	height			:	65px;
}

/* Navigation */
#navigation ul {
	float			:	right;
	margin			:	0;
}
	
#navigation ul li {
	float			:	left;
	width			:	80px;
	line-height		:	95px;
	position		:	relative;
	display			:	block;
	color			:	#666;
}
	
#navigation ul li a {
	height			:	95px;
	position		:	relative;
	font-size		:	12pt;
	text-align		:	center;
	display			:	block;
	color			:	#999;
	text-decoration	:	none;
	z-index			:	99;
}
	
#navigation ul li a:hover {
	color			:	#CCC;
}
	
#navigation ul li a.jquery:hover {
	background		:	url('../images/hover.png');
}
	
#nav li .hover {
	height			:	95px;
	width			:	80px;
	position		:	absolute;
	top				:	0;
	left			:	0;
	background		:	url('../images/hover.png');
	display			:	none;
	z-index			:	0;
	}
	
.active {
	background		:	url('../images/active.png');
	}



/* Style Section */
.quote {
	float			: 	right; 
	padding			:	8px 8px 0 0;
}

.sloganText {
	color			:	#666;
	font-size		: 	11px;
}

.colorText {
	color			:	#4A80B9;
	font-weight		:	bold;
}

.colorTextSmall {
	color			:	#4A80B9;
	font-size		:	11px;
}


.heading {
	margin			: 	10px 0 0 0;	
	font-size		:	18px;
}

.pageHeading {
	margin			: 	5px 0 30px 10px;	
	font-size		:	32px;
}

.mainHeading {	
	color			:	#4A80B9;
	font-size		:	32px;
}

.boldText {
	color			:	#4A80B9;
	font-weight		:	bold;	
}

.subheading {
	margin			: 	0;	
	font-size		:	11px;
}

.newsheading {
	color			:	#4A80B9;
	margin			: 	20px 0 5px 0;
}

.footerheading {
	margin			: 	0;
}

.portfolioImage {
	padding 		:	3px;
	border			:	1px solid #E6E6E6;
}

.mainImg {
	padding 		:	3px;
	border			:	1px solid #E6E6E6;
}

#sloganLG {
	text-align		: 	center;
}

#SaleBlurb {
	text-align		: 	center;
	color			:	#4A80B9;
	font-size		:	18px;
	margin			:	0;
	padding			: 	10px 10px 0px 10px;
	font-weight		:	bold;
	
}

#indexContent a, #indexContent a:active, #indexContent a:visited, #leftColumn a, #leftColumn a:active, #leftColumn a:visited, #rightColumn a, #righColumn a:active, #righColumn a:visited {
	color			:	#4A80B9;
	text-decoration	: 	none;
}

#indexContent a:hover, #leftColumn a:hover, #rightColumn a:hover {
	color			: 	#333;	
}

#innerSubfooter a, a:active, a:visited {
	color			:	#666 ;
	text-decoration	: 	none;	
}

#innerSubfooter a:hover {
	color			: 	#4A80B9;
}

#footer a, a:active, a:visited {
	color			:	#4A80B9;
	text-decoration	: 	none;	
}

#footer a:hover {
	color			: 	#666;
}

.quoteImg {
	cursor			:	pointer;
}

h2 {
	font-size		: 	15px;
	font-weight		:	normal;
	padding			:	7px 10px 0 10px;
	margin			:	0;
	line-height		:	normal;
}

h1 {
	font-size		: 	18px;
	margin			:	0;
}

#footer ul {
	margin			:	10px 0 0 0;
	padding			:	0;
}

#footer ul li {
	list-style		:	none;
	margin			:	0;
	padding			:	2px 0;
}

#leftColumn h4 {
	margin			:	0 0 5px 0;
}

#rightColumn p {
	margin			:	0;
	padding:0;
}

.serviceLists {
	color			:	#4A80B9;
	list-style		:	square;
}

/* Misc Section */
.clear { 
	float			: 	left; 
	width			: 	1px; 
}

img {
	border			:	none;
	outline			:	none;
}

.spacer{clear:both; height:1px;}
/*  My Form */
.myform{
	width			:	550px;
	padding			:	14px;
	
}

/* Stylized */
#formwrapper {
	position		:	relative;
}

#stylized {
	border			: 	1px solid #ddd;
	background		: 	#F0F8FF;
}

#stylized h1 {
	font-size		:	14px;
	font-weight		:	bold;
	margin-bottom	:	8px;
}

#stylized p {
	font-size		:	12px;
	color			:	#666666;
	margin-bottom	:	20px;
	border-bottom	:	solid 1px #4A80B9;
	padding-bottom	:	10px;
}

#stylized label {
	display			:	block;
	font-weight		:	bold;
	text-align		:	right;
	width			:	180px;
	float			:	left;
	line-height		:	normal;
	color			:	#333;
}

#stylized .small {
	color			:	#666;
	display			:	block;
	font-size		:	11px;
	font-weight		:	normal;
	text-align		:	right;
	width			:	180px;
}

#stylized input {
	float			:	left;
	font-size		:	12px;
	padding			:	4px 2px;
	border			:	solid 1px #4A80B9;
	width			:	301px;
	margin			:	2px 0 20px 10px;
}

#stylized select {
	float			:	left;
	font-size		:	12px;
	padding			:	4px 2px;
	border			:	solid 1px #4A80B9;
	width			:	307px;
	margin			:	2px 0 20px 10px;
}

#stylized textarea {
	float			:	left;
	font-size		:	12px;
	padding			:	4px 2px;
	border			:	solid 1px #4A80B9;
	width			:	301px;
	margin			:	2px 0 20px 10px;
	font-family		:	Arial, Helvetica, sans-serif;
}

#stylized button {
	clear			:	both;
	margin-left		:	190px;
	width			:	113px;
	height			:	31px;
	background		:	#4A80B9;
	text-align		:	center;
	color			:	#FFFFFF;
	font-size		:	11px;
	font-weight		:	bold;
	cursor			:	pointer;
}

#errorContact {
	border			: 	1px solid #F00;
	background		:	#FFECEC;
	color			:	#F00;
	visibility		:	hidden;
	height          :	1px;
	text-align		:	center;
}

#sentContact {
	border			: 	1px solid #8CB600;
	background		: 	#EFF7E8;
	color			:	#8CB600;
	height          :	25px;
	text-align		:	center;
}

#senterrorContact {
	border			: 	1px solid #F00;
	background		: 	#FFECEC;
	color			:	#F00;
	height          :	25px;
	text-align		:	center;
}

#errorMsgContact {
	position		:	absolute;
	height          :	35px;
	text-align		:	center;
	width			:	310px;
	background		: 	url(../images/errorBG2.png) no-repeat;
	z-index			:	99;
	left			:	214px;
	visibility		:	hidden;
	color			:	#F00;
	padding			:	3px 0 0 0;
}