@charset "utf-8";
/*  ---------------------------------------
	
	contact.css
	````````

	
    ---------------------------------------  */


/*  ---------------------------------------
	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: url(http://www.connectionsdating.com/images/body-bg.jpg) center top no-repeat #6c1a40;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #333;
		}
		
		#container {
			width: 900px;
			margin: 0 auto;
		}
		
		.hidden { display: none; }
		.clear { height: 1%; clear: both; }
		.left { float: left; }
		.right { 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 {
			
		}
			#header h1 {
				display: block;
				width: 301px;
				height: 94px;
				float: left;
			}
				#header h1 a {
					display: block;
					width: 301px;
					height: 94px;
					text-indent: -999999px;
					background: url(http://www.connectionsdating.com/images/logo.gif);
				}
			#header p#header-info {
				display: block;
				float: right;
				margin: 35px 0 0 0;
				width: 245px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				font-size: 14px;
				color: #b98ea2;
				background: #591737;
			}
				#header p#header-info a {
					text-decoration: underline;
					color: #D1C8CD;
				}
			#header p#header-contact {
				display: block;
				float: right;
				margin: 35px 0 0 0;
				padding: 15px 15px 0 0;
				width: 245px;
				height: 40px;
				text-align: right;
				font-size: 14px;
				color: #b98ea2;
			}
				#header p#header-contact a {
					text-decoration: underline;
					color: #D1C8CD;
				}
			
			#header ul {
				display: block;
				clear: both;
				list-style-type: none;
				border-bottom: 2px solid #333;
			}
				#header ul li {
					display: block;
					float: left;
					border-right: 1px solid #666;
				}
					#header ul li a {
						display: block;
						padding: 0 10px;
						height: 20px;
						line-height: 20px;
						font-size: 14px;
						font-weight: bold;
						color: #000;
						text-decoration: none;
						background: #CCFFFF;
					}



/*  ---------------------------------------
	Masthead
	- - - - - - - - - - - - - - - - - - - -  */
	
		#masthead {
			background: url(http://www.connectionsdating.com/images/head.png) no-repeat;
			border-bottom: 6px solid #d790b6;
		}
			#masthead h2 {
				display: block;
				font-size: 22px;
				font-weight: bold;
				color: #FFF;
				height: 60px;
				line-height: 60px;
				padding-left: 25px;
			}
			#masthead #banner {
				background: url(http://www.connectionsdating.com/austin/austin_banner.jpg) no-repeat;
				width: 900px;
				height: 100px;
				border-bottom: 6px solid #791f4a;
			}
			
		#slide {
            width: 440px;
            position: absolute;
            right: 28px;
            bottom: 483px;
        }
            #slide IMG {
                position:absolute;
                top:0;
                left:0;
                z-index:8;
            }

            #slide IMG.active {
                z-index:10;
            }

            #slide IMG.last-active {
                z-index:9;
            }



