/* CSS Document */



	body {
		margin:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#444;
	}
	
	td {
		font-family:Arial, Helvetica, sans-serif;
	}
	
	a {
		color:#00D200;
	  	text-decoration:none;
	}
	
	img {
	  border:0px;
	}
	
	a:hover {
	  text-decoration:underline;
	}
	
	a.more {
	  padding-right:20px;
	}
	
	td.region-right {
	  width:230px;
	  padding-left:35px;
	}
	
	td.region-left {
	  width:200px;
	  padding-right:10px;
	}

	
	
	
  /* side box */

  div.box {
	padding:8px 0px 0px 0px;
	margin:0px 0px 10px 0px;
    background: #fff left top no-repeat;
  }
   
  div.box h1 {
    font-size: 16px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:10px;
  }

  div.box div.content {
    background: #fff left bottom no-repeat;
    padding: 0px 10px 15px 10px;
	color: #777777;
	border:0px;
  }
  
  div.box div.content,
  div.box div.content td {
	font-size:12px;  
  }

  td.region-right div.box {
	background-image:url(box-top-315px.gif);
  }

  td.region-right div.content {
	background-image:url(box-base-315px.gif);
  }

  td.region-left div.box {
	background-image:url(box-top-200px.gif);
  }

  td.region-left div.content {
	background-image:url(box-base-200px.gif);
  }

  /* region */
  
	div.region {
		margin:0px 0px 25px 0px;
	}
	
	div.region p {
		font-size:12px;
		color:#555;
		line-height:130%;
		margin:0px 0px 15px 0px;
	}
	
	div.region h1 {
		border-bottom:1px solid #ddd;
		font-size:15px;
		font-weight:normal;
		color:#363636;
		margin:0px 0px 25px 0px;
	}
	
	div.region h2 {
		font-size:18px;
		font-weight:500;
		color:#363636;
		margin-bottom:15px;
	}
	
	
	
	ul.menu {
		list-style-type:none;
	  	margin:0px;
	  	padding:0px;
	}
		
	ul.menu li{
	  	display:inline;
	}
	
	ul.menu li a{ 
		float:left;
		color:#636363;
		padding:10px 15px 5px 15px;
		margin-right:10px;
		font-size:16px;
		font-weight:bold;
	}
	
	ul.menu li a:hover,
	ul.menu li a.selected {
		text-decoration:none;
		background:#7fd7f7;
		color:#fff;
	}
	
	
	
	

	





























  form {
  	margin:0px;
	padding:0px;
  }

  /* header */

  #header {
	background:url(bg-header.gif) repeat-x;
	margin-bottom:20px;
  }
  
  #header div.inner {
  	width:960px;
	height:105px;
	margin:0px auto;
	position:relative;
  }
  
  #header div.inner img.logo {
	top:0px;
	position:absolute;
  }
  
  #header div.inner div.links {
  	right:50px;
	top:20px;
	position:absolute;
  }
  
  #header div.inner div.links a {
	margin-right:15px;
	font-weight:bold;
	font-size:12px;
  }
  
  #header div.inner div.search {
  	right:0px;
	top:10px;
	position:absolute;
  }
  
  #header div.inner ul.menu {
	bottom:0px;
	position:absolute;  
  }

  
  /* footer */
	
  #content {
	width:960px;
	margin:0px auto;
  }	
	
	
  /* footer */
	
 #footer {
	background:url(http://www.surfhoustonpads.com/bg-footer.gif) repeat-x;
	width:100%;
	margin-top:0px;
	position:relative;
  }

  
  #footer div.inner {
  	width:960px;
	height:70px;
	margin:0px auto;
	position:relative;
	font-size:11px;
	color:#999;
  }

  #footer div.inner a {
  	margin-right:20px;
	color:#555;
	font-size:11px;
  }
  
  #footer div.inner div.left {
  	left:0px;
	top:10px;
	position:absolute;
  }
  
  #footer div.inner div.right {
  	right:0px;
	top:10px;
	position:absolute;
  }  
  
  
  /* strip */
  	
  div.strip {
    background:#FFFFFF;
	margin-bottom:15px;
  }
  
  div.strip div.inner {
    width:960px;
	margin:0px auto;
	background:url(index-back.jpg) center no-repeat;
  }

  div.strip div.inner h1 {
	color:#0CF;
	font-size:35px;
	margin:0px;
  }

  div.strip div.inner h2 {
    color:#2c2c2c;
	font-size:18px;
	font-weight:bold;
	margin:0px;
  }
  
  div.strip div.inner table.bubble {
  	margin-top:70px;
	width:400px;
  }
  
  div.strip div.inner table.bubble td.text {
	padding:0px 20px;
	background:#fcfcfc url(bg-bubble-middle.gif) bottom left no-repeat;
  }
  
  div.strip div.inner table.bubble td.text a.answer {
	color:#999;
	font-size:14px;
	font-weight:bold;
  }
  
  div.strip div.inner table.bubble td.text h3 a {
	color:#4e463f;
  }
  
  
  h1 {
    margin:0px 0px 0px 0px;
    color:#333;
	font-size:22px;
	
  }
  
  h2 {
    margin:0px 0px 0px 0px;
	color:#4e463f;
	font-size:20px;
	font-weight:normal;
  }
   
  h3 {
  	color:#4e463f;
	margin:0px 0px 5px 0px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
  
  }
    
  h1 div,
  h2 div {
    margin:0px;
	color:#666;
	font-size:14px;
	font-weight:normal;
	letter-spacing:0px;
  }
  
  p {
  	font-size:13px;
	line-height:150%;
	margin:0px;
	color:#777;
	margin-bottom:15px;
  }	
  
  
  input.button {
  	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 5px 4px 5px;
	border:1px solid;
	cursor:pointer;
	width:150px;

  }
  
  input.green {
	background:#99cc66;
	border-top:#c4e2a7;
	border-left:#c4e2a7;
	border-bottom:#75a848;
	border-right:#75a848;
  }
  
  input.blue {
	background:#098bd6;
	border-top:#5eb6e8;
	border-left:#5eb6e8;
	border-bottom:#0b77b7;
	border-right:#0b77b7;
  }
  
  input.yellow {
	background:#f3c81b;
	border-top:#fde47e;
	border-left:#fde47e;
	border-bottom:#d9ab23;
	border-right:#d9ab23;
  }

	.input, textarea {
		border-top:1px solid #777;
		border-left:1px solid #777;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		font-family:Arial, Helvetica, sans-serif;
		background:#ffffff url(input_bgX.gif) 0px 0px no-repeat;
		font-size:15px;
		padding:6px;
		color:#555;
	}
	


	ul.categories {
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	
	ul.categories li {
		margin:0px 0px 1px 0px;
		padding:0px;
		border:1px solid #eef8fe;;
	}
		
	ul.categories li a {
		display:block;
		padding:2px 5px;
		font-size:13px;		
	}

	ul.categories li a:hover,
	ul.categories li a.selected {
		background:#6496c3;
		color:#fff;
		text-decoration:none;
	}
	

	#popitup {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		display:none;
	
	}
	
	#popitup-bg {
		position:absolute;
		width:100%;
		height:1000px;
		top:0;
		left:0;
		display:none;
		
		
		background:#000;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}

	
	#popitup-content {
		width:700px;
		height:300px;
		margin:50px auto 0px auto;
		border:15px solid #eee;
		background:#fff;
	}
	
	div.pop {
		padding:10px;
		position:relative;
	}
	
	div.pop a.close {
		position:absolute;
		right:10px;
		top:10px;
	}
	
	div.pop h1.big {
		font-size:38px;
		margin-top:0px;
		letter-spacing:-3px;
  	}