/*
Theme Name: Long Beach
Theme URI: http://www.freewpthemes.net/preview/longbeach
Description: Tested on WP2.5
Version: 2.0
Author: Free WordPress Themes
Author URI: http://www.freewpthemes.net/
Tags: dark, fixed width, two columns, widgets
*/

#main {width:766px; margin:0 auto}

h2 {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 18px;
}

h2 a:link {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 18px;
}

.column1, .column2, .column3, .column4, .column5, .col1, .col2, .col3, .col4, .col5, .col6, .col7 { float:left} 

#header{ height:302px; width:766px }

#wrapper .col1{ width:42px}
#wrapper .col2{ width:683px}
#wrapper .col3{ width:41px}

#wrapper .col2 .row1{ height:26px}
#wrapper .col2 .row3{ height:16px}
#wrapper .col2 .row4{ height:8px}
#wrapper .col2 .row5{ height:190px;}

#footer{ height:72px}


.post {
}

.post .title {
	color: #FFF;
}

.post .title a {
	background: none;
	color: #FFF;
	border: none;
}

.post .title a:hover {
	text-decoration: underline;
}

.post .meta {
	border-bottom: 1px dashed #D2D4C9;
	text-transform: uppercase;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.post .entry {
	padding: 10px 0 20px 0;
	text-align: justify;
}
#content {
	float: right;
	width: 600px;
	padding: 40px 20px 0 0;
}

#content2 {
	float: left;
	width: 550px;
	padding: 40px 20px 0 0;
}
#commentform {
}

#comment {
	width: 600px;
}

.alignright {
	float: right;
	padding-left: 8px;
	padding-bottom: 8px;
}



.alignleft {
	float: left;
	padding-right: 8px;
	padding-bottom: 8px;
}

#respond {
	margin: 0;
	padding-top: 50px;
}

.navigation {
	padding-top: 20px;
}

.pagetitle {
	padding-bottom: 20px;
}


