/*

Filename:		main.css
Site URL: 		http://livepcsupport.com
Description:	All main shared styles
Colors Ref: 	#3399cc (links), #990000 (rollover), #dadbdc (rules)

*/

/** GLOBALS **/

body{
	background: #fff url(../images/bg-page-home.png) repeat-x;
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
}

.clear{
	clear: both;
	height: 0;
	overflow: hidden;
}

a{
	color: #39c;
	/* font-weight: bold; */
}
a:hover{
	color: #900;
}
a.more{
	font-weight: bold;
}

a.red-button{
	display: inline-block;
	height: 41px;
	background: url(../images/buttons/red-button.png) no-repeat right top;
	font: bold 20px/40px Arial;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 1px #333;
	text-align: center;
	padding-right: 6px;
	outline: none;
}
a.red-button:hover{
	background-position: right bottom;
	color: #fbeac2;
}
	a.red-button span{
		display: block;
		height: 41px;
		background: url(../images/buttons/red-button.png) no-repeat left top;
		padding-left: 6px;
		margin-left: -6px;
	}
	a.red-button:hover span{
		background-position: left bottom;
	}
		a.red-button span span{
			display: inline;
			padding: 10px 7px;
			background: url(../images/button-arrow.gif) no-repeat center center;
			margin: 0 0 0 7px;
		}
		a.red-button:hover span span{
			background: url(../images/button-arrow-over.gif) no-repeat center center;
			padding: 10px 7px;
			margin: 0 0 0 7px;
		}

#container {
	width: 963px;
	margin: 0 auto;
	position: relative;
	padding-top: 36px;
}

	#container #banner{
		width: 963px;
		height: 309px;
	}

h1.geekbuddy-logo{
	margin: 0;
	padding-bottom: 54px;
}
h1.geekbuddy-logo a{
	display: block;
	width: 267px;
	height: 67px;
	background: url(../images/geekbuddy_logo.jpg) repeat scroll 0 0 transparent;
	text-indent: -9999px;
	outline: none;
}

h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid #dadbdc;
}
	

/** NAVIGATION **/
	
#navigation{
	width: 962px;
	height: 39px;
	background: url(../images/nav-bg.png) no-repeat top left;
	position: absolute;
	top: 116px;
}
	#navigation li{
		float: left;
	}
	#navigation a{
		display: block;
		font-size: 12px;
		line-height: 34px;
		font-weight: bold;
		text-decoration: none;
		outline: none;
	}
		#site-nav li{
			background: url(../images/nav-li-bg.gif) no-repeat top right;
		}
			#site-nav a{
				color: #a7a7aa;
				padding: 0 32px 5px 32px;
			}
			#site-nav a:hover{
				color: #b31e24;
			}
			#site-nav a.on{
				background: url(../images/nav-on.png) no-repeat center top;
				color: #fff;
			}
			#site-nav a#nav-home.on{
				background: url(../images/nav-home-on.png) no-repeat left top;
			}

		#member-nav{
			float: right;
			margin-right: 7px;
		}
			#member-nav li.border{
				background: url(../images/member-nav-li-bg.gif) no-repeat right center;
			}
				#member-nav a{
					padding: 0 10px;
					color: #fff;
				}
				#member-nav a:hover {
					color: #fbfae8;
				}
		#login-link{
			position: relative;
			float: right;
			top: -50px;
			left: 75px;
			font-size: 12px;
		}
			#login-link a{
				color: #666;
				font-weight: normal;
				text-decoration: underline;
			}
			#login-link a:hover{
				color: #000;
			}

/** HOME **/

