@charset "utf-8";
/*  ---------------------------------------
	
	main.css
	````````
	main stylesheets document for
	Randy Dickson & Associates
	
    ---------------------------------------  */


/*  ---------------------------------------
	Global Reset
	- - - - - - - - - - - - - - - - - - - -  */

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; text-decoration: none; }
		

/*  ---------------------------------------
	Global rules and typography
	- - - - - - - - - - - - - - - - - - - -  */
	
		body {
			background: #023453 url(../images/body-bg-interior.png) repeat-x 0 0;
		}
		#background-left { width: 100%; height: 620px; overflow: hidden; margin: 0 0 -620px -50%; background: url(../images/left-body-bg-interior.png) repeat-x 0 0; }
		#container {
			position: relative;
			width: 916px;
			margin: 0 auto;
		}
		
		.hidden { display: none; }
		.clear { height: 1%; clear: both; }
		.left, .alignleft { float: left; }
		.right, .alignright { float: right; }
		
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.clearfix {display: inline-block;}
		.no-background { background: none !important; }
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */



/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */
	
		#header {
			height: 186px;
		}
			#header h1 {
				display: block;
				position: relative;
				height: 140px;
				width: 627px;
				top: 50px;
				left: 0;
			}
				#header h1 a {
					display: block;
					height: 140px;
					width: 627px;
					text-indent: -999999px;
					background: url(../images/header-logo.gif) no-repeat;
				}
			#header p#header-info {
			}
			
			#header ul {
				display: block;
				padding: 0 50px 0 10px;
				background: url(../images/main-nav-bg.gif) right no-repeat;
				height: 50px;
				position: absolute;
				top: 0;
				left: 0;
			}
				#header ul li {
					display: block;
					padding: 0 4px;
					float: left;
					background: url(../images/main-nav-li-bg.gif) left 18px no-repeat;
				}
					#header ul li.first { padding-left: 0; background: none; }
					#header ul li a {
						display: block;
						float: left;
						height: 50px;
						line-height: 45px;
						font-size: 14px;
						color: #6a5f3f;
						text-decoration: none;
						padding: 0 15px;
					}
					#header ul li a:hover {
						background: url(../images/main-nav-hover-bg.gif) center bottom no-repeat;
						color: #1e1a0e;
					}
					#header ul li.current_page_item a,
					#header ul .current_page_ancestor a,
					#header ul .current_page_parent a {
						color: #1b4460;
						font-weight: bold;
						background: url(../images/main-nav-current-bg.gif) center bottom no-repeat;
					}



/*  ---------------------------------------
	Masthead
	- - - - - - - - - - - - - - - - - - - -  */
	
		#masthead {
			display: block;
			position: absolute;
			top: 17px;
			left: 611px;
			height: 364px;
			width: 356px;
			text-indent: -999999px;
			background: url(../images/portrait-one.png) no-repeat !important;
			z-index: 90;
		}
		#masthead ul { display: none; }
		
			#masthead.one {
				background: url(../images/portrait-one.png) no-repeat !important;
				top: 17px;
				left: 611px;
			}
			#masthead.two {
				background: url(../images/portrait-two.png) no-repeat !important;
				top: 36px;
				left: 623px;
			}
			#masthead.three {
				background: url(../images/portrait-three.png) no-repeat !important;
				top: 26px;
				left: 530px;
			}
			#masthead.four {
				background: url(../images/portrait-four.png) no-repeat !important;
				top: 61px;
				left: 611px;
			}
			
			



