/*##################
##### SECTIONS #####
##################*/ 

.section
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	height                  : auto;
}


/* SECTION: HOME */
.section.homeintro
{
	margin                  : 0;
	padding                 : 0 20px 0 0;
	width                   : 480px;
	float                   : left;
	border-right            : 1px solid #CCC
}
.section.homenews
{
	margin                  : 0;
	padding                 : 0 0 0 20px;
	width                   : 480px;
	float                   : left;
}
 
 
/* SECTION: MAIN */
.section.main
{
	width                   : 724px;	
	float                   : left;
}

/* SECTION: MENU */
.section.menu
{
	margin                  : 0px 36px 0px 0px;
	padding                 : 4px;
	width                   : 210px;
	float                   : left;
	background-color        : #E3E3E3;
}

/* SECTION: FORMS */
.section.form
{
	margin                  : 0px 20px 20px 0px;
	padding                 : 10px 20px 20px 20px;
	width                   : 440px;
	background-color        : #EFEFEF;
	float                   : left;
}
.section.form h2
{
	margin                  : 0;
	padding                 : 5px 0 5px 0;
}
.section.form span.field-title
{
	padding                 : 4px 0 5px 0;
	color                   : #666;
	font-size               : 14px;
	display                 : block;
}


/* SECTION: TEASERS */
.teaserWrap
{
	margin                  : 0 0 20px 0;
	padding                 : 0;
	width                   : 1080px;
	height                  : auto;
}

.section.teaser,
.section.teaserlink
{
	margin                  : 15px 15px 0px 0px;
	padding                 : 0;
	width                   : 330px;
	height                  : 330px;
	float                   : left;
	position                : relative;
}
.section.teaserlink
{
	cursor                  : pointer
}
.section.teaserlink:hover
{
	text-decoration         : none;
}
.section.teaser span,
.section.teaserlink span
{
    background              : none repeat scroll 0 0 rgba(0, 0, 0, 0.7);    
    margin                  : 0px 15px 15px 15px;
    padding                 : 10px;
    width                   : 280px;
    position                : absolute;
    bottom                  : 0;
    left                    : 0;
    height                  : auto;
	line-height             : 1.1em;
	font-size               : 24px;
	color                   : #FFF;
	text-align              : center;
	font-family				: "RobotoCondensed";
    transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out; 
}
.section.teaser p,
.section.teaserlink p
{
	line-height             : 1.3em;
	font-size               : 15px;
	color                   : #333;
	padding                 : 10px 10px 0px 10px;
}
.section.teaserlink:hover span
{
	background              : none repeat scroll 0 0 rgba(0, 0, 0, 1.0);    
}


/* SECTION: TWITTER */
.section.twitter
{
	margin                  : 0px 15px 15px 0px;
	padding                 : 10px 15px;
	width                   : 645px;
	min-height              : 125px;
	background-color        : #EEE;
	float                   : left;
	position                : relative;
}
.section.twitter h2
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 8px 0px;	
    font-size               : 21px;
    color                   : #333;
}


/* SECTION: SHARE US */
.section.shareus
{
	margin                  : 0px 0px 15px 0px;
	padding                 : 10px 15px;
	width                   : 300px;
	min-height              : 125px;
	float                   : left;
	background-color        : #EEE;
	position                : relative;
}
.section.shareus h2
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 5px 0px;	
    font-size               : 21px;
    color                   : #333;
}
.section.shareus p
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 10px 0px;	
    font-size               : 14px;
    color                   : #333;
}


/* SECTION: CONTACT DETAILS */
.section.contact-details
{
	margin                  : 0;
	padding                 : 0;
	height                  : 50px;
	background-color        : #68689B;
	float                   : left;
	width                   : 1020px;
	position                : relative;
	border-top              : 4px solid #000
}
.section.contact-details p
{
	margin                  : 0;
	padding                 : 0;
	height                  : 50px;
	line-height             : 50px;
	font-size               : 20px;
	color                   : #FFF;
	text-align              : center;
}
.section.contact-details a
{
	color					: #FFF;
	text-decoration			: none;
}
.section.contact-details a:hover
{
	color					: #FFF;
	text-decoration			: underline;
}




/*################
##### TABLES #####
################*/ 

/* TABLES */ 
table
{
	margin					: 0px 0px 0px 0px;	
	padding					: 0px 0px 0px 0px;	
	width                   : 100%;
}
table th
{
	margin					: 0px 0px 0px 0px;	
	padding		 			: 10px 5px 10px 5px;
	background-color        : #EEE;
}
table td
{
	margin					: 0px 0px 0px 0px;	
	padding		 			: 0px 0px 0px 0px;
	vertical-align          : top;
}



/* TABLES: FORM */ 
table td p span
{
	color                   : #666;
	font-size               : 14px;
}
table td p em
{
	color                   : #666;
	font-size               : 12px;
}


