/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
ESSENTIALS
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/


	* { 
		margin: 0;
		padding: 0;
		border: 0;
		}

	body {
		padding: 0em;
		margin: 0 auto; /* This bit makes the container center in the browser window. */
		font-size: 62.5%;
		background: url(links/bg_bluebar.png) top center repeat-x;
		-webkit-text-size-adjust: none;	 /* This bit stops the iPhone adjusting text sizes at will. */	
		}
		
	#container {
		width: 96em; 
		margin: 0 auto 0 auto; /* This bit makes the container center in the browser window. */
		padding: 0;
		}

	#GoogleMap {
		float: right;
		width: 340px;
		height: 350px;
	}

	#productImage {
		float: right;
		width: 248px;
		height: 346px;
	}

	#top_section {
		width: 96em;
		min-height: 64em;
/*		background: #FFFFFF;*/
		float: left;
		margin: 0;
		padding: 0;
		} 
		
	#body_content {
		margin: 2.2em 0 0 0;
		float: left;
		}

		
		


/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
TYPOGRAPHY
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

	h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #FFFFFF;
		font-weight: normal;
		padding: 0;
		margin: 8px 0 30px 0;
		}

	h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 2.5em;
		color: #009deb;
		font-weight: normal;
		padding: 0;
		margin: 0 0 0.4em 0;
		}

	h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		color: #000000;
		font-weight: bold;
		padding: 0;
		margin: 0;
		}
		
	h4 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		color: #009deb;
		font-weight: normal; 
		font-style: italic;
		padding: 0;
		margin: 0;
		}
		
	h5 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.6em;
		color: #000000;
		font-weight: bold;
		padding: 0;
		margin: 0;
		}
		
	h6 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		color: #000000;
		font-weight: bold;
		padding: 0;
		margin: 0;
		}


	p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		color: #000000;
		font-weight: normal;
		padding: 0;
		margin: 0 0 1em 0;
		}

	p.footnote {
		font-size: 1.1em;
		font-style: italic;
		margin: 0;
		}
		
	p.large_type {
		font-size: 1.5em;
		margin: 0 0 1em 0;
		}




	a, a.link, a.visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #000000;
		font-weight: normal;
		padding: 0;
		margin: 0;
		text-decoration: none;
		}
			
	a:hover, a.active {
		color: #009deb;
		text-decoration: none;
		}


	#main_content ol { 
		padding: 0;
		margin: 0 0 0 1em;
		list-style-type: decimal;
		}

	#main_content ul { 
		padding: 0;
		margin: 0 0 0 1em;
		list-style-type: disc;
		}
		
		
		
	li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		color: #000000;
		font-weight: normal;
		padding: 0;
		margin: 0 0 0 1em;
		}
		
	li a, li a.link, li a.visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #000000;
		font-weight: normal;
		padding: 0;
		margin: 0;
		text-decoration: none;
		}
			
	li a:hover, li a.active {
		color: #009deb;
		text-decoration: none;
		}
		

		
	#hero_links{
		padding: 20px 0 0 0;
	}

				
	#hero_links p {
		font-size: 1.1em;
		}
		
	#footer p {
		font-size: 1em;
		color: #5e5e61;
		}
		
		
	#footer a, #footer a.link, #footer a.visited {
		color: #5e5e61;
		text-decoration: none;
		}
	
	#footer a:hover, #footer a.active {
		color: #009deb;
		text-decoration: none;
		}


	#hero_links a h3, #hero_links a.link h3, #hero_links a.visited h3 {
		color: #000000;
		text-decoration: none;
		}
		
	#hero_links a:hover h3, #hero_links a.active h3 {
		color: #009deb;
		text-decoration: none;
		}
		
		

		
		
		
		
/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
TABLES
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
		
	
	#body_content table {
		border-collapse: collapse; 
		margin: 3em 0 1em 0;
		}	
		
	#body_content th, #body_content td {
		padding: 3px 8px 3px 0;
		border-top: 1px solid #5e5e61;
		border-bottom: 1px solid #5e5e61;
		}
		
	#body_content th {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		color: #FFFFFF;
		font-weight: normal;
		margin: 0 0 1em 0;
		background-color: #009deb;
		text-align: left;
		}

	#body_content td {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		color: #000000;
		font-weight: normal;
		margin: 0 0 1em 0;
		text-align: left;
		}
		


