html{
	padding: 0;
	margin: 0;
	background: url(../images/pinstripe.jpg) top left repeat;
	}

body{
	padding: 0;
	margin: 0;
	/* background: url(../images/bodybg.jpg) top left repeat-x; */
	color: #666;
	font: 12px Helvetica, Arial, Verdana, sans-serif;
	}

*{vertical-align: top;}

.contactsmf { color:#ffffff; }
a img{ border: 0; }
a{ color: #09C; text-decoration: none; }
.learnmore { background: url(../images/learnmore.png) 0 50% no-repeat; padding-left: 12px; position: relative; top: 8px; }
.content h4 { margin: 0; }

#cover { background: url(../images/clouds.jpg) 0 0 repeat-x; margin: 0 auto; width: 100%; padding:50px 0 0 0; }
#cityview { background: url(../images/lacity.png) top left repeat-x; margin: 0 auto; width: 100%; padding: 0; }
#wrapper { margin: 0px auto 0px auto; width: 960px; position: relative; padding-bottom: 50px; }

#header { height: 95px; position: relative; background: #0D0B0A url(../images/header-bg.png) 0 100% no-repeat; }
#header a { position: absolute; bottom: 16px; }
    #webex-header { left: 18px; }
    #cisco-header { right: 18px; }
 
#hero { background-repeat: no-repeat; background-position: 0 0; background-color: #000; height: 320px; width: 960px; }
#hero .content { width: 640px; padding: 250px 20px 20px 20px; } 
#hero h1, #hero h2, #hero h3, #hero h4 { color: #FFF; margin:0; font-weight: normal; }
#hero h1 { font-size: 32px; line-height: 20px; }
#hero h2, #hero h3, #hero h4 { font-size: 18px; margin: 10px 0 0 0; }

#hero.banner { background-image: url(../images/slide1.jpg); }

#mainbody { background: #b1b1b1 url(../images/contentbg.png) top left no-repeat; /*min-height: 235px;*/ padding: 10px; position: relative; }
#mainbody h1,h2,h3,h4{ font-size: 16px; color: #ffffff;}
#mainbody p{ font-size: 14px; color: #ffffff;}

#phones { position: relative; }

#iphone { float: left; width: 270px; background: url(../images/divider.png) 100% 33px no-repeat; }
#iphone .content { position: absolute; left: 85px; top: 100px; }

#smartphones { float: left; margin-left: 25px; }
#smartphones div .content { position: absolute; top: 40px; }
.smartphone { position: relative; float: left; }

#blackberry { width: 195px; position: relative; display: inline-block; }
#blackberry .content { left: 75px; }
#blackberry img { height: 120px; }

#nokia { width: 180px; position: relative; display: inline-block; }
#nokia .content { left: 70px; }

#windows { width: 220px; position: relative; display: inline-block; }
#windows .content { left: 115px; }

#awards { clear: left; }
#awards img { vertical-align: bottom; margin: 0 10px 0 0; }

.callouts { margin: 20px 0px 0px 0px; }
#footer { width: 960px; height: 42px; background: url(../images/footerbg.png) top left no-repeat; margin:0px;}
#footer a{ color:#000000; }
#footer a:link, a:active, a:visited{ text-decoration: none; }
#footer a:hover{ text-decoration: underline; }
#cisco-footer { position: absolute; right: 0; top: 2px; }

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */
	.Logo{ width:130px;height:130px;padding:0px; z-index: 100; }

    #nav span {color:#DDD;}
    #nav #nav-active {color:#DD1600;}

    #tray {background-color:#BFBFBF; z-index: 20; margin-bottom: 5px;}
    #tray li a {color:#404040;}
    #tray li#tray-active a {background-color:#DD1600; color:#FFF;}
    #tray li a:hover {background-color:#9F9F9F; color:#FFF;}

        #search #search-input {background-color:#FFF;}
        #search #search-input input {color:#404040; border: 1px solid #ffffff;}
   
     #tray {position:relative; width:960px; height:45px; background:url("../design/tray.png") 0 0 no-repeat; overflow:hidden; font:bold 90%/1 "tahoma",sans-serif;}
    #tray ul {margin:0 150px; list-style:none;}
    #tray li {display:inline;}
    #tray li a {display:block; float:left; padding:17px 20px 17px 18px; background:url("../design/tray-separator.gif") 100% 0 no-repeat; text-decoration:none;}
    #tray li a:hover {background:url("../design/tray-hover.gif");}
    #tray li#tray-active a {background:url("../design/tray-active.gif");}

        #search {position:absolute; top:8px; right:20px;}
        #search div {position:relative; width:185px;}
        
        #search #search-input {position:absolute; top:0; left:0; width:150px; height:30px; background:url("../design/search-input.gif") 0 0 no-repeat; overflow:hidden;}
        #search #search-input input {width:136px; margin:8px; border:0; font:100%/1 "arial",sans-serif;}
        #search #search-submit {position:absolute; top:0; right:0; width:30px;}
 
 /* #slideShow{ z-index: 10; } */
 
 #slider {
    width: 960px; /* 410px important to be same as image width */
    height: 320px; /* 300px important to be same as image height */
    position: relative;
	overflow: hidden; /* important */
	z-index: 10;
	text-align: center;
}
#sliderContent {
    width: 960px; /* 410px important to be same as image width or wider */
    position: relative;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}

.sliderImage span {
    position: absolute;
    padding: 10px 13px;
    width: 960px; /* 384px */
	padding-bottom: 15px; /* optional attribute added */
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    display: none;
}

span.top p, span.bottom p{
	font: 18px/20px Arial, Helvetica, sans-serif;
    color: #fff;
}

span.top p{
	float: right;
	text-align: right;
	padding: 0 20px;
}

span.bottom p{
	float: left;
	text-align: left;
	padding: 0;
}
		
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 32px; /* 14px */
}

span.top img{
	z-index: 15px;
	padding: 0 20px; margin: 0;
	float: right;	
}

span.bottom img{
	z-index: 15px;
	padding: 0; margin: 0;
	float: left;	
}

.top {
	top: 0;
	left: 0;
}

.bottom {
	bottom: 0;
    left: 0;
}

ul { list-style-type: none;}


/*********************Accordion Content*****************************/

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font-weight: bold;
margin: 10px 0;
}


.openlanguage{ /*class added to contents when they are open*/
color: #f0f0f0;
}

.closedlanguage{ /*class added to contents they are closed*/
color: #ffffff;
}

.thelanguage{
	color: #000000;
}
 
.accordion b{
	color: #ffffff;
}


/* TB Contact Form Style BEGINS */
.tbContactform .antispam {
	 display:  none;
	 visibility: hidden;
}

.tbContactform label {
	 width:  95px;
	 display:  inline-block;
	 vertical-align: top;
	 clear: both;
}

.tbContactform input.text,
.tbContactform textarea {
	 width:  225px;
	 padding: 2px;
}

.tbContactform textarea {
	 height:  115px;
}

.tbContactform input.submit
{
	display: block;
	margin-left: 250px;
	width:  auto;
}

.tbContactform .tbErrors p
{
	color: #FF0000;
}
/* TB Contact Form Style ENDS */