/* CSS Document */

/*==========================

Brandon Pal
Palco Ltd.
http://www.palco.ca
Copyright 2009

Palo Website


Swatch colors
___________________

3366cc - color - use
999999 - color - use
6c9be1 - color - use
A34D01 - color - use
3366cc - color - use
0000ca - color - use
==========================*/


body{
	background-color:#fff;
	margin-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.3;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
}

#aboveHeaderHolder{
	background-color:#FFFFFF;
	margin:auto;
	width:800px;
	height:121px;
	overflow:hidden;
}

#holder{
	background-color:#FFFFFF;
	margin:auto;
	width:800px;
	min-height:723px;
	height:723px;
	height:auto;
}


#logo{
	position:relative;
	left:13px;
	top:11px;
	height:95px;
	width:366px;
}

#nav{
	position:relative;
	/*background-color:#3366cc;*/
	/*width:509px;*/
	height:19px;
	top:6px;
	float:right;
	text-align:right;
	z-index:2;
	/*margin-right:5px;*/
	padding-right:20px;
	padding-left:20px;
	overflow:hidden; 
	font-size:0.9em;
	font-weight:bold;
/*	-moz-border-radius-topleft:1ex;
	-moz-border-radius-topright:1ex;
	-webkit-border-top-left-radius:1ex;
	-webkit-border-top-right-radius:1ex;*/
}



/*-----------------------------------------------------------------------------------HEADER-----------------------------------------------------------------------------------*/
#headerHolder{
	position:relative;
	background-image:url(../imgs/marqueeBG.jpg);
	background-position:top left;
	background-repeat:repeat-x;	
	width:100%;
	border-top:#999999 2px solid;
	border-bottom:#999999 2px solid;
	height:177px;
	overflow:hidden;
/*	margin-top:25px;*/


}


#headerBar{
	position:relative;
	/*background-color:#3268cd;*/
	background-image:url(../imgs/headerBar.jpg);
	background-repeat:no-repeat;
	margin:auto;
	height:177px;
	width:800px;
	z-index:100;
}

#headerBarNav{
	/*background-color:#FFFF00;*/
	position:relative;
	float:left;
	width:220px;
	height:150px;
	top:15px;
	left:20px;
	margin-right:15px;
	overflow:hidden;
	vertical-align:middle;
}

.headerBarNavFullLinkHolder{
	height:24px;
	width:220px;
}

.headerBarNavFullImageHolder{
	float:left;	
	margin-right:10px;
	line-height:24px;
	
}


.headerBarNavFullTxtHolder{
	float:left;
	line-height:24px;
	color:#FFFFFF;
	font-size:1em;
	
}



#headerBarDavider{
	position:relative;
	float:left;
	margin-left:5px;
	width:5px;
	height:150px;
	top:10px;
}

#headerBarRightArea{
	position:relative;
	float:right;
	top:15px;
	right:5px;
	height:150px;
	width:519px;
	font-size:1.2em;
	text-align:center;
	overflow:hidden;
	color:#FFFFFF;
}

.headerWrapper {display:table;}

.cell {
	height:148px;
	width:519px;
	display:table-cell;
	vertical-align:middle;
}



/*-----------------------------------------------------------------------------------MAIN-----------------------------------------------------------------------------------*/

#mainArea{
	background-image:url(../imgs/mainAreaBG.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:800px;
	min-height:663px;
	height:663px;
	height:auto;
	overflow:hidden;
}

#contentArea{
	position:relative;
	/*top:-520px; /*===============HUGE SPACE ISSUE IS HERE===============*/
	/*left:259px;
	background-color:#3333CC;*/
	width:524px; 
	min-height:515px;
	height:515px;
	height:auto;
	font-size:.9em;
	overflow:hidden;
	float:right;
	margin-top:20px;
	margin-right:20px;
}	


#titleBar{
	position:relative;
	width:524px; 
	overflow:hidden;
	margin-top:27px;
	margin-left:240px;
	color:#A34D01;
	font-size:1.6em;
	font-weight:bold;
	font-style:italic;
	text-transform:lowercase;
	/*position:relative;
	background-color:#FF3300;
	width:478px;
	top:27px;
	float:left;
	margin-left:237px;
	color:#A34D01;
	font-size:1.6em;
	font-weight:bold;
	font-style:italic;
	margin-bottom:5px;
	text-transform:lowercase;*/
}

.title{
	font-size:1.6em;
	font-weight:bold;
	font-style:italic;
	text-transform:lowercase;
	color:#A34D01;

}

/*-----------------------------------------------------------------------------------LEFT AREA FLOAT-----------------------------------------------------------------------------------*/
#ghostLogo{
	position:relative;
	background-image:url(../imgs/ghostLogo.png);
	background-repeat:no-repeat;
	width:209px;
	height:280px;
	top:40px;/*62 */
	margin-left:10px;
	float:left;
}

#testimonials{
	clear:left;
	position:relative;
	width:209px;
	height:400px;
	top:33px;
	margin-left:10px;
	float:left;
	font-size:.9em;
	text-align:left;
	vertical-align:middle;
	overflow:hidden;
}

#news{
	/*background-color:#C00;*/
	clear:left;
	position:relative;
	width:214px;
	height:400px;
	top:15px;
	margin-left:10px;
	float:left;
	font-size:.9em;
	text-align:left;
	vertical-align:middle;
	overflow:hidden;
}

#leftQuadTop{
	position:relative;
	width:209px;
	height:280px;
	top:40px;/*62 */
	margin-left:10px;
	float:left;
}

