/************************************* TECHTOUCHSTONE **********************************/
/************************************* Designed by www.inzimo.com **********************************/

body {
	margin: 30px 0 20px 0;
	padding: 0;
	background: #828282 url(/images/bg.jpg) repeat-x;
	font: normal 13px Arial, sans-serif;
	color: #3b3b3b;
	line-height: 18px;
	}

#bigdiv{
margin: auto;
padding:0;
background: #fff url(/images/top.jpg) no-repeat;
width: 960px; 
text-align: left;
position: relative;
}

#wrap{
width: 960px;
margin: 0 auto;
padding:0;
}


#iframe{
width: 690px;
margin-left: 20px;
float: left;
}

.resources #right{
border-left: 0;
}

/********************************* LOGO *******************************************/

#logo{
height: 125px;
margin:0;
padding:0;
}


/********************************* MENU *******************************************/

#menu {
	width: 700px;
	height: 80px;
	margin: 0 auto;
	background: url(/images/menu0.jpg) no-repeat;
	position: absolute;
	padding:30px 0 0 0;
	top: 0;
margin-left: 385px;
	}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 170px;
	float: left;
	}
	
#menu ul.menusmall {
width: 140px;
}

#menu li {
	display: inline;
	}

#menu a {
	display: block;
	float: left;
	padding: 4px 30px 4px 15px;
	text-decoration: none;
	font: 12px Arial, sans-serif;
	color: #828282;
	font-weight: bold;
	}

#menu a:hover {
	color: #000000;
}


.home  #homenav,
.about  #aboutnav,
.summit #summitnav,
.event  #eventnav,
.why  #whynav,
.sponsorship #sponsorshipnav,
.speaking #speakingnav,
.clients #clientsnav,
.partners #partnersnav,
.resources #resourcesnav,
.contact  #menu  a#contactnav
{
color: #e6640e;
}





/********************************* CONTAINER ****************************************/

#container{
background: url(/images/container.jpg) no-repeat;
width: 960px;
height: auto;
padding: 0;
overflow: hidden;
margin:0;
}


/********************************* BOX ****************************************/

#box{
background: url(/images/box.jpg) no-repeat;
width: 920px;
height: auto;
padding: 0 0 10px 20px;
overflow: hidden;
font-size: 11px;
margin:0;
}

#b1, #b2, #b3, #b4{
width:229px;
height: 150px;
float: left;
text-align: center;
}

#b1 h3, #b2 h3, #b3 h3, #b4 h3, #ec h3{
padding:0;
margin: 105px 0 0 0;
}

#b1{
background: url(/images/one.jpg) no-repeat;
position: relative;
}

#b2{
background: url(/images/two.jpg) no-repeat;
border-left: 1px solid #e9e9e9;
position: relative;
}

#ec{
background: url(/images/two.jpg) no-repeat;
width:229px;
height: 150px;
float: left;
text-align: center;
position: relative;}

#b3{
background: url(/images/three.jpg) no-repeat;
border-left: 1px solid #e9e9e9;
position: relative;
}

#b4{
background: url(/images/four.jpg) no-repeat;
border-left: 1px solid #e9e9e9;
position: relative;
}


#forrester{
width:140px;
height:60px;
position: absolute;
left:40px;
top:31px;
}



#eventcalendar{
width:60px;
height:60px;
position: absolute;
left:82px;
top:31px;
}


#linkedin{
width:60px;
height:60px;
position: absolute;
left:53px;
top:31px;
}

#twitter{
width:60px;
height:60px;
position: absolute;
right:49px;
top:31px;
}

#nextevent{
width:200px;
height:60px;
position: absolute;
left:20px;
top:31px;
}


/********************************* ZITECH ****************************************/


/********************************* EVENT CALENDAR ****************************************/


.zevent-calendarrow{
margin: 0 0 20px 0;
border-bottom: 1px solid #e9e9e9; 
padding: 0 0 20px 0;
}

.zevent-calendarlogo{
width: 200px;
height: 90px;
float:left;
margin: 0 20px 20px 0;}