#home #solutions {
	width: 963px;
	height: 303px;
	margin: 6px 0 35px 0;
	overflow: hidden;
	position: relative;
	z-index: 50;
}
	#home #solutions li.panel{
		width: 465px;
		height: 283px;
		padding: 20px 78px 0 420px;
		overflow: hidden;
	}
	
	#home #slide-one{
		background: url(../images/slides/home_geek_slide1.gif) no-repeat 14px bottom;
	}
	#home #slide-two{
		background: url(../images/slides/home_geek_slide2.gif) no-repeat 14px bottom;
	}
	#home #slide-three{
		background: url(../images/slides/home_geek_slide3.gif) no-repeat 14px bottom;
	}
	#home #slide-four{
		background: url(../images/slides/home_geek_slide4.gif) no-repeat 14px bottom;
	}
	
		#home .panel h1{
			font-size: 30px;
			font-weight: bold;
			color: #000;
			margin-bottom: 12px;
		}
		#home .panel h4{
			font-size: 21px;
			margin-bottom: 16px;
		}
		#home .panel p.bordered{
			padding: 12px 0;
			border-top: 1px solid #dadbdc;
			border-bottom: 1px solid #dadbdc;
		}
		#home .panel .calls{
			margin-top: 22px;
		}
			#home .panel .calls p{
				font-size: 12px;
				font-weight: bold;
				margin: 3px 0 0 140px;
				text-align: center;
			}
			.download-home{
				width: 300px;
				margin-left: 5px;
			}
			
	#home span#left, #home span#right {
		display: block;
		width: 19px;
		height: 53px;
		position: relative;
	}
	#home span#left{	
		background: url(../images/slides/left.png);
		margin: 0 0 -106px -32px;
		top: -200px;
	}
	#home span#right {
		background: url(../images/slides/right.png);
		margin-left: 975px;
		top: -147px; 
	}
	#home span#left:hover, #home span#right:hover {
		background-position: -19px;
	}
		#home span#left a, #home span#right a{
			display: block;
			width: 19px;
			height: 53px;
			outline: none;
		}

#home #content{
	border-bottom: 1px solid #dadbdc;
	padding-bottom: 25px;
	margin-bottom: 30px;
}
	#home #content .thirds{
		width: 293px;
		height: 155px;
		background: #fff;
		float: left;
	}
	#home #content .thirds.bordered{
		padding: 0 20px;
		margin: 0 20px;
		border-left: 1px solid #dadbdc;
		border-right: 1px solid #dadbdc;
	}
		#home #content .thirds p{
			color: #666;
			font-size: 12px;
			line-height: 17px;
		}
		#home #content .thirds h3 {
			color: #000;
			font-size: 22px;
			font-weight: bold;
			margin-bottom: 18px;
		}
	
	#home #content .features{
		padding-left: 76px;
	}
	#home #content .features li {
		background: url(../images/features-li.gif) no-repeat left 2px;
		color: #666;
		font-size: 12px;
		padding-left: 14px;
		padding-bottom: 5px;
	}
	
/*#five { background: #ededed url(../images/5points.jpg) no-repeat 14px 12px; height: 223px; padding: 45px 28px 0 357px; -moz-border-radius: 10px; -webkit-border-radius: 7px; }
 	#five h4 { font-size: 24px; font-weight: bold; color: #666; }
	#five p { color: #666; line-height: 20px; }*/
	
#home #cred{
	background: #ededed url(../images/1gray.gif) 481px top repeat-y;
	height: 180px;
	padding: 31px 12px 0 18px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 7px;
}
	#home #cred .awards{
		width: 446px;
		margin-right: 32px;
		float: left;
	}
	#home #cred .retailers{
		width: 450px;
		float: left;
	}
		#home #cred .retailers li{
			margin: 0 10px 7px 0;
			float: left;
		}
		#home #cred .retailers li.last {
			margin-right: 0;
		}
		#home #cred h4{
			font-size: 16px;
			font-weight: bold;
			color: #000;
			padding-bottom: 7px;
			border-bottom: 1px solid #dadbdc;
			margin-bottom: 16px;
		}
		#home #cred p{
			color: #666;
			font-weight: bold;
			line-height: 20px;
			margin-top: 14px;
		}