/*  ---------------------------------------
	Sidebar
	- - - - - - - - - - - - - - - - - - - -  */
	
		#sidebar {
			width: 289px;
			float: right;
			padding-top: 195px;
		}
			#sidebar p a {
				color: #005a92;
			}
			#sidebar p a:hover {
				color: #fff;
				background: #1f5a80;
			}
			.sidebar-element {
				padding: 20px 30px 10px 35px;
				background: url(../images/small-divider-blue.gif) 35px bottom no-repeat;
			}
				.sidebar-element h3 {
					display: block;
					font-size: 19px;
					font-family: Georgia;
					color: #dfe8ec;
					padding-bottom: 10px;
					font-weight: normal;
				}
				.sidebar-element p {
					display: block;
					color: #708c9f;
					font-size: 14px;
					line-height: 24px;
					padding-bottom: 10px;
				}
				
				#are-you-meeting-planner {
					background: url(../images/sidebar-element-bg.jpg) bottom no-repeat #00183b;
					margin-bottom: 25px;
				}
				#clients-have-said h3 { margin-bottom: 10px; }
				#clients-have-said p {
					font-style: italic;
					color: #ddeef9;
					font-size: 14px;
					line-height: 18px;
					padding-left: 20px;
					padding-bottom: 18px;
					background: url(../images/quote-light-blue.gif) top left no-repeat;
				}
					#clients-have-said p strong {
						display: block;
						color: #aac0ca;
						font-weight: normal;
					}
				#contact-info strong {
					color: #aac0ca;
				}
			#contact-info p {
				line-height: 16px;
				padding-bottom: 5px;
			}
			#send-randy-message {
				padding-right: 20px;
				background: none;
				padding-left: 20px !important;
			}
			#nsa-logo {
	
				background: none;
				
			}
			#message-box-container {
				padding-bottom: 23px;
				background: url(../images/message-box-bg-closed.gif) left bottom no-repeat;
				width: 230px;
			}
				#message-box-container h3 {
					display: block;
					width: 230px;
					padding-bottom: 0;
				}
					#message-box-container h3 a {
						display: block;
						padding: 19px 0 10px 16px;
						background: url(../images/message-box-header-bg.gif) top no-repeat;
						font-size: 12px;
						text-transform: uppercase;
						color: #fff;
						text-decoration: underline;
					}
				
				#cforms2 {
					padding: 5px 8px 5px 16px !important;
					display: none;
				}
					#cforms2form { padding: 0; margin: 0;}
					#cforms2form li { padding: 0 !important; margin: 0 !important; }
					#cforms2form input {
						display: block;
						width: 135px;
						margin-bottom: 5px;
						background: #fff;
						border: none;
					}
					#cforms2form input.sendbutton {
						display: block;
						width: auto;
						margin-top: 8px;
					}
					#cforms2form p.cf-sb {
						padding: 0 !important;
						margin: 0 !important;
					}
					#cforms2form label {
						display: block;
						padding: 3px 0 3px 0;
						font-size: 12px;
						color: #fff;
					}
					#cforms2form textarea.area {
						display: block;
						width: 165px !important;
						height: 135px !important;
						background: #fff;
						border: none;
					}
					
			#client-slideshow ul {
				list-style-type: none;
				display: block;
				width: 224px;
			}
				#client-slideshow ul li {
					font-size: 16px;
					color: #708C9F;
					font-style: italic;
					font-weight: bold;
					width: 224px;
				}
			#certifications {
				margin-top: 10px;
				background: none;
			}
				#certifications h3 { margin-bottom: 10px; }
			#certifications-slide {
				width: 140px;
				display: block;
			}
				#certifications-slide div {
					width: 140px;
					margin: 0;
					padding: 0;
					display: block;
				}
				#certifications-slide div img { display: block; -moz-border-radius: 10px; }
				#certifications-slide div span {
					font-size: 14px;
					font-weight: normal;
					color: #d1dfe7;
					padding: 5px;
					display: block;
					text-align: center;
				}
					#certifications-slide div span strong {
						font-size: 14px;
						font-weight: bold;
						display: block;
						padding-bottom: 5px;
						color: #e7eff5;
					}
						#certifications-slide div span strong span {
							font-size: 22px;
							padding-bottom: 10px;
							font-family: Arial;
							font-weight: normal;
							display: block;
							color: #669bbc;
						}




/*  ---------------------------------------
	Main
	- - - - - - - - - - - - - - - - - - - -  */
	
		#main {
			padding: 24px 0 0 0;
			width: 627px;
			float: left;
			background: url(../images/main-top-bg.gif) top no-repeat #ebe3cf;
			color: #224257;
		}
			#main h3 {
				display: block;
				font-size: 29px;
				font-family: Georgia;
				color: #0c569a;
				margin: 0 25px 20px 25px;
				padding-bottom: 20px;
				border-bottom: 1px solid #cccbbb;
			}
			#main h4 {
				display: block;
				font-size: 18px;
				padding: 5px 25px 15px 25px;
				color: #0051ac;
				font-weight: bold;
			}
				#main h4 a {
					display: block;
					font-size: 18px;
					padding: 5px 25px 15px 25px;
					color: #0051ac;
					font-weight: bold;
					text-decoration:none;
				}
				#main h4 a:hover {
					text-decoration:underline;
				}
				#main h4 small {
					padding: 0 0 0 45px;
					font-size:65%;
				}
			#main h5 {
				display: block;
				font-size: 18px;
				font-weight: normal;
				font-style: italic;
				padding: 10px 25px 10px 25px;
			}
			#main .entry {
				margin:0 30px;
			}
			#main p {
				/* display: block; */
				padding: 0 25px;
				font-family: Georgia;
				font-size: 14px;
				line-height: 24px;
				padding-bottom: 15px;
			}
				#main p.lead {
					font-size: 18px;
					line-height: 26px;
					padding-bottom: 20px;
				}
			#main p a {
				color: #005a92;
			}
			#main p a:hover {
				color: #0c2c4f;
				background: #f6f2e8;
			}
			#main img {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;				
			}
			#main ul {
				display: block;
				padding: 0 25px 15px 40px;
				list-style-image: url(../images/bullet-blue-dot.png);
				font-size: 14px;
			}
				#main li {
					padding-bottom: 6px;
					line-height: 20px;
				}
				#main li a { color: #005a92; }
				#main li a:hover {
					color: #0c2c4f;
					background: #f6f2e8;
			}
			#main ol {
				display: block;
				padding: 0 25px 15px 50px;
				font-size: 14px;
			}
			
			p.link { padding-top: 10px; }
			p.two-links a {
				float: left;
				margin-right: 10px;
			}
			a.learn-more,
			a.learn-more:hover {
				display: block;
				height: 31px;
				width: 124px;
				text-indent: -999999px;
				background: url(../images/button-learn-more.gif) no-repeat !important;
			}
			a.view-the-video,
			a.view-the-video:hover {
				display: block;
				height: 31px;
				width: 110px;
				text-indent: -999999px;
				background: url(../images/button-view-video.gif) no-repeat !important;
			}
			a.send-message,
			a.send-message:hover {
				display: block;
				height: 31px;
				width: 106px;
				text-indent: -999999px;
				background: url(../images/button-send-message.gif) no-repeat !important;
			}
			#main .about-randy-content h3 {
				position: relative;
				margin-bottom: -50px;
				z-index: 5;
				font-size: 65px;
				color: #d7cbaf;
				border-bottom: none;
			}
			#main .about-randy-content p {
				position: relative;
				z-index: 10;
			}
					
					
					