.zevent-calendartitle{
color: #e6640e;
font-weight: bold;
font-size: 14px;
padding-top:2px;
}

/********************************* PARTNERS ****************************************/


.zpartnersrow{
margin: 0 0 20px 0;
border-bottom: 1px solid #e9e9e9; 
padding: 0 0 20px 0;
}

.zpartnerslogo{
width: 420px;
height: 90px;
margin: 0 20px 0 0;}


.zpartnerstitle{
color: #e6640e;
font-weight: bold;
font-size: 14px;
padding-top:2px;
}


/********************************* TEAM ****************************************/


.zteamrow{
margin: 0 0 20px 0;
border-bottom: 1px solid #e9e9e9; 
padding: 0 0 20px 0;
height: 100px;
}

.zteamphoto{
width: 100px;
height: 100px;
float:left;
padding: 0 20px 0 0;}


.zteamname{
color: #e6640e;
font-weight: bold;
font-size: 14px;
padding-top:2px;
}


.zteamlinkedin {
padding: 10px 0 10px 0;
height:20px;
} 


.zteamlinkedin img{
padding: 0;
margin: 0;
}

/********************************* ADVISORY ****************************************/


.zadvisoryrow{
margin: 0 0 20px 0;
border-bottom: 1px solid #e9e9e9; 
padding: 0 0 20px 0;
height: 100px;
}

.zadvisorylogo{
width: 100px;
height: 100px;
float:left;
padding: 0 20px 0 0;}


.zadvisorycompany, .zadvisoryname{
color: #e6640e;
font-weight: bold;
font-size: 14px;
padding-top:2px;
}


/********************************* SPEAKERS ****************************************/


.zspeakersrow{
margin: 0 0 20px 0;
border-bottom: 1px solid #e9e9e9; 
padding: 0 0 20px 0;
height: 80px;
}

.zspeakerslogo{
width: 80px;
height: 80px;
float:left;
padding: 0 20px 0 0;}


.zspeakerscompany{
color: #e6640e;
font-weight: bold;
font-size: 14px;
padding-top:2px;
}


.zspeakersname{
font-weight: bold;
font-size: 14px;
padding-top:2px;
}

/********************************* FEATURE BOX ****************************************/

#featurebox{
background: #eeeff1;
padding: 15px;
}


/****************************** COLUMNS ******************************/
#left{
background-color: #fff;
margin: 0 20px 0 20px;
padding: 0 0 10px 0;
width:209px;
float: left;
}

#left  a{
text-decoration: none;
}

#left li  a{
width:180px;
height:25px;
margin: 0;
background: url(/images/subup.jpg) no-repeat;
display: block;
text-decoration: none;
}

#left ul{
padding:0;
list-style-type: none;}

.home #left a{
padding: 5px 0 0 30px;
color: #3b3b3b;
text-transform: uppercase;}

#left li a:hover{
background: url(/images/subdown.jpg) no-repeat left;
text-decoration: none;
color: #fff;
}



#getintouch{
background: url(/images/getintouch.jpg) no-repeat;
}

#newsletter{
background: url(/images/newsletter.jpg) no-repeat;
height: 350px;
}

#getintouch h2, #newsletter h2{
padding-top: 0;
}


#getintouch{
height: 300px;
margin-bottom: 20px;
}

#getintouch b {
font-size: 14px; 
margin-bottom: 10px;

}

#ci{
margin-left: 20px;
} 


#middle{
margin: 0 20px 20px 0;
padding: 0 0 0 20px;
width:419px;
float: left;
border-left: 1px solid #e9e9e9;
}

#right{
padding: 0 20px 0 20px ;
width:209px;
float: left;
margin-bottom: 10px;
border-left: 1px solid #e9e9e9;

}

#clients{
border-top: 1px solid #e9e9e9;
width:920px;
margin:0 0 0 0px;
clear: both;}


.clients #middle h2{
width: 400px;
clear: both;
}

.clients #middle {
width: 439px;
padding: 0 0 0 20px;
margin: 0;
}

#cbox {
width: 115px;
margin: 0;
float: left;
}