/** SERVICES **/

	#services #banner{
		background: url(../images/services-banner-bg.png) no-repeat 570px  bottom;
	}
		#services #banner .copy{
			width: 486px;
			height: 309px;
			padding-right: 477px;
		}
		#services #banner  h1{
			padding: 25px 0 15px;
			font: bold 31px Arial;
			color: #000;
			margin-bottom: 0;
		}
		#services #banner  .features{
			width: 457px;
			padding: 9px 0;
			border-top: 1px solid #dadbdc;
		}
			#services #banner  .features ul{
				float: left;
				padding-right: 70px;
			}
			#services #banner  .features ul li{
				background: url(../images/banner-check.png) no-repeat left center;
				padding-left: 16px;
				font-size: 12px;
				line-height: 19px;
				color: #666;
			}			
			#services #banner  .cta{
				width: 457px;
				border-top: 1px solid #dadbdc;
				text-align: center;
				padding-top: 10px;
			}
				#services #banner .cta p{
					font-size: 14px;
					font-weight: bold;
					margin: 4px 0;
					padding: 0;
				}
					#services #banner .cta p.no-card{
						font-size: 12px;
					}
				#services #banner .red-button{
					width: 430px;
				}
	
	#services #content{
		border: 0;
		width: 963px;
		padding-top: 35px;
	}
		#services #content h2{
			font-size: 31px;
			color: #7a7a7a;
			margin-bottom: 0;
		}
		#services .services-list{
			float: left;
		}
		#services .services-list li{
			width:449px;
			height: 120px;
			padding: 24px 24px 0 0;
			border-bottom: 1px solid #dadbdc;
			float: left;
		}
		#services .services-list li.padded{
			padding-left: 15px;
			border-left: 1px solid #dadbdc;
		}
		#services .services-list li.last{
			border-bottom: 0;
		}
			#services .services-list h3{
				color: #000;
				font-size: 22px;
				font-weight: bold;
				margin-bottom: 18px;
			}


/** HOW IT WORKS **/
	
	#how-it-works #banner{
		background: url(../images/how-it-works-banner-bg.png) no-repeat 570px  bottom;
	}
		#how-it-works #banner .copy{
			width: 486px;
			height: 309px;
			padding-right: 477px;
		}
		#how-it-works #banner  h1{
			padding: 25px 0 5px;
			font: bold 31px Arial;
			color: #000;
			margin-bottom: 0;
		}
		#how-it-works #banner  p{
			padding: 5px 0 10px;
			font-size: 21px;
			color: #333;
			margin-bottom: 10px;
		}
			#how-it-works #banner  .cta{
				width: 457px;
				border-top: 1px solid #dadbdc;
				text-align: center;
				padding-top: 20px;
			}
				#how-it-works #banner .cta p{
					font-size: 14px;
					font-weight: bold;
					margin: 4px 0;
					padding: 0;
				}
					#how-it-works #banner .cta p.no-card{
						font-size: 12px;
					}
				#how-it-works #banner .red-button{	
					width: 430px;
				}
				
	#how-it-works #content{
		width: 963px;
		padding-top: 35px;
	}
		#how-it-works #content h2{
			font-size: 31px;
			color: #7a7a7a;
			margin-bottom: 20px;
		}

	#how-it-works .diagram{
		width: 763px;
		height: 245px;
		background: url(../images/how-it-works-diagram-bg.png) no-repeat center top;
		padding-left: 200px;
		margin-bottom: 35px;
	}
		
		#how-it-works .diagram table {margin: 0; }
		#how-it-works .diagram th, #how-it-works .diagram td { border: 0; padding: 0; }

		
		#how-it-works .diagram table td, #how-it-works .diagram table th{
			width: 143px;
			padding: 0 15px 10px 15px;
			font: bold 13px Arial;
			text-align: center;
			vertical-align: top;
			color: #444;
		}
		#how-it-works .diagram  table th{
			padding-top: 16px;
			padding-bottom: 100px;
		}
			#how-it-works .diagram table th span{
				padding: 0 13px;
			}
		
		#how-it-works .diagram table td{
			padding-top: 10px;
		}
		
		#how-it-works  .support-advantages{
			width: 679px;
			height: 165px;
			margin-left: auto;
			margin-right: auto;
			padding: 30px 38px 20px 244px;
			position: relative;
		}
		#how-it-works  .support-advantages h3{
			line-height: normal;
			font-size: 22px;
			font-weight: bold;
			color: #666;
			border-bottom: 1px solid #dadbdc;
			padding-bottom: 15px;
			margin-bottom: 15px;
		}	
		#how-it-works  .support-advantages{
			background: url(../images/how-it-works-advantages-bg.jpg);
		}
		#how-it-works  .support-advantages .features{
			float: left;
			padding-right: 30px;
		}
		#how-it-works  .support-advantages .features li {
			background: url(../images/features-li.gif) no-repeat left center;
			color: #666;
			font-size: 12px;
			line-height: 20px;
			padding-left: 16px;
		}
		
	#how-it-works .red-button.chat{
		width: 140px;
		margin-top: 5px;
	}