/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
HEADER
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

	#header { 
		width: 100%;
		float: left;
		}
		
	#header_delta_logo { 
		margin: 2.6em 0 0 1em;
		height: 4.7em;
		width: 15.9em;
		float: left;
		}
		
	#header_main_menu { 
		width: 68em;
		margin: 5em 0 0 2em;
		float: left;
		}
	
	#header_main_menu li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		color: #009deb;
		font-weight: bold;
		list-style: none;
		display: inline;
		padding: 0 0 0 4em;
		margin: 0;
		}
	

	#main_menu a, #main_menu a.link, #main_menu a.visited {
		color: #000000;
		text-decoration: none;
		}
	
	#main_menu a:hover, #main_menu a.active {
		color: #000000;
		text-decoration: none;
		border-bottom: #000000 solid 0.1em; 
		padding-bottom: 0.1em;
		}








/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
HOME
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

/* 	Slideshow ..................................................*/

	#slideshow {
		width: 960px;
		margin: 0 0 0 55px;
		padding: 0;
		position: relative;
		
		}
		
	#slideshow_nav_previous, #slideshow_nav_previous img, #slideshow_nav_next, #slideshow_nav_next img {
		width: 4.5em;
		height: 32.2em;
		padding: 0;
		}
		
	#slideshow_nav_previous {
		margin: 0 0 0 0;	
		position: absolute;
		top: 20px;
		left: -45px;
		}
		
	#slideshow_nav_next {
		margin:	0 0 0 0;
		position: absolute;
		top: 20px;
		right: 55px;
		}

	#slideshow_feature, #slideshow_feature img {
		width: 852px;
		height: 322px;
		margin: 0;
		padding: 0;
		float: left;
		position: relative;
		}



/* 	Hero Links .............................................*/

	#hero_links a {
		text-decoration: none;
		}

	#hero_links {
		width: 94em;
		margin: 2.5em 1em 0 1em;
		float: left;
		}

	#hero_links_main_title {
		width: 100%;
		margin: 0 0 1em 0;
		float: left;
		}

	#hero_links_feature {
		width: 22.4em;
		margin: 0 1.3em 0 0;
		border-top: 0.5em solid #000000;
		padding: 1em 0 0 0;
		float: left;
		}

	#hero_links_feature.no_right_margin {
		margin: 0;
		}

	#hero_links_feature_title {
		width: 100%;
		float: left;
		}

	#hero_links_feature_text {
		width: 8.5em;
		float: left;
		}

	#hero_links_feature_image {
		width: 10.2em;
		height: 14.1em;
		margin: 0 0 0 2.5em;
		padding: 0;
		float: left;
		}







/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
BASIC PAGE
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

	#page_title {
		width: 96em;
		float: left;
		margin: 1.5em 0 0 0;
		}
		
		
		
/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
BASIC 2 COLUMN PAGE
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

	#main_content {
		width: 720px;
		margin: 0 0 0 2em;
		padding: 0 0 3em 0;
		float: left;
		}
	
	#main_content_col_left {
		width: 22.1em;
		margin: 0 2em 0 0;
		float: left;
		}
		
	#main_content_col_left img {
		width: 22.1em;
		}

	#main_content_col_right {
		width: 43em;
		margin: 0;
		padding: 0;
		/*float: left;*/
		}	

		#main_content_col_right_alt {
		width: 43em;
		margin: 0;
		padding: 0;
		float: left;
		}	

	#main_content_col_left p {
		text-align: right;
		}







/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
CASES STUDIES 2 COLUMN PAGE
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

	
	#main_content.case_studies #main_content_col_left {
		width: 12.1em;
		margin: 0 4em 0 0;
		float: left;
		}
		
	#main_content.case_studies #main_content_col_left img {
		width: 12.1em;
		float: left;
		}

	#case_study_entry {
		float: left;
		margin: 0 0 2em 0;
		padding: 0 0 1.5em 0;
		border-bottom: #000000 solid 0.1em; 
		}









/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
SIDEBAR MENU
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

	#sidebar_menu {
		width: 190px;
		float: left;
		border-top: 0.5em solid #000000;
		padding-top: 1.5em;
		margin-right: 20px;
		}
		
	#sidebar_menu ul {
		list-style: none;
		}
		
	#sidebar_menu a, #sidebar_menu a.link, #sidebar_menu a.visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		color: #000000;
		font-weight: normal;
		list-style: none;
		padding: 0;
		margin: 0;
		text-decoration: none;
		}
			
	#sidebar_menu a:hover, #sidebar_menu a.active {
		color: #009deb;
		text-decoration: none;
		}
		

	#sidebar_menu ul li ul li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.025em;
		color: #000000;
		font-weight: normal;
		list-style: none;
		padding: 0;
		margin: 0 0 2em 0;
		text-decoration: none;
		}
		

	#sidebar_menu ul li {
		margin: 0 0 1em 0;
		}