.clients #cbox {
width: 130px;
height: 70px;
margin: 0 10px 10px 0;
float: left;
text-align: center;
border: 1px solid #e9e9e9;
}

#terms{
width: 890px;
padding: 2px; 
}

#terms h1{
color: #46288c;
padding-left:0;
}

/****************************** BUTTONS  ********************************/

#buttons {
margin-bottom: 10px;
}

#button{
position: relative;}

#ep{
position: absolute;
margin: 20px 0 0 10px;
top: 107px;
left: 20px;

}



/****************************** H TAGS ********************************/

h1, h2, h3{
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

h1{
margin: 0;
font-size: 24px;
font-family: arial, sans-serif;
color: #e6640e;
padding: 0 0 10px 0;
line-height:30px;
}

h2{
font-size: 14px;
margin: 0;
color: #e6640e;
font-weight: bold;
padding: 10px 0 10px 0;
text-transform: uppercase;
}


h3 {
	font-weight: bold;
	font-size: 13px;
	padding: 0 0 5px 0;
	margin:0;
}

h4 {
	font-size: 13px;
	padding: 10px 0 10px 10px;
	margin:0;
	color: #46288c;
	font-weight: normal;
}



h5 {
	font-size: 10px;
	font-weight: normal;
}

h5 a{
padding: 0 0 0 10px;
	color: #222;
	text-decoration:none;
}


h7 {
color: red;
font-size: 12px;
text-transform: uppercase;
}

p, blockquote, ul, ol  {
	padding:0;
	margin:0;
	}

p{margin: 0 0 10px 0;}

ul{padding: 0 0 10px 20px;}


li{
padding: 0 0 5px 0;}
	
	
a:link{ 
color: #e6640e;
text-decoration:none;
}

a:hover{
color: #ff9100;
}
	
a:visited{
color: #e6640e;
}
	
a:active {
outline: none;
}

	

	
	
a {
text-decoration: none; 
	color: #46288c;
}

a img{
border: none;
text-decoration: none;
padding:0;
margin:0;
}


/****************************** BANNER ********************************/

#banner{
position: relative;
z-index:1; 
height: 250px;
}


#flashimg{
position: absolute;
top: 125px;
left: 21px;
z-index: 1;
}

#smallbanner{
position: relative;
padding: 0 0 20px 20px ;
}

#smallbanner h1{
font-size: 25px;
line-height: 28px;
font-weight: bold;
text-transform: uppercase;
color:#fff;
width: 260px;
top: 32px;
position: absolute;
left:650px;
}

#smallbanner p{
width: 260px;
top: 90px;
position: absolute;
left:650px;
color:#fff;
}


/********************************* MIDDLE ****************************************/
#middle img {
padding:0 0 15px 0;
margin:0;
border: 0;
}

/********************************* CONTACT ****************************************/

#middle .contact p{
padding: 0 0 10px 0;}

/************************* FORM ********************************/	

.fieldclear{
padding-bottom:5px;
}


table {margin:0 0 10px 0;
}

input, select{color: #666;}

form{
width: 180px;
margin: 0;
padding: 20px;
}


#middle form{
width: 400px;
margin: 0;
padding: 0;
}


 td.q{width: 400px;}


 textarea{
font-family: normal Arial, sans-serif;
 width: 380px;
 font-size: 12px;
 height: 100px;
 color: #666;
 }
 
/************************* FOOTER ********************************/	
	
#footer {
	clear:both;
	height: 35px;
	background: url(/images/footer.jpg) no-repeat bottom;
	margin:0; 
	padding-top: 20px;
}

#footer h5 {
	text-align: left;
	color: #222;
	padding:10px 0 0 0;
	margin:0 0 0 20px;
	}

#footer img{
margin: 0 10px 0 0;
}

#footer a{
text-decoration: none;
color: #222;}

#footer a:hover{
	color: #e6640e;
	text-decoration:none;
}

/************************* ADD THIS ********************************/	

#addthis{
position: absolute;
bottom: 5px;
right: 20px;
}

#at_hover span{
color:#222;}
color:#222;}

#at_share span{
color:#222;}

span{
margin-left: 20px;
}





text {
padding: 100px 0 0 0;
}