/** RENEW YOUR AV **/
	
	#renew-your-av #banner{
		background: url(../images/renew-your-av-banner-bg.png) no-repeat right bottom;
	}
		#renew-your-av #banner .copy{
			width: 486px;
			height: 309px;
			padding-right: 477px;
		}
		#renew-your-av #banner  h1{
			padding: 25px 0 15px;
			font: bold 31px Arial;
			color: #000;
			margin-bottom: 0;
		}
			#renew-your-av #banner  .cta{
				width: 457px;
				border-top: 1px solid #dadbdc;
				text-align: center;
				padding-top: 20px;
			}
				#renew-your-av #banner .cta p{
					font-weight: bold;
					margin: 4px 0;
				}
					#renew-your-av #banner .cta p.no-card{
						font-size: 12px;
					}
				#renew-your-av #banner .red-button{
					width: 430px;
				}
	#renew-your-av #content{
		width: 963px;
		padding-top: 35px;
	}
		#renew-your-av #content h2{
			font-size: 31px;
			color: #7a7a7a;
			margin-bottom: 0;
		}

		#renew-your-av table.why-choose{margin: 0; }
		#renew-your-av .why-choose th, #renew-your-av .why-choose td { border: 0; padding: 0; }

		#renew-your-av .why-choose td{
			width: 50%;
			border-bottom: 1px solid #dadbdc;
			padding: 16px 16px 16px 60px;
			color: #666;
			line-height: 18px;
			vertical-align: top;
		}
		#renew-your-av .why-choose td.one{
			background: url(../images/list-numbers1.png) no-repeat 0 16px;
		}
		#renew-your-av .why-choose td.two{
			background: url(../images/list-numbers2.png) no-repeat 0 16px;
		}
		#renew-your-av .why-choose td.three{
			background: url(../images/list-numbers3.png) no-repeat 0 16px;
		}
		#renew-your-av .why-choose td.four{
			background: url(../images/list-numbers4.png) no-repeat 0 16px;
		}
		#renew-your-av .why-choose td.border{
			border-left: 1px solid #dadbdc;
			background-position: 16px 16px;
			padding-left: 76px;
		}
	
	#renew-your-av .promo{
		margin-top: 60px;
		width: 718px;
		height: 175px;
		background: url(../images/renew-your-av-promo-bg.jpg) no-repeat;
		position: relative;
		padding: 25px 0 0 244px;
	}
		#renew-your-av .promo h3{
			font-size: 24px;
			font-weight: bold;
			color: #666;
			margin-bottom: 17px;
			padding: 0;
		}
		#renew-your-av .promo p{
			width: 417px;
			font-size: 12px;
			color: #666;
			margin-bottom: 5px;
		}
		#renew-your-av .promo .buddy{
			position: absolute;
			right: 0;
			bottom: 0;
		}
		#renew-your-av .promo .red-button{
			width: 410px;
			margin-top: 10px;
			margin-left: 5px;
		}
		
		#renew-your-av .promo p.no-card{
			font-weight: bold;
			text-align: center;
			color: #333;
			margin-top: 5px;
		}