/* TABLES: BORDER */
table.border
{
	margin					: 15px 0px 15px 0px;	
	border                  : 1px solid #CDCDCD;
	border-right            : none;
}
table.border h1
{
	color                   : #333333;
    font-size               : 16px;
    font-weight             : normal;
    line-height             : 1.2em;
    margin                  : 0;
    padding                 : 0;
}
table.border th
{
	padding		 			: 10px 5px 10px 5px;
	border-right            : 1px solid #CDCDCD;
	border-bottom           : 1px solid #CDCDCD;
}

table.border td
{
	padding		 			: 5px 5px 5px 5px;
	border-right            : 1px solid #CDCDCD;
	border-bottom           : 1px solid #CDCDCD;
}
table.border td.center
{
	text-align              : center
}





/*#####################
##### FORM FIELDS #####
#####################*/ 

/* FORM FIELDS */ 
.textField, 
.textArea, 
.ddField
{
	width					: 400px;
	height					: 25px;
	margin					: 0px 0px 5px 0px;
	padding					: 2px 5px 2px 5px;
	font-size				: 13px;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	background-color        : #FFF;
	border                  : none;
	color                   : #666;
	border                  : 1px solid #DDD;
	border-top              : 1px solid #BBB;
}
.textArea
{
	height					: 252px;
}
.ddField
{
	margin					: 0px 0px 5px 0px;
	padding					: 5px 5px 5px 0px;
	height					: 31px;
	width					: 412px;
}



/* FORM FIELDS: ALTERNATE */ 
.textField.short
{
	width					: 280px;
}

.textField.shorter
{
	width					: 120px;
}
.ddField.short
{
	width					: 292px;
}
.ddField.long
{
	width					: 492px;
}
.ddField.options
{
	margin					: 4px 0px 10px 0px;
	padding					: 9px 9px 9px 5px;
	height					: 38px;
	width					: 280px;
	font-size				: 14px;
}
.textArea.summary
{
	height					: 80px;
	width					: 488px;
}
.mandatory
{
	color                   : #888;
	font-size               : 11px;
}





/*#################
##### BUTTONS #####
#################*/ 

/* BUTTON MASTER */
.btn
{
    display					: inline-block;
    margin					: 10px 0;
    padding					: 7px 10px 6px 10px;
    line-height             : 1.0em;
    height                  : auto;
    text-decoration			: none;
    border                  : none;
    text-align              : center;
    filter					: alpha(opacity=70);
	-khtml-opacity			: 0.7;
	-moz-opacity			: 0.7;
	opacity					: 0.7;
	font-size               : 16px;
	cursor					: pointer;
	background-color        : #DDD;	
	color					: #333;
    font-family				: "RobotoCondensed"; 
	transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;
}
.btn:hover
{
    text-decoration			: none;
	filter					: alpha(opacity=100);
	-khtml-opacity			: 1.0;
	-moz-opacity			: 1.0;
	opacity					: 1.0;
	color                   : #333 !important
}



/* BUTTON TYPES */ 
.btn.right
{
    float                   : right;
}



/*##################
#### GOGGLE MAP ####
##################*/ 
	
.googleMap
{
	margin                  : 0px 0px 5px 0px;
	padding                 : 8px;
    border                  : 1px solid #CCC
}




/*################
### VALIDATION ###
################*/ 

/* 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 ul
{
    margin                  : 10px 0px 30px 0px;
    padding                 : 10px 20px 10px 20px;
    background-color        : #FFD7D7;
    border-radius			: 8px;
	-webkit-border-radius	: 8px;
	-moz-border-radius		: 8px;  
	list-style              : none;
}

.validation-summary-errors li
{
    margin                  : 0px 0px 0px 0px !important;
    padding                 : 4px 0px 6px 20px !important;
    color                   : #FF3737 !important;
    line-height             : 13px !important;
    font-size               : 13px;
    background				: url('/content/images/warning.png') 0px 5px no-repeat;
}

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

#recaptcha_widget_div
{
    background-color        : #FFF !important;
}



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

#backtotop 
{
	cursor					: pointer;
	display					: none;
	margin 					: 0;
	position				: fixed;
	bottom					: 10px;
	right                   : 10px;
	font-size				: 90%;
	padding					: 6px 5px;
	width					: 30px;
	text-align				: center;
	background-color		: #000;
	filter					: alpha(opacity=50);
	-khtml-opacity			: 0.5;
	-moz-opacity			: 0.5;
	opacity					: 0.5;
	color					: #FFF;
	font-size				: 14px;
	z-index					: 1000;
	transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;
}
#backtotop:hover
{
	filter					: alpha(opacity=80);
	-khtml-opacity			: 0.8;
	-moz-opacity			: 0.8;
	opacity					: 0.8;
}


/*###############
#### END FIX ####
###############*/ 

.end
{ 
	margin-right            : 0px !important;
}


/*#################
#### IEFIX ####
#################*/ 

.IEfix span
{ 
	display                 : none;
}


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

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