/* Author: Fareed Qureshi */

/* Contents
 * 
 * 01 CSS Reset
 * 02 General
 * 03 Top Section
 * 04 Navigation Bar
 * 05 Sidebar
 * 06 Slideshow
 * 07 Main Content
 * 08 Cert Logos
 * 09 Footer
 * 10 Customers
 * 11 Credits
 * 
*/

@import url(http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT:italic);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);

/* 01 CSS Reset--------------------*/
* {
border:0 none;
outline:0;
margin:0;
}

/* 02 General-----------------------*/
body{
	background: #cfcfcf url(../img/bg-grd.jpg) center repeat-y;
	font-family: 
		"Palatino Linotype",
        Palatino,
        "URW Palladio L",
        serif;
	font-size: 14pt;
}

p{
	margin-bottom: 1em;
	text-align: justify;
}

a{
	color: #0C8D8D;
	text-decoration: none;
}

a:hover{
	color: #EBA314;
}

span.alert{
	color:#0C8D8D;
}

.accordion div{
	font-family: "Palatino Linotype",
             Palatino,
             "URW Palladio L",
             serif;
}

.collist span{
	cursor: pointer;
}
.collist span:hover{
	background: #e2e1ff;;
	border: 1px solid #cbcaee;;
}
.collist span:hover{
	border-left: none;
	border-right: none;
}

/* 03 Top Section------------------*/

#topbar{
	background: #0C8D8D url(../img/pulse.jpg) repeat-x;
	height: 10px;
	width: 100%;
	border-top: 1px solid #00B9B9;
	border-bottom: 1px solid #007171;
	margin: 0px;
	padding: 0px;
}
#top{
	background: #fff url(../img/head2.jpg) repeat-x;
	margin: 0 auto 0 auto;
	padding: 15px 30px 10px 30px;
	border: 1px 0 1px 0 solid #fff;
}

.top-wrap{
	height: 80px;
	width: 1100px;
	margin: 0 auto 0 auto;
	position: relative;
}

#top span{
	font-family: "Palatino Linotype",
             Palatino,
             "URW Palladio L",
             serif;
	font-style: italic;
	color: #0c8d8d;
	vertical-align: middle;
	position: absolute;
	top: 5px;
	right: 70px;
}

/* 04 Navigation bar----------------*/

#mid-wrap{
	position:relative;
	height: 130px;
}

.nav-wrap{
	position: relative;
	width: 100%;
	height: 60px;
	border-top: 1px solid #eeeeec;
	background: url(../img/drk.png) repeat;
	z-index: 2;
}

#nav{
	margin: 15px auto 10px auto;
	width: 800px;
	font-family: 'Droid Sans', Helvetica, Arial,
             sans-serif;
}

#nav ul{
	margin: 0px auto;
	width: 100%;
	height: 30px;
	vertical-align: middle;
}

#nav ul li{
	display: block;
	float: left;
	margin: 0 0.5em 0 0.5em;
}

#nav a{
	color: #bbb;
	text-decoration: none;
	font-size: 18pt;
	padding: 20px 0.5ex;
	margin-top: 0;
	border: 1 px solid red;
}

#nav a:hover{
	color: #0EA6A6;
	padding: 10px 0.5ex;
	margin-top: 0;
}

#nav ul li a#current{
	color: #0EA6A6;
	background: none;
	padding: 10px 0.5ex;
	margin-top: 5px;
}

#nav ul li a#current:hover{
	color: #0EA6A6;
	background: none;
	padding: 0.5ex;
	margin-top: 0;
}

.amp {
	font-family: 'OFL Sorts Mill Goudy TT',"Palatino Linotype", Palatino, "URW Palladio L", serif;
	font-style: italic;
}

/* 05 Sidebar */

#sidebar{
	width:250px;
	position: fixed;
	top: 50%;
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 12pt;
	right: -205px;
}

#side-top{
	background: url(../img/sidebar-top.png) top left no-repeat;
	overflow: hidden;
	margin: 0;
}
#side-bot{
	background: url(../img/side-btm.png) bottom left no-repeat;
	height: 40px;
	margin:0;
}

#trigger{
	cursor: pointer;
	height: 210px;
	float: left;
	width: 35px;
}
#inner-panel{
	width: 160px;
	float: left;
	margin: 1.5em 1em 1em 1.5em;
}

#sidebar a{
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #212121;
	margin: 0.5em 0 0 0;
}

#sidebar ul{
	margin: 0 0 .5em 0;
}

#sidebar li{
	list-style-image: url(../img/bullet.png);
	list-style-position: outside; 
	margin: 0 0 0 -1em;
}

/* 06 Slideshow------------------------*/

.slide-wrap{
	position: absolute;
	top: 0;
	height: 500px;
	width: 100%;
	z-index: -1;
	background: black;
	border-bottom: 1px solid #fff;
}

.slideshow{
	height: 500px;
	width: 1200px;
	margin: auto;
}

.slideshow img{
	width: 1200px;
	height: 500px;
	margin: auto;
	position: relative;
	top: 0;
}

.carousel{
	height: 500px;
	width: 1300px;
	margin: auto;
}

.carousel img{
	width: 400px;
	height: 400px;
	margin: auto;
}

/* 07 Main Content-------------------*/

#main{
	width: 100%;
	margin-top: 260px;
}

.cont{
	width: 970px;
	margin: 20px auto;
	padding: 0;
	position: relative;
}

