/*
Theme Name: RISC
*/

/* Selectors
----------------------------------------------------- */

body {  margin: 0px; 
	background-color: #4c4c4c; }
	font:13px Arial, helvetica, sans-serif;
	color:#ffffff;
	}


/* Type 
----------------------------------------------------- */

	
	p  {
		font:13px Arial, helvetica, sans-serif;
		color:#eeeeee;
		margin:3px 0 10px 0;
	}

	li {
		font:13px Arial, helvetica, sans-serif;
		color:#333333; padding:1px;
		margin:10px 5px 2px 5px;
	}

	ol, ul {
		margin:1px 2px 0 2px; padding:0 0 0 1px;
	}

	.dark-grey {
		font-weight:700;  font:12px Arial, helvetica, sans-serif;
		color:#666666; margin:11px 0 0 0;
				
	}


	.grey {
		font:14px Arial, helvetica, sans-serif;
		color:#999999; margin:15px 30px 30px 60px;
		
		line-height: 1.7;
	}
	.grey2 {
		font:12px Arial, helvetica, sans-serif;
		color:#999999; margin:55px 60px 30px 60px;
		line-height: 1.6;
	}

	.quote { font:20px Arial, helvetica, sans-serif;
		color:#f55e31; margin:20px 10px 0 44px;
		line-height: 1.1; font-style: italic;}

	.find { font:14px Arial, helvetica, sans-serif;
		color:#f55e31; margin:30px 10px 5px 25px;
		}


	.orange1 { margin:0 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #f55e31; text-decoration: none; }

	.orange { margin:0 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none; }

	.white3 {
		font:18px Arial, helvetica, sans-serif;
		color:#999999; margin:10px;
		line-height: 1.7; font-style: italic;}

	.white {
		font:12px Arial, helvetica, sans-serif;
		color:#ffffff; margin:0 0 0 0;
		
	}

	.crumbs { font-weight:700; font:11px Arial, helvetica, sans-serif;
		color:#000000; margin:9px 0 0 0;
	}

	.border { border: 3px solid #ffffff; }
	.cart { width:100px; height:28px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; background:url("../images/cart.png") no-repeat left; margin:13px 8px 0 20px; padding:10px 0 0 40px; color: #ffffff; text-decoration: none; }

	.topnavoff { margin:0 20px 0 20px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #a7a7a7; text-decoration: underline; }

	ul { margin:16px 0 16px 20px; }
	
	h1 { font:bold 23px Arial; margin:0 0 0 0; color:#e8e8e8; }
	h2 { font: 20px Arial, Helvetica, sans-serif;  margin:20px 0 0 0; color:#f26333; }
	h3 { font: bold 16px Arial, Helvetica, sans-serif;  margin:20px 0 0 0; color:#f26333; }
	h4 { font: 14px Arial, Helvetica, sans-serif;  margin:10px 0 5px 0; color:#ffffff; }
	h5 { font:13px Arial, Helvetica, sans-serif; margin:3px 0 10px 0; color:#333333; text-transform: upper;}
	h6 { font:bold 15px Arial, Helvetica, sans-serif; margin:10px 0 2px 0; color:#ffffff; }
	
	button { padding:0; border:none; background:none; }


/* Layout 
----------------------------------------------------- */

	.wrapper { width:1200; color:#4c4c4c; margin:0 auto; }
	#logos { float:right; margin:5px 20px 0 0; }
	#research-content { float:left; margin:20px 0 20px 0; }
	#main-window { width:1000px; margin:20px 0 20px 0;  }
	#left { width:300px; margin:270px 30px 20px 0;  }
	#left p { font:13px Arial, helvetica, sans-serif; color:#ffffff; }

	#leftint { min-height:500px; background-color:#4c4c4c; width:700px; margin:228px 0 20px 0;  }
	#leftintcontent { min-height:500px; float:left; background-color:#4c4c4c; width:650px; margin:10px 50px 10px 20px; }
	#leftintcontent p { font:13px Arial, helvetica, sans-serif; color:#ffffff; }

	#main-left { width:700px; margin:2px 50px 20px 30px;  }
	#right { width:680px; margin:228px 0 0 0;  }
	#rightint { width:290px; min-height:500px; margin:200px 10px 0 0; background-image: url("../images/rightint.jpg"); background-position: top center; background-repeat:no-repeat; }
	#rightintcontent { float:left; margin:10px 50px 10px 20px; }
	#rightintcontent p { float:left;  font:13px Arial, helvetica, sans-serif; color:#ffffff; }
	#orangeblock {  float:left; background-color: #f26030; width:230px; margin:10px 0 10px 0; }
	#orangeblock p { font: bold 14px Arial, helvetica, sans-serif; color:#ffffff; padding:5px 0 5px 28px; }


	#title { font:30px Arial, Helvetica, sans-serif; color:#ffffff; float:left; margin:50px 0 0 10px; }
	#navlist { float:left; margin:15px 5px 0 0; }
	#orange { background-color: #f26333; width:650px; height:1px; margin:20px 0 20px 0; }
	#orange2 { background-color: #f26333; width:200px; height:1px; margin:20px 0 20px 0; }

/* Backgrounds
----------------------------------------------------- */
	#tnav { margin:50px 0 0 0; float: right; width:200;}

	#top { margin:0 0 0 0; width:100%; height: 120px; background-color:#000000; background-image: url("../images/top-bg.png"); background-position: top center; background-repeat: repeat; }
	#base { width:100%; height: 84px; background-image: url("../images/base.png"); background-position: top center; background-repeat: repeat; }
	#bottom { width:100%; background-color:#393939;  margin:50px 0 0 0; }
	#main { width:1000px; margin:0 auto; }
	#nav { margin:0 0 0 0; width:100%; height: 40px; background-color:#4c4c4c; }
	#banner { margin:0 0 0 0; width:100%; height: 230px; background-color:#cccccc; }
	#bannerint { min-height:700px; margin:0 0 0 0; width:100%; background-color:#4c4c4c; }
	#banner1 { margin:0 0 0 0; width:100%; height:220px; background-image: url("../banner/1.jpg"); background-position: top center; background-repeat: no-repeat; background-color:#101113; }
	#banner2 { margin:0 0 0 0; width:100%; height:220px; background-image: url("../banner/2.jpg"); background-position: top center; background-repeat: no-repeat; background-color:#101113; }
	#banner3 { margin:0 0 0 0; width:100%; height:220px; background-image: url("../banner/mobile-security.jpg"); background-position: top center; background-repeat: no-repeat; background-color:#101113; }
	#banner4 { margin:0 0 0 0; width:100%; height:220px; background-image: url("../banner/accesscontrol.jpg"); background-position: top center; background-repeat: no-repeat; background-color:#101113; }
	#banner5 { margin:0 0 0 0; width:100%; height:220px; background-image: url("../banner/networkcctv.jpg"); background-position: top center; background-repeat: no-repeat; background-color:#101113; }
	#banner6 { margin:0 0 0 0; width:100%; height:220px; background-image: url("../banner/6.jpg"); background-position: top center; background-repeat: no-repeat; background-color:#101113; }
	#banner7 { margin:0 0 0 0; width:100%; height:220px; background-image: url("../banner/7.jpg"); background-position: top center; background-repeat: no-repeat; background-color:#101113; }
	#banner8 { margin:0 0 0 0; width:100%; height:220px; background-image: url("../banner/8.jpg"); background-position: top center; background-repeat: no-repeat; background-color:#101113; }
	#banner9 { margin:0 0 0 0; width:100%; height:220px; background-image: url("../banner/9.jpg"); background-position: top center; background-repeat: no-repeat; background-color:#101113; }
	#banner10 { margin:0 0 0 0; width:100%; height:220px; background-image: url("../banner/10.jpg"); background-position: top center; background-repeat: no-repeat; background-color:#101113; }
	#banner11 { margin:0 0 0 0; width:100%; height:220px; background-image: url("../banner/11.jpg"); background-position: top center; background-repeat: no-repeat; background-color:#101113; }
	#banner12 { margin:0 0 0 0; width:100%; height:220px; background-image: url("../banner/12.jpg"); background-position: top center; background-repeat: no-repeat; background-color:#101113; }
	#banner13 { margin:0 0 0 0; width:100%; height:220px; background-image: url("../banner/13.jpg"); background-position: top center; background-repeat: no-repeat; background-color:#101113; }


	#front-product { width:1000px; height: 458px; background-image: url("../images/front-prodbg.png"); background-position: top center; background-repeat: no repeat; }
	#front-product-nav { float:left; width:800px; margin:20px 5px 20px 20px; }
	#front-product-nav a:link { background:url("../images/fp-nav.png") no-repeat left; margin:3px 0 10px 0; padding:0 30px 0 30px; font-size:14px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none;}
	#front-product-nav a:hover { background:url("../images/fp-nav.png") no-repeat left; margin:3px 0 10px 0; padding:0 30px 0 30px; font-size:14px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: underline;}
	#front-product-nav a:visited { background:url("../images/fp-nav.png") no-repeat left; margin:3px 0 10px 0; padding:0 30px 0 30px; font-size:14px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; color: #eeeeee; text-decoration: none;}

#search { margin:0 0 0 25px; }

#search input[type="text"] {
    background: url(search-dark.png) no-repeat 10px 6px #f55e31;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #f55e31;
    width: 200px;
    padding: 6px 15px 6px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    width: 200px;
    }	#search p {
			color:#f55e31;
			font:15px Arial, Helvetica, sans-serif;
			letter-spacing: 0;
			text-decoration:none;
			padding-left:29px;
			padding-top:15px;
			padding-bottom:1px;
		 
		   }
        #myForm select option:nth-child(odd) {
            color:f55e31;
            background:#2b2b2b;
        }
        #myForm select option:nth-child(even) {
            color:f55e31;
            background:#2b2b2b;
        }


        #myForm select {
    margin: 0 15px 10px 0;
    background: url(search-dark.png) no-repeat 10px 6px #2b2b2b;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #eeeeee;
    width: 300px;
    padding: 6px 15px 6px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
        }


#homebox { margin:30px 5px 20px 35px; height:340px; width:180px; float:left; border-bottom: 3px solid #f25626; }
#homebox a { padding:20px 0 0 0; float:right; font-size:14px; color:#f25626; text-decoration: none; } 
#homebox a:hover { color:#ffffff; }
#homebox p { font-family: Arial, helvetica, sans-serif; margin:10px 0 10px 5px; font-size:12px; color:#ffffff; }
#homebox h4 { font:bold 16px Arial, Helvetica, sans-serif;  margin:5px 0 5px 0; color:#ffffff; }



/* Navigation 
----------------------------------------------------- */
	a:link { font-family: Arial, helvetica, sans-serif; color:#f26333; font-size:13px; text-decoration: underline; }
	a:visited { font-family: Arial, helvetica, sans-serif; color:#f26333; font-size:13px; text-decoration: underline; }
	a:active { font-family: Arial, helvetica, sans-serif; color:#f26333; font-size:13px; text-decoration: underline; }
	a:hover { font-family: Arial, helvetica, sans-serif; color:#ffffff; font-size:13px; text-decoration: underline; }

	a.white1:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #f55e31; text-decoration: none; }
	a.white1:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #f55e31; text-decoration: none; }
	a.white1:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #f55e31; text-decoration: none; }
	a.white1:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: underline; }

	a.white1:link { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #f55e31; text-decoration: none; }
	a.white1:visited { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #f55e31; text-decoration: none; }
	a.white1:active { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #f55e31; text-decoration: none; }
	a.white1:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; text-decoration: none; }

	a.topnav:link { margin:0 15px 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #a7a7a7; text-decoration: none; }
	a.topnav:visited { margin:0 15px 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #a7a7a7; text-decoration: none; }
	a.topnav:active { margin:0 15px 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #a7a7a7; text-decoration: none; }
	a.topnav:hover { margin:0 15px 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: underline; }

	a.topnavon:link { font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #00a29c; text-decoration: none; text-transform:uppercase; }
	a.topnavon:visited { font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #00a29c; text-decoration: none; text-transform:uppercase; }
	a.topnavon:active { font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #00a29c; text-decoration: none; text-transform:uppercase; }
	a.topnavon:hover { font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0062b5; text-decoration: underline; text-transform:uppercase; }

 	a.grey1:link { font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 11px;  margin:0 10px 0 0; color: #ffffff; text-decoration: none; }
	a.grey1:visited { font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 11px;  margin:0 10px 0 0; color: #ffffff; text-decoration: none; }
	a.grey1:active { font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 11px;  margin:0 10px 0 0; color: #ffffff; text-decoration: none; }
	a.grey1:hover { font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 11px;  margin:0 10px 0 0; color: #f55e31; text-decoration: none; }

 	a.grey:link { font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background:url("../images/spacer.gif") no-repeat left; margin:0 8px 0 0; padding:0 0 0 10px; color: #ffffff; text-decoration: none; }
	a.grey:visited { font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background:url("../images/spacer.gif") no-repeat left; margin:0 8px 0 1; padding:0 0 0 10px; color: #ffffff; text-decoration: none; }
	a.grey:active { font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background:url("../images/spacer.gif") no-repeat left; margin:0 8px 0 0; padding:0 0 0 10px; color: #ffffff; text-decoration: none; }
	a.grey:hover { font-weight: 700; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background:url("../images/spacer.gif") no-repeat left; margin:0 8px 0 0; padding:0 0 0 10px; color: #f55e31; text-decoration: none; }

 	a.bullit:link { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background:url("../images/arrow.jpg") no-repeat left; margin:0 8px 0 0; padding:0 0 0 30px; color: #425e23; text-decoration: none; }
	a.bullit:visited { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background:url("../images/arrow.jpg") no-repeat left; margin:0 8px 0 1; padding:0 0 3 40px; color: #425e23; text-decoration: none; }
	a.bullit:active { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background:url("../images/arrow.jpg") no-repeat left; margin:0 8px 0 0; padding:0 0 0 30px; color: #425e23; text-decoration: none; }
	a.bullit:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background:url("../images/arrow.jpg") no-repeat left; margin:0 8px 0 0; padding:0 0 0 30px; color: #000000; text-decoration: underline; }



#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0 0 0 0;
	max-height:38px;
	list-style: none;
	text-decoration: none
	float: center;
	font: bold 14px Arial, Helvetica, sans-serif;}

#sddm li a
{
	display: block;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	height:38px;
	width: auto;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font: bold 14px Arial, Helvetica, sans-serif;}

#sddm li a:hover
{	
	color: #ffffff;
	text-decoration: none;
	background:url("../images/over-bg2.png") no-repeat top left;
	

}

#sddm div
{	position: relative;
	visibility: hidden;
	margin: 0 0 0 0;
	padding: 0;
	width:auto;
	background: #242424;
	}

#sddm div a
	{	position: relative;
		margin: 0 0 0 0;
		padding: 15px 0 0 0;
		width:215px;
		white-space: nowrap;
		text-align: center;
		text-decoration: none;
		background: #242424;
		color: #ffffff;
		font: bold 12px Arial, Helvetica, sans-serif;}

	#sddm div a:hover
{
	color: #ffffff;
	text-decoration: none;
	background: #000000;
}