* { margin:0; padding:0;}
body{ background:url(images/body.gif) repeat-x  #323232; line-height:14px}
html, input, textarea{font-family:tahoma; font-size:11px; color:#8fcaf4;}

input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

.column { float:left;}
.clear { clear:both;}
.right{ float:right}
.right1{ text-align:right}


.title_top, .title_bot, .title { display:block}
.indent_image, .indent_image1{ float:left}

p{ margin:0; padding:0;}

strong{ color:#FFFFFF}


strong a{ color:#FFFFFF; text-decoration:underline}
strong a:hover{ text-decoration:none}

.px{ background:url(images/px.gif) repeat-x; width:auto; height:13px}

/*header*/
#header{ background:url(images/flash_bot.gif) no-repeat left bottom}
#header .col1{ background: url(images/left_head.gif) repeat-y right top}
#header .col3{ background: url(images/left_head.gif) repeat-y left top}
#header .col2 .row1{ background:url(images/bg.gif) repeat-x}
#header .col2 .row2{ background:url(images/bg_1.gif) repeat-x}
#header .logo{ padding:43px 30px 28px 26px; float:left}
#header .menu{ vertical-align:bottom; width:425px; float:left; padding-top:64px}
#header .menu img{ margin-right:3px}
#header .col2 .row2{ height:186px;}
#header .col2 .row2 { color:#628197; font-size:12px; line-height:15px}
#header .col2 .row2 a{ color:#628197; text-decoration:underline}
#header .col2 .row2 a:hover{ text-decoration:none}
#header .col2 .row2 strong{ color:#628197}
#header .indent{ padding:30px 33px 0 15px}
#header .col1{ width:45px; height:302px}
#header .col2{ width:677px}
#header .col2 .row1{ height:113px}
#header .col2 .row2{ height:189px}
#header .col2 .row2 .column1{ width:200px}
#header .col3{ width:44px; height:302px}



/*footer*/
#footer{ width:766px; background:url(images/footer.gif) 42px 0  no-repeat; color:#959595}
#footer a{ color:#959595; text-decoration:none}
#footer a:hover{ text-decoration:underline}
#footer div{ padding:23px 0 0 72px}
#footer strong{ color:#959595}


/*content*/
#wrapper{width:766px}
#wrapper .col2{ background:url(images/bgd.gif) repeat-y}

#wrapper .px{ background:url(images/px1.gif) repeat-x; width:auto; height:14px}
#wrapper .px1{ background:url(images/px2.gif) repeat-x; width:auto; height:10px}
#wrapper ul li a{ color:#8FCAF4}
#wrapper a{ color:#8FCAF4; text-decoration:underline}
#wrapper a:hover{ text-decoration:none}
#wrapper strong a{ color:#FFFFFF; text-decoration:underline}
#wrapper strong a:hover{ text-decoration:none}


ul{margin:0px; padding:0px; list-style:none; line-height:16px}
ul li a{text-decoration: underline; font-weight:normal; font-size:11px}
ul li a:hover{ text-decoration: none}


/*==================index.html==================*/
#page1 #header .col2 .row2 .column2{ width:423px}
#page1 #header .col2 .row2 .column3{ width:54px} 
#page1 #header .col2 .row2 .column2 .indent1{padding:30px 0 20px 0}
#page1 #header .col2 .row2 .column2 .title{ margin-bottom:8px}
#page1 #header .col2 .row2 .column2 .px{ margin-right:17px}
#page1 #header .col2 .row2 .column2 .right1{margin-top:6px}

#page1 #wrapper .col2 .row1{ background:url(images/top_p1.gif) no-repeat}
#page1 #wrapper .col2 .row2{ background:url(images/repeat_p1.gif) repeat-y}
#page1 #wrapper .col2 .row2 .column1{ width:7px}
#page1 #wrapper .col2 .row2 .column2{ width:192px}
#page1 #wrapper .col2 .row2 .column3{ width:4px}
#page1 #wrapper .col2 .row2 .column4{
	width:453px;
	overflow: hidden;
}
#page1 #wrapper .col2 .row2 .column5{ width:5px}
#page1 #wrapper .col2 .row3{ background:url(images/bot_p1.gif) no-repeat}

#page1 #wrapper .col2 .row2 .column2 .indent{ padding:0 21px 4px 23px}
#page1 #wrapper .col2 .row2 .column2 .indent .title{ margin-bottom:2px}
#page1 #wrapper .col2 .row2 .column2 .indent strong{ display:block; margin-bottom:4px}
#page1 #wrapper .col2 .row2 .column2 .indent .px1{ margin:5px 0 0 0}

#page1 #wrapper .col2 .row2 .column4 .indent{ padding:0 23px 4px 23px}
#page1 #wrapper .col2 .row2 .column4 .indent .title{ margin-bottom:2px}
#page1 #wrapper .col2 .row2 .column4 .indent .indent_image{ float:left; margin:1px 17px 13px 3px}
#page1 #wrapper .col2 .row2 .column4 .indent .indent_txt{ margin-left:102px}
#page1 #wrapper .col2 .row2 .column4 .indent .px1{ margin-top:5px}
#page1 #wrapper .col2 .row2 .column4 .indent .indent_px{ margin-top:13px}

#page1 #wrapper .col2 .row5 .column1{ width:6px}
#page1 #wrapper .col2 .row5 .column2{
	width:157px;
	margin-left: 10px;
}
#page1 #wrapper .col2 .row5 .column3{
	width:24px;
	margin-left: 10px;
}
#page1 #wrapper .col2 .row5 .column4{ width:481px
	margin-left: 30px;
}

#page1 #wrapper .col2 .row5 .column2 .title{ margin:4px 0 6px 0}
#page1 #wrapper .col2 .row5 .column2 input{ width:149px; height:19px; color:#12486e; border:0; vertical-align:middle}
#page1 #wrapper .col2 .row5 .column2 .right1{ margin-top:6px}

/*=====*/


/*==================index-1.html==================*/
#page2 #header .col2 .row2 .column2{ width:435px}
#page2 #header .col2 .row2 .column3{ width:43px} 
#page2 #header .col2 .row2 .column2 .indent1{ padding:50px 0 20px 0}
#page2 #header .col2 .row2 .column2 .c1{ width:237px; float:left}
#page2 #header .col2 .row2 .column2 .c2{ width:198px; float:left}
#page2 #header .col2 .row2 .column2 .px{ margin-right:27px}

#page2 #wrapper .col2 .row1{ height:26px; background:url(images/top_p1.gif) no-repeat left top}
#page2 #wrapper .col2 .row2{ background:url(images/repeat_p1.gif) repeat-y}
#page2 #wrapper .col2 .row3{ background:url(images/bot_p1.gif) no-repeat left bottom; height:16px}
#page2 #wrapper .col2 .row4{ height:19px}

#page2 #wrapper .col2 .row2 .column1{ width:7px}
#page2 #wrapper .col2 .row2 .column2{ width:192px}
#page2 #wrapper .col2 .row2 .column3{ width:4px}
#page2 #wrapper .col2 .row2 .column4{ width:473px}
#page2 #wrapper .col2 .row2 .column5{ width:5px}