#leftQuadBottom{
	clear:left;
	position:relative;
	width:209px;
	height:280px;
	top:33px;
	margin-left:10px;
	float:left;
	font-size:.9em;
	text-align:left;
	vertical-align:middle;
	text-align:center;
}


/*-----------------------------------------------------------------------------------BOTTOM FOOTER-----------------------------------------------------------------------------------*/

#bottomDavider{
	position:relative;
	width:772px;
	height:31px;
	margin:auto;
	text-align:right;
	/*border-bottom: #6c9be1 2px solid;*/
	margin-top:10px;
}


#bottomNavHolder{
	width:100%;
	height:177px;
	background-color:#0066B8;
	background-image:url(../imgs/marqueeBG.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}

#bottomNav{
	width:800px;
	height:31px;
	margin:auto;
	text-align:left;
	margin-top:5px;
}

.bottomNavContentLeft{
	float:left;
	width:200px;
	/*background-color:#33FF66;*/
}

.bottomNavContentMiddle{
	float:left;
	width:200px;
	/*background-color:#33FF66;*/
	margin-left:100px;
}

.bottomNavContentRight{
	float:right;
	width:200px;
	/*background-color:#33FF66;*/
}

.footerDavideLine{
	height:1px;
	width:200px;
	border-bottom: #FFFFFF dashed 1px;
}

/*-----------------------------------------------------------------------------------TEXT STYLES-----------------------------------------------------------------------------------*/

.rightAlign{
	text-align:right;
	font-style:italic;
	font-size:.9em;
	color:#666666;

}

.rightAlignQuotes{
	text-align:right;
	font-style:italic;
	font-size:.8em;
	color:#FFFFFF;
	margin-bottom:0px;
	margin-top:2px;

}
h1{
	color:#A34D01;
	font-size:1.2em;
	margin:0px;
	text-transform:lowercase;
}

h2, .subTitle{
	color:#A34D01;
	font-size:1em;
	font-style:italic;
	margin:0px;
	text-transform:lowercase;
}

.standOut{
	color:#A34D01;
	font-style:italic;
	font-size:1.1em;
}

.highlight{
	color:#A34D01;
	font-size:1.1em;
	font-style:italic;
}

.faqLine{
	width:524px;
/*	margin-left:8px;
	margin-right:8px;*/
	border-bottom: #6c9be1 1px dashed;
	text-align:right;
	font-size: .7em;	
	margin-bottom:15px;
	
}

.footerTitle{
	color:#A34D01;
	font-size:1em;
	font-style:italic;
	margin:0px;
	text-transform:lowercase;
	font-weight:bold;
}

.testimonialsName{
	font-size:.9em;
	font-style:italic;
	color:#666666;
}
/*
.subTitle{
	color:#A34D01;
	font-style:italic;
	margin:0px;
	font-weight:bold;
	text-transform:lowercase;

} */

blockquote p{
	text-indent:-0.5em; 
}

/*-----------------------------------------------------------------------------------Random Testimonials DIV--------------------------------------------------------------------------*/
.faqQuestion{
	color:#933;
}

/*-----------------------------------------------------------------------------------Random Testimonials DIV--------------------------------------------------------------------------*/
#rotating_items{
	position: relative;
}

#rotating_items h3{
	margin: 0px;
}
 
#rotating_items div.rotating_item{
	position: absolute;
}


/*-----------------------------------------------------------------------------------NAV-----------------------------------------------------------------------------------*/

.navItem{
	position:relative;
	height:19px;
	line-height:19px;
	float:right;
	margin-right:2px;
}

.navDavider{	
	position:relative;
	margin-left:3px;
	margin-right:3px;
	float:right;
}
/*-----------------------------------------------------------------------------------Infinite cousel--------------------------------------------------------------------------------*/

.samplesBoard{
	background-image:url(../imgs/board.jpg);
	width:500px;
	height:363px;
}

.carouselHolder{
	position:relative;
	/*background-color:#FFCC00;*/
	width:269px;
	height:176px;
	top:100px;
	left:78px;
}
/*---------------------------------------------------------------------------------------FORM------------------------------------------------------------------------------------------*/

/*URL: http://www.dynamicdrive.com/style/ */

.required{
	color:#1D6976;
}


.cssform p{
width: 500px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #6c9be1;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-transform:lowercase;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.SubmitButton {
	background-color:#2A66D4;
	border-style:none;
	border-width:1px 0 0;
	color:#FFFFFF;
	font-size:1.8em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:26px;
	line-height:normal;
	padding-bottom:33px;
	text-align:center;
	vertical-align:middle;
	width:120px;
	cursor:pointer;
	
}



/*-----------------------------------------------------------------------------------LINKS-----------------------------------------------------------------------------------*/

A:link {
	color:#3366cc;
	text-decoration:none;
}

A:visited {
	color:#3366cc;
	text-decoration:none;
}

A:hover {
	color:#3366cc;
	text-decoration:none;
/*	font-style:italic; */
}

A:active {
	color:#3366cc;
	/*text-decoration:underline;*/
}




A.navLinks:link {
	color:#2f6ecf;
}

A.navLinks:visited {
	color:#2f6ecf;
}

A.navLinks:hover {
	color:#0000ca;

}

A.navLinks:active {
	color:#0000ca;
}


A.subnavLinks:link {
	color:#FFFFFF;
}

A.subnavLinks:visited {
	color:#FFFFFF;
}

A.subnavLinks:hover {
	color:#0000ca;

}

A.subnavLinks:active {
	color:#0000ca;
}
	


.noBorder{
	border:none;
}