/*###################
##### CSS RESET #####
###################*/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin                  : 0;
	padding                 : 0;
	border                  : 0;
	outline                 : 0;
	font-size               : 100%;
	vertical-align          : baseline;
	background              : transparent;
}
body 
{
	line-height             : 1;
}
ol, ul 
{
	list-style              : none;
}
blockquote, q 
{
	quotes                  : none;
}
blockquote:before, blockquote:after,
q:before, q:after 
{
	content                 : '';
	content                 : none;
}

/* remember to define focus styles! */
:focus 
{
	outline                 : 0;
}

/* remember to highlight inserts somehow! */
ins 
{
	text-decoration         : none;
}
del 
{
	text-decoration         : line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table 
{
	border-collapse         : collapse;
	border-spacing          : 0;
}




/*####################
##### HTML, BODY #####
#####################*/ 

*
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    text-align              : left;
}
html,body 
{
	font-family				: Tahoma, Arial, Helvetica, sans-serif;
	font-size				: 14px;
	color					: #444;
	background				: #FFF url('/images/bkgrnd-body.gif') top left repeat-x;
	
	height                  : 100%;

}


/*###################
##### CONTAINER #####
###################*/
 
#container 
{
	margin                  : 0px auto 0px auto;
	padding                 : 0px 0px 0px 0px;
	width                   : 100%;	
	
	min-height              : 100%;
    position                : relative;

}

#containerInner 
{
	margin                  : 0px auto 0px auto;
	padding                 : 0px 0px 0px 0px;
	width                   : 940px;	
	height                  : auto;
}





/*######################################
##### FONTS, BULLET POINTS & LINKS #####
######################################*/
 
p
{
    padding                 : 5px 0px 5px 0px;
    line-height             : 1.5em;
}

h1
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 5px 0px 10px 0px;
    font-size               : 28px;
    line-height             : 1.0em;
    color                   : #333333;
    font-weight             : normal;
}	

/* BREADCRUMB TRAIL LINKS */
h1 span
{  
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    clear                   : both;
    font-size               : 12px; 
}
h1 span a,
h1 span a:hover
{
    color                   : #666 !important;
    font-weight             : normal !important;
    text-decoration         : underline !important; 
}
h1 span a:hover
{
    color                   : #333 !important;
}

h2
{
    padding                 : 10px 0px 5px 0px;
    font-size               : 20px;
    line-height             : 1.3em;
    color                   : #333;
    font-weight             : normal;
}	
h3
{
    padding                 : 10px 0px 0px 0px;
    font-size               : 18px;
    line-height             : 1.3em;
    color                   : #333;
    font-weight             : normal;
}
#content a
{
    color                   : #2885D0;
    text-decoration         : none;
}
#content a:hover
{
    color                   : #1E639B;
    text-decoration         : underline;
}	
#content ul
{
    margin                  : 0px 0px 10px 0px;
    padding                 : 0px 0px 0px 5px;
}
#content ul li, 
#content ul ul li
{
    padding                 : 5px 0px 5px 12px;
    line-height             : 1.4em;
}




/*################
##### HEADER #####
################*/ 

#headerWrapper 
{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width                   : 100%;
}
#header
{
	margin 					: 0px auto 0px auto;
	padding					: 0px 0px 0px 0px;
	width                   : 940px;
	height                  : 150px;
	position                : relative;
	
}
.headerLogo
{
	margin 					: 0px 0px 0px 650px;
	padding					: 0px 0px 0px 0px;
	width                   : 330px;
	height                  : 99px;
	float                   : right;
	border                  : none;
	position                : absolute;
	z-index                 : 1;
}



/*##################
#### NAVIGATION ####
##################*/ 