/*  ---------------------------------------
	Main
	- - - - - - - - - - - - - - - - - - - -  */
	
		#container { position: relative; }
		#content { background: #fff; }
		#main {
			background: #fff;
		}
		#main.home {
			background: #dce8f8;
		}
		
		#main.join {
			padding: 40px !important;
			background: #fff;
		}
		#main.text-content {
			padding:  30px;
		}
			#main.text-content h3 {
				font-size: 23px;
				color: #791f4a;
				padding: 15px 15px 10px 0;
			}
				#main.text-content h4 {				
					padding: 0 15px 15px 0;
					color: #a04276;
					font-size: 16px;
				}
				#main.text-content p {
					display: block;
					line-height: 18px;
					padding-bottom: 10px;
				}
				#main.text-content ul {
					display: block
					line-height: 18px;
					padding: 0 0 10px 20px;
				}
			#main-left {
			}
			
			#main-inner {
				padding-bottom: 0px;
			}
			#main-inner ul {
				padding: 0px 0 0 70px;
				list-style-image: url(http://www.connectionsdating.com/images/check.gif);
				color: #808080;
				font-size: 18px;
			}
				#main ul li {
					
				}
			#main #connect {
				width: 345px;
				height: 215px;
				background: #e7cfdd;
				margin: 40px 0 0 40px;
				font-size: 14px;
			}
				#connect h3 {
					color: #791f4a;
					font-size: 17px; 
					padding: 20px 0 10px 20px;
				}
				#connect #button {
					background: url(http://www.connectionsdating.com/images/button-wide.png) repeat-y bottom;
					border: none;
					width: 305px;
					height: 35px;
					color: #FFF;
					font-weight:;
					font-size: 16px;
					margin: 0 0 0 20px;
				}
					#connect #button:hover {
						background: url(http://www.connectionsdating.com/images/button-wide.png) no-repeat;
					}
				#connect form {
					padding: 0 0 0 0;
				}
					#connect .radio {
						padding: 0 0 0 15px;
						
					}
					#connect .box {
						padding: 0 0 0 20px;
						margin-top: 15px;
					}
				#member-search-info {
					background: #e7cfdd;
					width: 410px;
					padding: 0 0 0 0;
					margin: 0;
					float: left;
					}
				#member-search-info { padding: 0 0 20px 0;}
					#member-search-info h3 {
						background: #c488a9;
						color: #FFF;
						border-bottom: 1px solid #b16e91;
						padding: 20px 20px 19px 20px;
						margin-bottom:  15px;
						font-size: 18px;
					}
					#member-search-info.contact h3 { margin-bottom: 30px; }
						#member-search-info h3 em {
							display: block;
							font-size:  12px;
							padding-top: 3px;
						}
							#member-search-info h3 em a {
								color: #791F4A;
								text-decoration: underline;
							}
					#member-search-info h3 #button {
					background: url(http://www.connectionsdating.com/images/button.png) no-repeat;
					border: none;
					width: 250px;
					height: 35px;
					color: #FFF;
					font-weight:;
					font-size: 16px;
					margin: 0 0 0 110px;
					padding: ;
				}
				
				#member-search-info h3 #button-short {
					background: url(http://www.connectionsdating.com/images/button-tall.png) repeat-y bottom;
					border: none;
					width: 250px;
					height: 45px;
					color: #FFF;
					font-weight:;
					font-size: 16px;
					margin: 0 0 0 110px;
					padding: ;
				}
					#member-search-info h3 #button-short:hover {
						background: url(http://www.connectionsdating.com/images/button-tall.png) no-repeat;
					}
				
				#member-search-info-more h3 #button-short {
					background: url(http://www.connectionsdating.com/images/button-tall.png) repeat-y bottom;
					border: none;
					width: 250px;
					height: 45px;
					color: #FFF;
					font-weight:;
					font-size: 16px;
					margin: 0 0 0 110px;
					padding: ;
				}
					#member-search-info-more h3 #button-short:hover {
						background: url(http://www.connectionsdating.com/images/button-tall.png) no-repeat;
					}
					
				#member-search-info p {
					display: block;
					padding: 0 0 15px 15px !important;
					font-size: 14px;
				}
				
				.member-search {
					padding: 10px 0;
				}
				
				#member-search-info-more {
					background: #e7cfdd;
					width: 410px;
					padding: 0 0 0 0;
					margin: 0;
					float: right;
					}
					#member-search-info-more h3 {
						background: #c488a9;
						color: #FFF;
						border-bottom: 1px solid #b16e91;
						padding: 20px 20px 19px 20px;
						font-size: 18px;
						font-style: italic;
					}
					#member-search-info-more h3 #button {
					background: url(http://www.connectionsdating.com/images/button.png) no-repeat;
					border: none;
					width: 250px;
					height: 35px;
					color: #FFF;
					font-weight:;
					font-size: 16px;
					margin: 0 0 0 110px;
					padding: ;
				}
				
				#contactform table {
					width: 390px;
					margin: 0 auto;
				}
				
				#contactform td {
					vertical-align: top;
				}
				
				#contactform input.txtboxclass {
					width: 200px !important;
				}
				
				#contactform textarea.txtareaclass {
					width: 275px !important;
				}
				
				.formlabel {
					text-align: right;
					padding: 2px;
					background-color: #c488a9;
					color: #ffffff;
				}
				
				.label-span {
					display: block !important;
					padding: 0 0 5px 10px;
					width: auto !important;
					margin: 0;
					float: none !important;
				}
				div.multi-box {
					padding: 0 20px 20px 90px;
					float: left;
				}
					.multi-select {
						float: right !important;
						width: 150px !important;
						display: block;
						padding: 3px 0px 3px 0px;
					}
					.multi-select input {
						float:  left;
						display: block;
					}
					.multi-select strong {
						display: block;
						width:  120px;
						padding-top:  3px;
						float: right;
						text-align: left;
					}
		
				#consultant {
					width: 369px;
				    height: 208px;
				    float: left;	
				    margin: 0 0 0 40px;
					background: url(http://www.connectionsdating.com/images/sidebar-photo.jpg) 30px top no-repeat;
				}
					#consultant h4 {
						font-size: 17px;
						padding: 120px 0 0 185px;
						font-weight: 100;
						color: #791f4a;
					}
					#consultant h4 strong {
						font-size: 18px;
						font-weight: bold;
					}
				#details {
				
				}
					#details h3 {
						font-size: 25px;
						color: #791f4a;
						padding: 0;
margin: 30px 0 30px 45px;
					}
					#details ul {
						padding: 0px 0px 0px 30px;
						color: #a04276;
						font-size: 16px;
					}
					#details p {
						padding: 15px 15px 0px 15px;
						color: #a04276;
						font-size: 16px;
					}
					#details a {
						color: #791F4A;
						text-decoration: underline;
					}
					
				#more {
					width: 361px;
					height: 226px;
					float: left;
					margin: 0;
					background: #f1e8ed;
					border: 4px solid #d790b6;
				}
					#more h3 {
						font-size: 23px;
						color: #791f4a;
						padding: 15px 15px 0px 15px;
					}
					#more p {
						padding: 15px 15px 0px 15px;
						color: #a04276;
						font-size: 16px;
					}