/** CLEAN MY PC **/
	
	#clean-my-pc #banner{
		background: url(../images/clean-your-pc-banner-photo.jpg) no-repeat 10px bottom;
	}
		#clean-my-pc #banner .copy{
			background: url(../images/clean-your-pc-banner-cta-bg.png) no-repeat right bottom;
			width: 535px;
			height: 309px;
			padding-left: 428px;
		}
		#clean-my-pc #banner  h1{
			padding: 25px 0 4px;
			font: bold 31px Arial;
			color: #000;
			margin-bottom: 24px;
		}
		#clean-my-pc #banner .text{
			height: 191px;
			padding-left: 3px;
		}
			#clean-my-pc #banner .text p{
				width: 450px;
			}
		#clean-my-pc #banner .cta{
			width: 458px;
			text-align: center;
			padding-top: 5px;
		}
			#clean-my-pc #banner .cta p{
				font-weight: bold;
				margin: 4px 0;
			}
				#clean-my-pc #banner .cta p.no-card{
					font-size: 12px;
				}
			#clean-my-pc #banner .red-button-big{	
				display: inline-block;
				width: 428px;
				height: 57px;
				background: url(../images/buttons/red-button-big.png) no-repeat 0 0;
				font-weight: bold;
				font-size: 20px;
				color: #fff;
				line-height: 56px;
				text-decoration: none;
				text-shadow: 0 1px 1px #333;
			}
			#clean-my-pc #banner .red-button-big:hover{
				background-position: 0 -57px;
				color: #fbeac2;
			}
				#clean-my-pc #banner .red-button-big span{
					display: inline;
					padding: 10px 7px;
					background: url(../images/button-arrow.gif) no-repeat center center;
					margin: 0 0 0 9px;
				}
				#clean-my-pc #banner .red-button-big:hover span{
					background: url(../images/button-arrow-over.gif) no-repeat center center;
					padding: 10px 7px;
					margin: 0 0 0 9px;
				}
				#clean-my-pc #banner .red-button-big span.small{
					display: inline;
					background: none;
					font-size: 15px;
					margin: 0;
					padding: 0;
				}	

	#clean-my-pc #content{
		width: 963px;
		padding-top: 35px;
	}
		#clean-my-pc #content .chat-now-promo{
			width: 210px;
			height: 282px;
			float: left;
			background: url(../images/clean-your-pc-chat-now-bg.png) no-repeat center bottom;
			padding: 40px 0 0 175px;
		}
			#clean-my-pc #content .chat-now-promo .tagline{
				margin-bottom: 25px;
				line-height: normal;
			}
				#clean-my-pc #content .chat-now-promo .tagline p{
					font-size: 30px;
					margin-bottom: 10px;
				}
				#clean-my-pc #content .chat-now-promo .tagline div{
					font-size: 18px;
					border-top: 1px solid #dadbdc;
					border-bottom: 1px solid #dadbdc;
					padding: 14px 0;
				}
			#clean-my-pc #content .chat-now-promo .cta{
				text-align: center;
			}
				#clean-my-pc #content .chat-now-promo .price{
					font-weight: bold;
					font-size: 15px;
					color: #666;
				}
					#clean-my-pc #content .chat-now-promo .price span{
						font-size: 25px;
						color: #333;
					}
				
			#clean-my-pc .chat-now-promo .red-button{
				width: 180px;
				margin-top: 5px;
				margint-right: 5px;
			}
				
		#clean-my-pc #content .ftrs{
			float: left;
			padding-left: 43px;
			width: 534px;
		}
			#clean-my-pc #content .ftrs li{
				background: url(../images/clean-your-pc-green-check.png) no-repeat 5px 5px;
				padding-left: 35px;
			
			}
			#clean-my-pc #content .ftrs li h3{
				font-weight: bold;
				font-size: 18px;
				color: #333;
				line-height: normal;
				margin-bottom: 8px;
			}
			#clean-my-pc #content .ftrs li.bottom-sep{
				border-bottom: 1px solid #dadbdc;
				padding-bottom: 15px;
				margin-bottom: 10px;

			}

/** DOWNLOAD CONFIRMATION **/	
			
			
body#conf {
	background: #fff url(../images/bg-page-conf.png) repeat-x left top;
}
	
#conf h1.geekbuddy-logo {
	margin: 0;
	padding: 0;
}
	