/* MAIN NAV */
#navMain ul
{
	margin 					: 0px 0px 0px 0px;
	padding					: 108px 0px 0px 0px;
	clear                   : both;
	height					: auto;
	list-style 				: none;
	font-family				: Tahoma, Arial, Helvetica, sans-serif;		
}
#navMain ul li
{
	display 				: inline;
}
#navMain ul li a
{
	margin					: 0px 4px 0px 0px;
	padding					: 7px 9px 0px 9px;
	position                : relative;
	display 				: block;
	float                   : left;
	color					: #999;
	text-decoration 		: none;
	line-height             : 1.2em;
	font-size 				: 16px;
	height 					: 25px;
	text-align              : center;
	font-weight             : normal;
	z-index                 : 999;	
	text-shadow             : 0px 2px 2px #333;
    background				: url('/images/bkgrnd-nav.gif') top left repeat-x !important;
    border-top-left-radius           : 10px;
	border-top-right-radius          : 10px;
    -moz-border-radius-topleft       : 10px;
	-moz-border-radius-topright      : 10px;
    -webkit-border-top-left-radius   : 10px; 
    -webkit-border-top-right-radius  : 10px;  
    
}
#navMain li a:hover, 
#navMain li a.selected
{
	text-decoration 		: none;
	color					: #CCC;  
    background				: url('/images/bkgrnd-nav.gif') center left repeat-x !important;
}
#navMain li a.selected
{
	background				: url('/images/bkgrnd-nav.gif') bottom left repeat-x !important;
    text-shadow             : none;
    color					: #333;  
    font-weight             : normal;
}




/*#################
##### CONTENT #####
#################*/

#contentWrapper
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	width                   : 100%;
    padding-bottom          : 320px;   /* Match height of the footer */
    position                : relative;
}
#content
{
	margin                  : 0px auto 0px auto;
	padding                 : 10px 0px 10px 0px;
	width                   : 940px;
	min-height              : 300px;
	position                : relative;
}

#contentRight
{
	margin                  : 10px 0px 10px 20px;
	padding                 : 0px 0px 0px 0px;
	width                   : 460px;	
	height                  : auto;
	float                   : right;
}





/*########################
##### CONTENT LAYOUT #####
########################*/
 
/* LAYOUT COLUMNS */
.colLeft,
.colRight
{
    margin                  : 0px 0px 20px 0px;
    padding                 : 0px 0px 0px 0px;
    width                   : 440px;
    display                 : block;
    float                   : left;
}
.colRight
{
    margin                  : 0px 0px 20px 50px;
}
.colWide
{
    margin                  : 0px 0px 20px 0px;
    padding                 : 0px 0px 0px 0px;
    clear                   : both;
    width                   : 100%;
    display                 : block;
    float                   : none;
}


/* IMAGES */
.imgLeft
{
    margin                  : 10px 20px 10px 0px;
    padding                 : 0px 0px 0px 0px;
    float                   : left;
    border                  : 1px solid #999;
}
.imgRight
{
    margin                  : 10px 0px 10px 20px;
    padding                 : 0px 0px 0px 0px;
    float                   : right;
    border                  : 1px solid #999;
}



/* LAYOUT HIGHLIGHT BOX */
.highlight
{
    margin                  : 20px 0px 20px 0px;
    padding                 : 15px 20px 15px 20px;
    display                 : block;
    background-color        : #8DB9DC;
    border-radius           : 10px;
    -moz-border-radius      : 10px;
    -webkit-border-radius   : 10px; 
}
.highlight h1,
.highlight h2, 
.highlight h3, 
.highlight p, 
.highlight em 
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 5px 0px;
    color                   : #FFF;
    line-height             : 1.3em;
}
.highlight hr 
{
    margin                  : 8px 0px 8px 0px;
    padding                 : 0px 0px 0px 0px;
    color                   : #FFF;
    border                  : none;
    height                  : 1px;
    border-bottom           : 1px dashed #FFF;
}




/*################
##### FOOTER #####
################*/ 

#footerWrapper 
{
	margin		 			: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	background				: #1B1B1B url('/images/bkgrndFooter.gif') top left repeat-x;
	
	position                : absolute;
    bottom                  : 0;
    width                   : 100%;
    height                  : 320px;   /* Height of the footer */

}
#footer
{
	margin		 			: 0px auto 0px auto;
	padding		 			: 0px 0px 0px 0px;
	width                   : 940px;

}