/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
FOOTER
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

	#footer {
		width: 87em;
		margin: 1.4em 0 0 9em;
		float: left;
		position: relative;
		}
		
		
	#footer_column {
		border-top: 0.1em solid #000000;
		margin: 0;
		padding: 1em 0 0 0;
		margin: 0 1.6em 0 0;
		float: left;
		}
		
	#footer_column.column_1 {
		width: 22.2em; 
		}

	#footer_column.column_2 {
		width: 22.2em; 
		}

	#footer_column.column_3 {
		width: 22.2em;
		}

	#footer_column.column_4 {
		width: 15.4em;
		margin: 0;
		}

	#footer_team_viewer_icon {
		margin: 0 0 1em 0;
		}
		
	#footer_cushion {
		width: 87em;
		height: 5em;
		float: left;
		}
				


/* 	Rectangular button .....................................*/


	#button {
		margin: 2.5em 0 0 0;
		}
		
	#main_content #button {
		margin: 2.5em 0 2.5em 0;
		}
		

	#button a, #button a.link, #button a.visited {
		width: 100%;
		height: 3em;
		background-color: #5e5e61;
		-moz-border-radius: 0.5em;
		border-radius: 0.5em;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		color: #FFFFFF;
		font-weight: normal;
		padding: 0.5em 2.5em 0.5em 2.5em;
		margin: 0;
		text-decoration: none;
		behavior: url(PIE.htc);
		-moz-border-radius: 0.5em; 
		-webkit-border-radius: 0.5em; 
		border-radius: 0.5em;		
		}

	#button a:hover, #button a.active {
		color: #FFFFFF;
		background-color: #009deb;
		}
		
		
		
		
		
	#button_blue {
		margin: 1em 0 0 0;
		}

	#button_blue a, #button_blue a.link, #button_blue a.visited {
		width: 100%;
		height: 3em;
		background-color: #009deb;
		-moz-border-radius: 0.5em;
		border-radius: 0.5em;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		color: #FFFFFF;
		font-weight: normal;
		padding: 0.5em 2.5em 0.5em 2.5em;
		margin: 0;
		text-decoration: none;
		behavior: url(PIE.htc);
		-moz-border-radius: 0.5em; 
		-webkit-border-radius: 0.5em; 
		border-radius: 0.5em;		
		}

	#button_blue a:hover, #button_blue a.active {
		color: #FFFFFF;
		background-color: #5e5e61;
		}







	#video_link {
		border-top: 0.1em solid #000000;
		margin: 0;
		padding: 1em 0 0 0;
		margin: 3em 0 0 0;
		}

		#video_link_aboutus {
		margin: 0;
		padding: 1em 0 0 0;
		margin: 2em 0 4em 0;
		}




/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
ABOUT PAGE
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

	#delta_logo_small { 
		
		margin: 3em 0 0 0;
		}

	#delta_logo_small img { 
		width: 8.8em;
		}



/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
MISCELLANEOUS
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/




	.no_margin_bottom {
		margin-bottom: 0;
		}
		
	.no_margin_top {
		margin-top: 0;
		}

	.no_margins {
		margin: 0;
		}
		





/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
ICON MENU
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/


	#main_content_intro {
		width: 100%;
		margin: 0 0 4em 0;
		}
		
	#icon_menu {
		width: 100%;
		margin: 0;
		padding: 0;
		}

	#icon_rollover {
		width: 12.2em;
		margin: 0 5.8em 2.7em 0;
		float: left;
		}

	#icon_rollover img {
		width: 12.2em;
		}

	#icon_rollover p {
		text-align: center;
		margin: 1em 0 0 0;
		padding: 0;
		}
		
		
		
		
