/*
*************************************************

LUCIDITY CONFERENCING
General Screen Styles

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; line-height: 1.2em; }
body { font: normal 100% "Lucida Grande", Arial, sans-serif; background: #fff; border-top: 3px solid #b22424; }

input,select,textarea { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 1em; }
input,textarea { border: 1px solid #ccc; padding: 2px; }
input.submit { background: #fff; color: #444; cursor: pointer; }
input.submit:hover { background: #b22424; border-color: #b22424; color: #fff; }

a { color: #444; }
a:hover { text-decoration: underline; }
a.small { font-size: .9em; }
br.clear { clear: both; }

img { display: block; border: 0; }


/*-------------------------------------------    
    Header
-------------------------------------------*/
#headerWrap { height: 100px;  }
#header { padding: 0 2%; }

#logo { margin: 0; padding: 28px 0 0 0; }
#logo img { text-align: center; margin: 0 auto; }
#utils { width: 45%; float: right; padding: 5px 0 0 0; }
#utils p { text-align: right; font-size: .7em; color: #eee; }
#utils img { float: right; } 
#utils a { text-decoration: none; color: #fff; }
#utils a:hover { text-decoration: underline; }

#banner { height: 340px; }
.bannerHome { height: 395px !important; }
.bannerLetstalk { background: url(../images/banner_letstalk.jpg) 50% 0 no-repeat; }
.bannerLetsconnect { background: url(../images/banner_letsconnect.jpg) 50% 0 no-repeat; }
.bannerPricing { background: url(../images/banner_pricing.jpg) 50% 0 no-repeat; }
.bannerContactus { background: url(../images/banner_contactus.jpg) 50% 0 no-repeat; }

#nav { width: 778px; height: 60px; margin: 0 auto; }
.navhome { height: 73px !important; }

#login { z-index: 100; width: 320px; height: 380px; position: absolute; left: 50%; top: 0px; margin-left: -160px; background: url(../images/loginbg1.png); }
#login form { padding: 40px 40px 20px 40px; }
#login h2 { text-indent: -9999px; background: url(../images/pleaselogin.gif) no-repeat; height: 30px; margin: 0 0 .5em 0; }
#login p { font-size: .85em; color: #eee; margin: 0 0 1em 0; }
#login p.loginError { color: #fff; font-size: .85em; }
#login a { color: #eee; }
#login .small { font-size: .8em; color:#ccc; }
#login input { margin-top: .3em; }
#login input.submit { background: none; border: 1px solid #eee; color: #fff; }
#login input.submit:hover { background: #222; border: 1px solid #222; }
#login p.close { padding: 0 20px; text-align: center; font-size: .6em; text-transform: uppercase; letter-spacing: .1em; }
#login p.close a { text-decoration: none; padding: 5px 10px; background: #992020; }

/*-------------------------------------------    
	Main
-------------------------------------------*/
#container { clear: left; }

#showcase {  }
#slideshow { position: relative; z-index: 1; height: 400px; top: 0; left: 0; }
#slideshow div { width: 100%; height: 400px; position: absolute; top: 0px; }
#slideshow img {  }

.slide { cursor: pointer; }
.s1 { background: url(../images/slide1.jpg) 50% 0 no-repeat; }
.s2 { background: url(../images/slide2.jpg) 50% 0 no-repeat; }
.s3 { background: url(../images/slide3.jpg) 50% 0 no-repeat; }
.s4 { background: url(../images/slide4.jpg) 50% 0 no-repeat; }


#main { margin: 5px auto; width: 778px; }

#colMain {  margin: 0 .2% 5px .2%; padding-top: .5em; }

#colMain hr { margin: 1em 0; height: 1px; color: #ddd; background: #ddd; border: 0; }

#col1 { width: 45%; float: left; margin: 1em 0 30px 0%; padding-right: 5%; border-right: 1px solid #ddd; }
#col2 { width: 45%; float: right; margin: 1em 0% 30px 0; }

#colMain h1 { display: none; font-size: 1.2em; line-height: 1em; margin: 0 0 .5em 0; color: #222; }

#colMain h2 { font-size: .8em; line-height: 1.4em; margin: 1.25em 0 0 0; color: #333; }
#colMain h2.marginBottom { margin-bottom: 1em; }
#colMain h2:first-child,#colMain h2.first-child { margin-top: 0 !important; }
#colMain h2.nextsteps { font-size: .8em; margin: 0 0 0 0; }
#colMain h3 { font-size: .8em; text-transform: uppercase; letter-spacing: .05em; line-height: 1.4em; margin: 1.25em 0 .6em 0; color: #666; }
#colMain h3:first-child,#colMain h3.first-child { margin-top: 0 !important; }
#colMain p { font-size: .8em; line-height: 1.4em; color: #777; margin: 0 0 1em 0; }
#colMain p.intro { display: none; font-size: 1em; font-weight: bold; color: #333; font-weight: normal; margin: .5em 0; }
#colMain p.homeintro { font-size: .9em; font-weight: bold; color: #333; font-weight: normal; margin: 0 0 .5em 0; }
#colMain p.errorMessage { color: #c00; font-weight: bold; }
#colMain p.intro2 { font-size: .8em; font-weight: bold; color: #777; margin: 1em 0; }
#colMain ul { font-size: .8em; line-height: 1.4em; color: #777; margin: 0 0 1em 2em; list-style-type: square; }
#colMain li { margin: 0 0 .5em 0; line-height: 1.4em; }
#colMain ul.nextsteps { list-style: none; margin: 0 0 1em 0; font-size: .7em; }
#colMain ul.nextsteps li { margin: .5em 0; }
#colMain ul.nextsteps li a { text-decoration: none; display: block; margin: 0 }
#colMain ul.nextsteps li.pricing a { text-indent: -9999px; width: 113px; height: 21px; background: url(../images/getaquote.gif) 0 0 no-repeat; }
#colMain ul.nextsteps li.contactus a { text-indent: -9999px; width: 113px; height: 21px; background: url(../images/getintouch.gif) 0 0 no-repeat; }

/*-------------------------------------------    
	Home
-------------------------------------------*/
#home { }


/*-------------------------------------------    
	Footer
-------------------------------------------*/
#footerWrap { border-top: 1px solid #ddd; width: 778px; margin: 0 auto; }
#footer { margin: 0 0 2em 0; padding: .5em 0; }
#footer p { font-size: .65em; text-align: center; line-height: 1.4em;  margin: 0; color: #999; }
#footer a { color: #999; }