/* FOOTER TOP */
#footerTop
{
	margin		 			: 0px auto 0px auto;
	padding		 			: 0px 0px 0px 0px;
	width                   : 920px;
	height                  : 63px;
	color                   : #999;
}
.footerLogo
{
    margin		 			: 0px 0px 0px 0px;
	padding		 			: 20px 20px 0px 0px;
	float                   : left;
}
.footerStrapline
{
    margin		 			: 0px 0px 0px 0px;
	padding		 			: 23px 0px 0px 0px;
	font-size               : 22px;
	color                   : #555;
	font-family				: Arial, Helvetica, sans-serif;
    font-stretch            : condensed;   
	line-height             : 1.0em;
	float                   : left;
	letter-spacing          : 3px;
}
.footerPhone
{
    margin		 			: 0px 0px 0px 0px;
	padding		 			: 25px 0px 0px 0px;
	font-size               : 17px;
	color                   : #555;
	font-family				: Arial, Helvetica, sans-serif;
    font-stretch            : condensed;   
	line-height             : 1.0em;
	float                   : right;
	text-transform          : uppercase;
}
.footerPhone span
{
	padding		 			: 15px 0px 0px 10px;
	font-size               : 25px;
	color                   : #666;
}


/* FOOTER MIDDLE */
#footerMiddle
{
	margin		 			: 0px auto 25px auto;
	padding		 			: 20px 0px 0px 0px;
	clear                   : both;
	width                   : 920px;
	height                  : auto;
	color                   : #999;
	font-size               : 12px;
}
.shortcuts
{
    margin		 			: 0px 10px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	display                 : block;
	width                   : 220px;
	float                   : left;	
}
.shortcuts p a
{
    color                   : #CCC;
    font-size               : 18px;
    font-family				: Arial, Helvetica, sans-serif;
    font-stretch            : condensed;      
    margin		 			: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	display                 : block;
	text-decoration         : none;	
}
.shortcuts p a:hover
{
    color                   : #FFF;	
    text-decoration         : none;	
}
.shortcuts ul
{
    margin		 			: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	width                   : 160px;
}
.shortcuts ul li a
{
    margin		 			: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	color                   : #999;
	display                 : block;
	text-decoration         : none;
}
.shortcuts ul li a:hover
{
	color                   : #FFF;
	text-decoration         : none;
}


/* FOOTER BOTTOM */
#footerBottom
{
	margin		 			: 0px auto 0px auto;
	padding		 			: 0px 0px 0px 0px;
	clear                   : both;
	width                   : 920px;
	height                  : auto;
	font-size               : 11px !important;
	color                   : #999;
}
.footerLine
{
    margin		 			: 0px 0px 20px 0px;
    padding		 			: 0px 0px 0px 0px;
    border-top              : 1px solid #000;
    border-bottom           : 1px solid #333;
    height                  : 0px;
}
#footerLinks
{
	margin		 			: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	float                   : right;
	color                   : #999;
}
#footerLinks a
{
	padding		 			: 0px 8px 0px 6px;
	border-right            : 1px solid #666;
	color                   : #999 !important;
	text-decoration         : none;
}
#footerLinks a:hover
{
	color                   : #FFF !important;
}

#footerCopyright
{
	margin		 			: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	float                   : none;
	text-align              : left;
	color                   : #999;
}
#footerCopyright a
{
	color                   : #999 !important;
	text-decoration         : none;
}
#footerCopyright a:hover
{
	color                   : #FFF !important;
}




/*###############
##### MISC. #####
###############*/ 


/* SOCIAL PLUGINS */
.footerSocial
{
	margin					: 50px 0px 0px 10px;
	padding					: 0px 0px 0px 0px;
	clear                   : both;
	width					: 500px;
	height					: 60px;
}
/* GOOGLE+1 LINK */
.socialGoogle
{
	float					: left;
	width					: 70px;
	overflow				: hidden
}
/* LINKEDIN LINK */
.socialLinkedin
{
	float					: left;
	width					: 100px;
	overflow				: hidden
}
/* TWITTER LINK */
.socialTwitter
{
	float					: left;
	width					: 280px;
	overflow				: hidden;
	padding					: 0px 0px 5px 0px;
}
/* FACEBOOK LINK */
.facebookBtn
{
	margin                  : 20px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    clear                   : both;
}