#conf .confirmation { 
	border-top: 1px solid #b9b9b9;
	padding: 20px 0 50px 0;
	margin-top: 26px;
}

	#conf .confirmation h2 {
		font-size: 22px;
		color: #000;
		margin: 85px 0 15px 0;
		padding: 0;
		border: none;
	}
	
	#conf .confirmation h3 {
		font-size: 22px;
		font-weight: bold;
		color: #333;
		margin: 40px 0 25px 0;
		padding: 30px 0 0 0;
		border-top: 1px solid #dadbdc;
	}



#conf .install {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin: 20px 0 5px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #b9b9b9;
}

#conf .left-top {
	width: 592px;
	float: left;
}
	#conf .left-top h1 {
		font-size: 31px;
		font-weight:bold;
		color: #000;
	}
	#conf .left-top .problem {
		width: 592px;
		height: 50px;
		line-height: 50px;
		background: url(../images/thank-you-bg1.png) no-repeat left top;
		font-size: 18px;
		color: #333;
		text-indent: 30px;
		margin-top: 12px;
	}
		#conf .left-top .problem a {
			font-weight: normal;
		}
#conf .right-top {
	width: 291px;
	height: 200px;
	float: right;
	background: url(../images/thank-you-bg2.png) no-repeat left top;
	padding: 0 20px;
}
	#conf .right-top .fontsm {
		font-size: 12px;
	}
	#conf .right-top .install {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	#conf .right-top .ch {
		margin: 20px 0 0 10px;
		width: 270px;
	}
#conf .left-middle {
	width: 416px;
	height: 81px;
	font-size: 18px;
	color: #666;
	float: left;
	background: url(../images/thank-you-bg3.png) no-repeat left top;
	padding: 30px 0 0 20px;
}
#conf .middle-middle {
	width: 91px;
	height: 111px;
	float: left;
	background: url(../images/thank-you-bg4.png) no-repeat center center;
}
#conf .right-middle {
	width: 416px;
	height: 91px;
	color: #666;
	float: left;
	background: url(../images/thank-you-bg5.png) no-repeat left top;
	padding: 20px 0 0 20px;
}
	#conf .right-middle .ptop {
		font-size: 14px;	
	}
	#conf .right-middle .pbot {
		font-size: 16px;
		margin-top: 32px;
	}
	
#conf .chat-left {
	width: 398px;
	float: left;
}
#conf .chat-right {
	width: 496px;
	height: 193px;
	float: right;
	background: url(../images/geek.png) no-repeat left top;
	padding: 90px 0 0 55px;
	color: #242424;
}
	#conf .chat-right .ppt {
		width: 325px;
		font-size: 18px;
		border-bottom: solid 1px #dadbdc;
		padding-bottom: 10px;
		font-weight: bold;
		line-height: 22px;
		margin-bottom: 12px;
	}
	#conf .chat-right .pps {
		width: 255px;
		font-size: 12px;
		line-height: 18px;
	}
			

/** FOOTER **/
	
#footer{
	background: #f7f7f7;
	border-top: 1px solid #dadbdc;
	clear: both;
	margin-top: 55px;
	padding-top: 25px;
	text-align: center;
}
	#footer .footer-container{
		width: 963px;
		margin: 0 auto;
		overflow: hidden;
	}
	#footer .footer-logo{
		float: left;
		width: 194px;
		padding-top: 20px;
	}
	#footer .footer-text{
		float: left;
		border-left: 1px solid #dadbdc;
		padding-left: 40px;
		font-size: 12px;
		line-height: 19px;
		color: #666;
		width: 220px;
		margin: 0 36px 20px 0;
		text-align: left;
	}
	#footer .footer-more{
		clear: both;
		overflow: hidden;
		font-size: 12px;
		text-align: left;
		color: #666;
		padding: 15px 0 18px;
		border-top: 1px solid #dadbdc;
	}
		#footer .bottom-links{
			float: left;
		}
		#footer .footer-more a{
			text-decoration: none;
			color: #666;
			font-weight:bold;
		}
		#footer .small-text{
			float: right;
			color: #a1a1a4;
			font-size: 10px;
		}
/****/