#membervid {
					width: 720px;
					float: left;
					margin: 30px 0 30px 18px;
					border: 2px solid #d790b6;
					padding: 0 0 0 0;
				}


#div1 { float:left; width:50%;}
#div2 { margin-left:50%; width:50%;} 
#margin { margin: 30px 0 0 0;}


/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
		
		#footer {
			color: #b98ea2;
			padding: 20px 0 20px 20px;
			}
			#footer a {
					color: #b98ea2;
					text-decoration: underline;
				}

/**** Form Section ****/
.appnitro
{
	font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
}

.appnitro li
{
	width:61%;
}

form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
}

form li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons
{
	clear:both;
	display:block;
	margin-top:10px;
}

* html form li
{
	height:1%;
}

* html .buttons
{
	height:1%;
}

* html form li div
{
	display:inline-block;
}

form li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li div.left
{
	display:inline;
	float:left;
	width:48%;
}

form li div.right
{
	display:inline;
	float:right;
	width:48%;
}

form li div.left .medium
{
	width:100%;
}

form li div.right .medium
{
	width:100%;
}

.clear
{
	clear:both;
}

form li div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form li span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form li .datepicker
{
	cursor:pointer !important;
	float:left;
	height:16px;
	margin:.1em 5px 0 0;
	padding:0;
	width:16px;
}

.form_description
{
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	margin:0 0 1em;
}

.form_description[class]
{
	display:block;
}

.form_description h2
{
	clear:left;
	font-size:160%;
	font-weight:400;
	margin:0 0 3px;
}

.form_description p
{
	font-size:95%;
	line-height:130%;
	margin:0 0 12px;
}

form hr
{
	display:none;
}

form li.section_break
{
	border-top:1px dotted #ccc;
	margin-top:9px;
	padding-bottom:0;
	padding-left:9px;
	padding-top:13px;
	width:97% !important;
}

form ul li.first
{
	border-top:none !important;
	margin-top:0 !important;
	padding-top:0 !important;
}

form .section_break h3
{
	font-size:110%;
	font-weight:400;
	line-height:130%;
	margin:0 0 2px;
}

form .section_break p
{
	font-size:85%;

	margin:0 0 10px;
}

/**** Buttons ****/
input.button_text
{
	font-size:120%;
overflow:visible;
	padding:0 7px;
	width:auto;
}

.buttons input
{
	font-size:120%;
	margin-right:5px;
}

/**** Inputs and Labels ****/
label.description
{
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
}

span.symbol
{
	font-size:115%;
	line-height:130%;
}

input.text
{
	background:#fff url(../../http://www.connectionsdating.com/images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}

input.file
{
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}

textarea.textarea
{
	background:#fff url(../../http://www.connectionsdating.com/images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	margin:0;
	width:99%;
}

select.select
{
	color:#333;
	font-size:100%;
	margin:1px 0;
	padding:1px 0 0;
	background:#fff url(../../http://www.connectionsdating.com/images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
}


input.currency
{
	text-align:right;
}

input.checkbox
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

input.radio
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

label.choice
{
	color:#444;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:100%;
}

select.select[class]
{
	margin:0;
	padding:1px 0;
}

*:first-child+html select.select[class]
{
	margin:1px 0;
}

.safari select.select
{
	font-size:120% !important;
	margin-bottom:1px;
}

input.small
{
	width:25%;
}

select.small
{
	width:25%;
}

input.medium
{
	width:50%;
}

select.medium
{
	width:50%;
}

input.large
{
	width:99%;
}

select.large
{
	width:100%;
}

textarea.small
{
	height:5.5em;
}

textarea.medium
{
	height:10em;
}

textarea.large
{
	height:20em;
}

/**** Errors ****/
#error_message
{
	background:#fff;
	border:1px dotted red;
	margin-bottom:1em;
	padding-left:0;
	padding-right:0;
	padding-top:4px;
	text-align:center;
	width:99%;
}

#error_message_title
{
	color:#DF0000;
	font-size:125%;
	margin:7px 0 5px;
	padding:0;
}

#error_message_desc
{
	color:#000;
	font-size:100%;
	margin:0 0 .8em;
}

#error_message_desc strong
{
	background-color:#FFDFDF;
	color:red;
	padding:2px 3px;
}

form li.error
{
	background-color:#FFDFDF !important;
	border-bottom:1px solid #EACBCC;
	border-right:1px solid #EACBCC;
	margin:3px 0;
}

form li.error label
{
	color:#DF0000 !important;
}

form p.error
{
	clear:both;
	color:red;
	font-size:10px;
	font-weight:700;
	margin:0 0 5px;
}

form .required
{
	color:red;
	float:none;
	font-weight:700;
}