/* QUOTES */
.quote
{
    margin                  : 0px 0px 20px 10px;
    padding                 : 15px 15px 15px 35px;
    position                : relative;
    font-family				: Arial, Helvetica, sans-serif;
    font-stretch            : condensed;   
    color                   : #666;
    font-style              : italic;
    font-size               : 25px;
    line-height             : 1.2em;
    height                  : auto;
    width                   : 380px;
    background-color    	: #DEDEDE;
    border-radius           : 8px;
	-moz-border-radius      : 8px;
    -webkit-border-radius   : 8px;    
}
.quoteMark
{
    margin                  : -5px 0px 0px -8px;
    padding                 : 0px 0px 0px 0px;
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 44px;
    height                  : 30px;
    background				: url('/images/quote.png') top left no-repeat;
}
.quote em
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    color                   : #888;
    font-size               : 16px;  
}


/* TEASER LINKS */
.links
{
    margin                  : 20px 0px 20px 0px;
    padding                 : 0px 8px 0px 8px;
    font-size               : 14px;
    height                  : 80px;
    border                  : 2px dashed #CCC;
    border-radius           : 8px;
	-moz-border-radius      : 8px;
    -webkit-border-radius   : 8px;
}
.links h2.info
{
    margin                  : 5px 0px 0px 0px;
    padding                 : 4px 0px 5px 30px;
    background				: url('/images/icons/icon-info.jpg') center left no-repeat;
    color                   : #888
}
.links ul li
{
    margin                  : 0px 20px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    float                   : left;
    font-size               : 14px;
    list-style              : none !important;
    background-image        : none !important;
}
.links ul li
{
    
}

.links p
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 5px 0px 5px 17px;
}
.links span, .linkArrow
{
    color                   : #2885D0;
    font-weight             : bold;
}





/* TABLES */ 
.formHolder
{
	border                  : 1px solid #999;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height                  : auto;
	background				: url('/images/tableBkgrnd.gif') top left repeat-x;
	width					: 340px;
}
.formHolder h2
{
	border-bottom           : 1px solid #999;
	margin					: 0px 0px 0px 0px;
	padding					: 5px 10px 5px 10px;
	height                  : auto;
	background-color        : #CCC;
}
.table, 
.tblContact{
	margin					: 10px 10px 10px 10px;
	padding					: 0px 0px 0px 0px;
	font-size				: 110%;
}
.tblContact{
	width					: 320px;
}
.table td, 
.tblContact td{
	margin					: 0px 0px 0px 0px;
	padding					: 3px 0px 3px 0px;	
	vertical-align			: top;
	height                  : 20px;
}




/* VALIDATION */
.field-validation-error
{
    color: #ff0000;
    padding:2px;
    font-size:90%;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important;
}

.validation-summary-errors
{
    font-weight: bold !important;
    color: #ff0000 !important;
}

.validation-summary-valid
{
    display: none;
}






/*###################
#### BACK TO TOP ####
###################*/ 

#backtotop 
{
	cursor					: pointer;
	display					: none;
	margin 					: 0px 0px 0px 410px;
	position				: fixed;
	bottom					: 10px;
	font-size				: 90%;
	padding					: 10px;
	width					: 100px;
	text-align				: center;
	background-color		: #000;
	border-radius			: 8px;
	-webkit-border-radius	: 8px;
	-moz-border-radius		: 8px;
	filter					: alpha(opacity=40);
	-khtml-opacity			: 0.4;
	-moz-opacity			: 0.4;
	opacity					: 0.4;
	color					: #FFF;
	font-size				: 14px;
	z-index					: 1000;
}
#backtotop:hover
{
	filter					: alpha(opacity=80);
	-khtml-opacity			: 0.8;
	-moz-opacity			: 0.8;
	opacity					: 0.8;
}



/*#################
#### CLEAR FIX ####
#################*/ 

.clearfix
{ 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}