#page2 #wrapper .col2 .row2 .column2 .indent{ padding:1px 21px 3px 23px}
#page2 #wrapper .col2 .row2 .column2 .indent ul{ margin-top:15px; margin-bottom:8px}
#page2 #wrapper .col2 .row2 .column2 .indent .right1{ margin-top:6px}
#page2 #wrapper .col2 .row2 .column4 .indent1 .title{ margin-bottom:2px}
#page2 #wrapper .col2 .row2 .column4 .indent1{ padding:1px 24px 3px 23px}
#page2 #wrapper .col2 .row2 .column4 .indent1 .ind{ margin-left:4px}
#page2 #wrapper .col2 .row2 .column4 .indent1 p{ margin-top:1px; margin-bottom:14px}
#page2 #wrapper .col2 .row2 .column4 .indent1 .indent_image{ margin:2px 20px 17px 0}
#page2 #wrapper .col2 .row2 .column4 .c1{ width:216px; float:left}
#page2 #wrapper .col2 .row2 .column4 .c2{ width:187px; float:left}
#page2 #wrapper .col2 .row2 .column4 .block{ margin-bottom:2px; margin-top:10px}
#page2 #wrapper .col2 .row2 .column4 .px1{ margin-top:9px}

/*=====*/


/*==================index-2.html==================*/
#page3 #header .col2 .row2 .column2{ width:435px}
#page3 #header .col2 .row2 .column3{ width:43px} 
#page3 #header .col2 .row2 .column2 .indent1{ padding:50px 0 20px 0}
#page3 #header .col2 .row2 .column2 .c1{ width:237px; float:left}
#page3 #header .col2 .row2 .column2 .c2{ width:198px; float:left}
#page3 #header .col2 .row2 .column2 .px{ margin-right:27px}

#page3 #wrapper .col2 .row1{ height:26px; background:url(images/top_p1.gif) no-repeat left top}
#page3 #wrapper .col2 .row2{ background:url(images/repeat_p1.gif) repeat-y}
#page3 #wrapper .col2 .row3{ background:url(images/bot_p1.gif) no-repeat left bottom; height:16px}
#page3 #wrapper .col2 .row4{ height:19px}

#page3 #wrapper .col2 .row2 .column1{ width:7px}
#page3 #wrapper .col2 .row2 .column2{ width:192px}
#page3 #wrapper .col2 .row2 .column3{ width:4px}
#page3 #wrapper .col2 .row2 .column4{ width:473px}
#page3 #wrapper .col2 .row2 .column5{ width:5px}

#page3 #wrapper .col2 .row2 .column2 .indent{ padding:1px 21px 9px 24px}
#page3 #wrapper .col2 .row2 .column2 .title{ margin-bottom:1px}
#page3 #wrapper .col2 .row2 .column2 .img{ margin:20px 0 16px 0; display:block}
#page3 #wrapper .col2 .row2 .column2 ul{ margin-bottom:13px}
#page3 #wrapper .col2 .row2 .column2 .px1{ margin-top:7px}

#page3 #wrapper .col2 .row2 .column4 .indent1{ padding:1px 25px 7px 23px}
#page3 #wrapper .col2 .row2 .column4 .title{ margin-bottom:2px}
#page3 #wrapper .col2 .row2 .column4 .indent_image{ margin:1px 19px 17px 3px; float:left}


/*=====*/


/*==================index-3.html==================*/
#page4 #header .col2 .row2 .column2{ width:435px}
#page4 #header .col2 .row2 .column3{ width:43px} 
#page4 #header .col2 .row2 .column2 .indent1{ padding:50px 0 20px 0}
#page4 #header .col2 .row2 .column2 .c1{ width:237px; float:left}
#page4 #header .col2 .row2 .column2 .c2{ width:198px; float:left}
#page4 #header .col2 .row2 .column2 .px{ margin-right:27px}

#page4 #wrapper .column1{ width:6px}
#page4 #wrapper .column2{ width:194px; background:url(images/y1.gif) repeat-y}
#page4 #wrapper .column2 .top{ background:url(images/top_p4.gif) no-repeat}
#page4 #wrapper .column2 .bot{ background:url(images/bot_p4.gif) no-repeat left bottom}
#page4 #wrapper .column3{ width:2px}
#page4 #wrapper .column4{ width:475px}
#page4 #wrapper .column4 .wrap{ background:url(images/y2.gif) repeat-y}
#page4 #wrapper .column4 .top{ background:url(images/top_p4_1.gif) no-repeat}
#page4 #wrapper .column4 .bot{ background:url(images/bot_p4_1.gif) no-repeat left bottom}
#page4 #wrapper .column5{ width:6px}