/*  ---------------------------------------
	Forms
	- - - - - - - - - - - - - - - - - - - -  */	
			
		form.cform {
			padding: 0;
			margin: 0;
		}
			form.cform ol {
				padding: 0 !important;
				margin: 0 !important;
			}
			form.cform li {
				display: block;
				padding: 10px 25px;
			}
				form.cform li.cf-box-title {
					border-bottom: navy;
					font-size: 14px;
					padding-bottom: 0;
					font-weight: bold;
					color: #EE3724;
					padding-left: 35px;
				}
					form.cform li.cf-box-group label { color: #333; width: 160px; }
				form.cform li label {
					display: block;
					width: 120px;
					float: left;
					padding-right: 10px;
					color: #224257;
					font-weight: bold;
				}
				form.cform li input {
					display: block;
					width: 180px;
					float: left;
					border: 1px solid #d4cfbf;
					background: #dfd9c7;
					color: #4c606f;
					padding: 5px;
				}
				form.cform li span { display: block; float: left; padding-left: 5px; }
				form.cform li span.reqtxt, form.cform li span.emailreqtxt { color: #999 !important; }
				form.cform li .area { width: 280px; float: left; display: block; }
				form.cform p.cf-sb {
					margin-left: 130px !important;
					margin-top: 15px;
				}
				
				p.linklove {display: none;}
				
			form.cform legend {
				display: block ;
				font-family: Georgia;
				color: #ffe075;
				font-weight: bold;
				font-size: 16px;
				padding-bottom: 20px;
				margin-bottom: 0;
				padding-top: 15px;
			}
			form.cform textarea {
				width: 325px !important;
				float: left;
				height: 200px;
				border: 1px solid #d4cfbf;
				background: #dfd9c7;
				color: #4c606f;
				padding: 5px;
			}
			form.cform fieldset.cf_hidden { display: none; }
		
			form.cform li.cf_li_err {
				background: #FFE2DF;
			}
			form.cform li.cf_li_err span.reqtxt, form.cform li.cf_li_err span.emailreqtxt { color: #6f4c54 !important; }
		
		form.cform li:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.success,
		.failure {
			padding: 10px 25px !important;
			font-size: 16px !important;
			background: #FFE2DF;
			color: #6f4c54;
			margin-bottom: 10px;
		}
		.success {
			color: #3d634d;
		}
		
		
		form.cform li {display: inline-block;}
		.no-background { background: none !important; }
		
		.linklove { display: none !important;}
		
		/* Hides from IE-mac \*/
		* html form.cform li {height: 1%;}
		form.cform li {display: block;}
		/* End hide from IE-mac */



/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
	
		#footer {
			padding: 62px 25px;
			background: url(../images/footer-bg.gif) left top no-repeat #023453;
		}
		#footer a {
			color: #708c9f;
			text-decoration: underline;
		}
			#footer a:hover {
				color: #baccd9;
			}
		#footer ul {
			display: block;
			list-style-type: none;
			font-size: 11px;
			padding: 0 !important;
			margin: 0 !important;
		}
			#footer ul li {
				display: block;
				float: left;
				border-left: 1px solid #26526f;
				padding-bottom: 0 !important;
			}
				#footer ul li a {
					display: block;
					float: left;
					padding: 0 10px;
					color: #708c9f;
				}
				#footer ul li.first { border: none; }
				#footer ul li.first a { padding-left: 0; }
				
		#footer p {
			display: block;
			padding: 10px 0 0 0;
			color: #47677c;
			font-size: 11px;
		}
		#footer p a { color: #708c9f; }
			#footer a:hover {
				color: #bcd7e8 !important;
				background: none !important;
			 }