.box{
	background: url(../img/slice-b.png) bottom left no-repeat;
	margin: 0;
	padding: 0em 4em 3em 4em;
}

.cont h1{
	background: url(../img/slice-t3.png) top left no-repeat;
	width: 970px;
	height: 63px;
	font-size: 22pt;
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-weight:normal;
	padding: 1em 0 0 1.5em;
	text-shadow:0 1px 0 #fff;
}

.cont h2{
	color: #737373;
	font-size: 18pt;
	font-family: 'Droid Sans', Helvetica , Arial, sans-serif;
	font-weight: normal;
	padding: 0 0 0.5em 0;
}

.cont h3{
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 15pt;
}

.accordion{font-size: 14pt;}
.cont ul{
	list-style-type:none;
	padding:0px;
	margin:0;
}

.cont li{
	list-style-image: url(../img/bullet.png);
	list-style-position: outside; 
	margin: .5em 0 .5em 30px;
}

/*
.cont li:hover{
	list-style-image: url(../img/bullet-r.png);
}
*/

.cont ul ul{
	margin: 0;
}

.cont ul ul li{
	list-style-image: url(../img/trblt-b.png);
	list-style-position: outside; 
}

.cont ul ul li:hover{
	list-style-image: url(../img/trblt-t.png);
}

.box:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.left{
	width: 330px;
	border-right: 1px solid #ddd;
	margin:0;
	float: left;
	padding: 0 3em 1em 0;
}

.right{
	width: 330px;
	border-left: 1px solid #aaa;
	margin:0;
	float: left;
	padding: 0 0 1em 3em;
}

.figure{
	float: right;
	position:relative;
	right: -30px;
	margin: 0.3em;
}

tr{
	margin: 0 0 1em 0;
}
td{
	text-align: center;
	vertical-align: middle;
	padding: 0.5em;
}
td div{
	margin: auto;
}

/* 08 Cert Logos */

.logos{
	position:relative;
	width: 100%;
}
#logo-row{
	position: absolute;
	top: 50%;
	height: 70px;
	margin-top: -29px;
	width: 100%; 
}
#logo-row div{
	float: left;
	margin: 0 1ex 0 1ex;
	display: inline-block;
}

#aic{
	background: url(../img/logo/aic-m.jpg) 0 -55px no-repeat;
	height: 55px;
	width: 46px;
}
#aic:hover{background: url(../img/logo/aic-m.jpg) 0 0 no-repeat}

#bicsi{
	background: url(../img/logo/bicsi-m.jpg) 0 0 no-repeat;
	height: 45px;
	width: 104px;
}
#bicsi:hover{background: url(../img/logo/bicsi-m.jpg) 0 -45px no-repeat;}

#cisco{
	background: url(../img/logo/cisco-m.jpg) 0 -45px no-repeat;
	height: 45px;
	width: 86px;
}
#cisco:hover{background: url(../img/logo/cisco-m.jpg) 0 0 no-repeat;}

#lucent{
	background: url(../img/logo/lucent-m.jpg) 0 -50px no-repeat;
	height: 50px;
	width: 218px;
}
#lucent:hover{background: url(../img/logo/lucent-m.jpg) 0 0 no-repeat;}

#nahb{
	background: url(../img/logo/nahb-m.jpg) 0 -50px no-repeat;
	height: 50px;
	width: 96px;
}
#nahb:hover{background: url(../img/logo/nahb-m.jpg) 0 0 no-repeat;}

#osha{
	background: url(../img/logo/osha-m.jpg) 0 -40px no-repeat;
	height: 40px;
	width: 139px;
}
#osha:hover{background: url(../img/logo/osha-m.jpg) 0 0 no-repeat;}

#pelco{
	background: url(../img/logo/pelco-m.gif) 0 0 no-repeat;
	height: 29px;
	width: 140px;
}
#pelco:hover{background: url(../img/logo/pelco-m.gif) 0 -29px no-repeat}

#tand{
	background: url(../img/logo/tandberg-m.jpg) 0 -23px no-repeat;
	height: 23px;
	width: 158px;
}
#tand:hover{background: url(../img/logo/tandberg-m.jpg) 0 0 no-repeat;}

#uace{
	background: url(../img/logo/uace-m.jpg) 0 0 no-repeat;
	height: 50px;
	width: 66px;
}
#uace:hover{background: url(../img/logo/uace-m.jpg) 0 -50px no-repeat;}

#vicon{
	background: url(../img/logo/vicon-m.jpg) 0 -48px no-repeat;
	height: 48px;
	width: 135px;
}
#vicon:hover{background: url(../img/logo/vicon-m.jpg) 0 0 no-repeat;}

.contact-logo img {margin: 0 0.5em 0 0.5em;}

/* 09 Footer */

#footer{
	width: 16ex;
	margin: 2em auto 0.5em auto;
	color: #737373;
}

/* 10 Customers -----------------------------------*/

.right p, .left p{
	font-style: italic;
	margin: 0 0 0.5ex 0;
	padding: 0 0 0 5pt;
	font-size: 12pt;
	border-left: 1px dotted #d1d1d1;
	color: #737373;
}

/* 11 CREDITS */
/*
 *  Stock photography courtesy of NASA,
 *  prophets10, MapleRose, dull-stock, and PandaLore Stock from DeviantArt.com
 *  Thomas Wolf and Canadian2006 from the Wikimedia Commons
 */