#page4 #wrapper .column2 .indent{ padding:27px 23px 33px 24px}
#page4 #wrapper .column2 .title{ margin-bottom:2px}
#page4 #wrapper .column2 p{ margin-bottom:13px; margin-top:2px}
#page4 #wrapper .column4 .indent{ padding:27px 24px 31px 24px}
#page4 #wrapper .column4 .indent_image{ margin:0 20px 0 3px }
#page4 #wrapper .column4 .indent1{ padding:30px 24px 31px 24px}
#page4 #wrapper .column4 .indent1 .title{ margin-bottom:2px}
#page4 #wrapper .column4 .indent1 .px{ margin-bottom:16px}
#page4 #wrapper .column4 .indent1 .c1{ width:220px; margin-left:4px; float:left}
#page4 #wrapper .column4 .indent1 .c2{ width:190px; float:left}
#page4 #wrapper .column4 .indent1 .c1 .row{ height:30px}
#page4 #wrapper .column4 .indent1 input{ width:180px; height:18px; color:#05406b; border:0; padding:0; vertical-align:middle}
#page4 #wrapper .column4 .indent1 textarea{ width:190px; height:78px; overflow:auto; color:#05406b; border:0; padding:0;}
#page4 #wrapper .column4 .indent1 .right1{ margin-top:7px}
/*=====*/




/*==================index-4.html==================*/
#page5 #header .col2 .row2 .column2{ width:435px}
#page5 #header .col2 .row2 .column3{ width:43px} 
#page5 #header .col2 .row2 .column2 .indent1{ padding:50px 0 20px 0}
#page5 #header .col2 .row2 .column2 .c1{ width:237px; float:left}
#page5 #header .col2 .row2 .column2 .c2{ width:198px; float:left}
#page5 #header .col2 .row2 .column2 .px{ margin-right:27px}

#page5 #wrapper .col2 .rep{ background:url(images/rep_p5.gif) repeat-y}
#page5 #wrapper .col2 .top{ background:url(images/top_p5.gif) no-repeat}
#page5 #wrapper .col2 .bot{ background:url(images/bot_p5.gif) no-repeat left bottom}
#page5 #wrapper .col2 .indent{ padding:26px 30px 58px 30px}
#page5 #wrapper .col2 p{ margin-bottom:14px; margin-top:1px}
/*=====*/


/*==================index-5.html==================*/
/*=====*/


/*==================index-5.html==================*/
/*=====*/





#phone {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #FFFFFF;
}
.call {
	font-size: 16px;
	font-weight: bold;
	background-color: #25c2f5;
	margin-left: 45px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	height: 20px;
	width: 669px;
}
.myimage {
	border: 1px solid #1267A2;
}

/* Mary's Edits */

#top20
{
	border: solid 1px #0052b7;
	font-size: 10px;
}

#top20 td
{
	vertical-align: top;
}
#top20 td .t20-head
{
	text-align: center;
	color: #0052b7;
	background-color: #FFFFFF;
	padding: 4px;
	height: 20px;
}
#top20 .middleBorder
{
	border-left: solid 1px #0052b7
}
#subT20
{
	vertical-align: top;
	border-top: solid 1px #0052b7;
}
#subT20 .cat20-headCat
{
	color: #000000;
	background-color: #bec7e0;
	height: 20px;
	padding: 4px;

}
#subT20 .cat20-headRank
{
	color: #000000;
	background-color: #bec7e0;
	height: 20px;
	padding: 4px;
	border-right: solid 1px #0052b7

}
#subT20 .whiteRank
{
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 4px;
	height: 20px;
	padding: 4px;
	border-right: solid 1px #0052b7;
	text-align: center;
}
#subT20 .whiteCat
{
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 4px;
	height: 20px;
	padding: 4px;
}
#subT20 .blueRank
{
	color: #000000;
	background-color: #bec7e0;
	padding-left: 4px;
	height: 20px;
	padding: 4px;
	border-right: solid 1px #0052b7;
	text-align: center;
}
#subT20 .blueCat
{
	color: #000000;
	background-color: #bec7e0;
	padding-left: 4px;
	height: 20px;
	padding: 4px;
}
#top20 .top20Footer
{
	padding: 5px;
	text-align:center;
	color: #333333;
	font-size: 8px;
	border-top:  solid 1px #0052b7;
}
#testimonials li
{
	margin-bottom: 14px;
	padding: 10px;
	clear: left;
	border-bottom: solid 1px #2964a0;
}
#testimonials img
{
	padding-right: 8px;
	margin-right: 8px;
	border-right: dotted 1px #6699CC;
	float:left;
}
#testimonials h3
{
	margin-bottom: 8px;
}