/* 	Actual rollover button .....................................*/

		
	#icon_rollover a { 
		text-decoration: none; 
		}
		
	#icon_rollover img { 
		width: 12.2em;
		height: 12.2em;
		border: 0; 
		}

	#icon_rollover a:hover { 
		visibility: visible 
		}

	#icon_rollover a:hover img {
		width: 0;
		height: 0;
		overflow:hidden;
		padding: 12.2em 0 0 12.2em;/* height and width of image */
		}

	#icon_rollover.rol_access_generic_sys a:hover img {
		background: url(links/rol_access_generic_sys_on.png) no-repeat 0 0;/* your rollover image */
		}

	#icon_rollover.rol_access_control_sys a:hover img {
		background: url(links/rol_access_control_sys_on.png) no-repeat 0 0;/* your rollover image */
		}

	#icon_rollover.rol_PAC_access_control_sys a:hover img {
		background: url(links/rol_PAC_access_control_sys_on.png) no-repeat 0 0;/* your rollover image */
		}
		
	#icon_rollover.rol_all_types_of_security_grilles a:hover img {
		background: url(links/rol_all_types_of_security_grilles_on.png) no-repeat 0 0;/* your rollover image */
		}

	#icon_rollover.rol_audio_video_door_entry_systems a:hover img {
		background: url(links/rol_audio_video_door_entry_systems_on.png) no-repeat 0 0;/* your rollover image */
		}
		
	#icon_rollover.rol_delta_model_9_doors a:hover img {
		background: url(links/rol_delta_model_9_doors_on.png) no-repeat 0 0;/* your rollover image */
		}

	#icon_rollover.rol_digital_closed_circuit_television a:hover img {
		background: url(links/rol_digital_closed_circuit_television_on.png) no-repeat 0 0;/* your rollover image */
		}
		
	#icon_rollover.rol_electric_gates a:hover img {
		background: url(links/rol_electric_gates_on.png) no-repeat 0 0;/* your rollover image */
		}

	#icon_rollover.rol_identification_badges a:hover img {
		background: url(links/rol_identification_badges_on.png) no-repeat 0 0;/* your rollover image */
		}

	#icon_rollover.rol_KPI a:hover img {
		background: url(links/rol_delta_KPI_on.png) no-repeat 0 0;/* your rollover image */
		}
		
	#icon_rollover.rol_intruder_alarms a:hover img {
		background: url(links/rol_intruder_alarms_on.png) no-repeat 0 0;/* your rollover image */
		}
		
	#icon_rollover.rol_master_keyed_systems a:hover img {
		background: url(links/rol_master_keyed_systems_on.png) no-repeat 0 0;/* your rollover image */
		}
		
	#icon_rollover.rol_rising_bollards a:hover img {
		background: url(links/rol_rising_bollards_on.png) no-repeat 0 0;/* your rollover image */
		}

	#icon_rollover.rol_safes_opened_installed a:hover img {
		background: url(links/rol_safes_opened_installed_on.png) no-repeat 0 0;/* your rollover image */
		}
		
	#icon_rollover.rol_salto_systems a:hover img {
		background: url(links/rol_salto_systems_on.png) no-repeat 0 0;/* your rollover image */
		}

	#icon_rollover.rol_steel_gates_automated_barriers a:hover img {
		background: url(links/rol_steel_gates_automated_barriers_on.png) no-repeat 0 0;/* your rollover image */
		}

	#icon_rollover.rol_automated_doors a:hover img {
		background: url(links/rol_automated_doors_on.png) no-repeat 0 0;/* your rollover image */
		}
		
	#icon_rollover.rol_system_10_security_doors a:hover img {
		background: url(links/rol_system_10_security_doors_on.png) no-repeat 0 0;/* your rollover image */
		}
		
	#icon_rollover.rol_telguard_systems a:hover img {
		background: url(links/rol_telguard_systems_on.png) no-repeat 0 0;/* your rollover image */
		}

	#icon_rollover.rol_download_pdf a:hover img {
		background: url(links/rol_download_pdf_on.png) no-repeat 0 0;/* your rollover image */
		}

	#icon_rollover.rol_perimeter_protection a:hover img {
		background: url(links/rol_perimeter_protection_on.png) no-repeat 0 0;/* your rollover image */
		}

	#icon_rollover.rol_247 a:hover img {
		background: url(links/rol_247_on.png) no-repeat 0 0;/* your rollover image */
		}

	#icon_rollover.rol_asset_management a:hover img {
		background: url(links/rol_asset_management_on.png) no-repeat 0 0;/* your rollover image */
		}
		
	#icon_rollover.rol_visitor_entry_systems a:hover img {
		background: url(links/rol_visitor_entry_systems_on.png) no-repeat 0 0;/* your rollover image */
		}





	body:after {
		content: url(links/rol_access_control_sys_on.png) url(links/rol_all_types_of_security_grilles_on.png) url(links/rol_audio_video_door_entry_systems_on.png) url(links/rol_delta_model_9_doors_on.png) url(links/rol_digital_closed_circuit_television_on.png) url(links/rol_electric_gates_on.png) url(links/rol_identification_badges_on.png) url(links/rol_intruder_alarms_on.png) url(links/rol_master_keyed_systems_on.png) url(links/rol_rising_bollards_on.png) url(links/rol_safes_opened_installed_on.png) url(links/rol_salto_systems_on.png) url(links/rol_steel_gates_automated_barriers_on.png) url(links/rol_system_10_security_doors_on.png) url(links/rol_telguard_systems_on.png) url(links/rol_download_pdf_on.png) url(links/rol_perimeter_protection_on.png) url(links/rol_247_on.png) url(links/rol_asset_management_on.png) url(links/rol_visitor_entry_systems_on.png); 
		display: none;  /* This is to preload image rollovers */
		}