@charset "utf-8";
/* CSS Document */

/* ---------------I Celina Insurance Group - Copyright 2010 I--------------- */

/* ------------------------------------------------------------ */
/* ------------------------I CSS Reset I----------------------- */
/* ------------------------------------------------------------ */
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: 0;outline: 0; font-weight: inherit; font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}/* remember to define focus styles! */:focus {outline: 0;}body {line-height: 1;color: black;background: white;}ol, ul {list-style: none;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: separate;border-spacing: 0;}caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}

/* ------------------------------------------------------------ */
/* --------------------------I Globals I----------------------- */
/* ------------------------------------------------------------ */

body {	
	background-color:#e5f1fd;
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	}
		
body,p,h1,h2,h3,h4,table {font-family:Franklin Medium, Arial, Helvetica, sans-serif;}

h1 {	
	font-size:22px;
	font-weight:bold;
	color:#006; 
	line-height:1.25em;
	letter-spacing:.001em;
	}

h2 {	
	font-size:22px;
	font-weight:200;
	color:#006; 
	line-height:1.25em;
	letter-spacing:.001em;
	}

h3 { 	
	color:#006;  
	font-size:14px;
	border-bottom: 1px dotted silver; 
	margin: 15px 0px 5px 0px; 
	padding-bottom: 3px; 
	text-align: left; 
	line-height:1.35em; 
	}
		
h4 { 	
	color:#006;  
	font-size:14px;
	margin: 15px 0px 5px 0px; 
	padding-bottom: 3px; 
	text-align: left; 
	line-height:1.35em; 
	}

p {		
	font-size:0.8em; 
	letter-spacing:.0002em; 
	line-height:1.35em;
	color:#000;
	widows:3;
	}
		
ol li {	
	background-image: url(images/leaf.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 20px;
	list-style: none;
	line-height:1.55em;
	font-size:13px;	
	}
		
ol ul {	
	padding-left:30px;		
	line-height:1.55em;
	font-size:13px;
	font-style:italic;
	}

b{color:#006;}
	
a, a:focus 	{outline:0; text-decoration:none; cursor:pointer;}

noscript b {font-size:22px; font-weight:200; color:#a00;}
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: center; margin-top:15px;}
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px;}

label {padding:5px  5px 5px 0px;}

blockquote {text-indent: -0.45em;}

/* ------------------------------------------------------------ */
/* --------------------------I Classes I----------------------- */
/* ------------------------------------------------------------ */

		/*----------Nav Bar Dock----------*/
		.dock {position: relative; height: 50px; text-align: center; margin-right:25px; padding-top:5px; z-index:100;}	
		.dock-container {position: absolute; height: 50px; padding-left: 20px;}
		.dock-container a{color:#003; font-weight:bold; padding-left: 20px;}
		a.dock-item {display: inline; padding-top:3px; width: 40px; color:#006; position: absolute; top: 0px; text-align: center; text-decoration: none; font: bold 12px Franklin Medium, Arial, Helvetica, sans-serif;}
		.dock-item img {border: none; margin: 5px 10px 5px 0px; width: 100%; height:auto;}
		.mscar {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/car.png', sizingMethod='scale');}
		.msrbi {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rbi.png', sizingMethod='scale');}
		.mscontact {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact.png', sizingMethod='scale');}
		.msbillpay {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/card.png', sizingMethod='scale');}
		.msabout{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/agent.png', sizingMethod='scale');}
		/*----------Nav Bar Dock----------*/

.access{display:none;}

.button {float:left;font-family:Franklin Medium, Arial, Helvetica, sans-serif; color:#006;}

.fineprint { 	
	color:#006;
	font-size:10px;
	text-align:center;
	line-height:1.75em;
	}

.imgwrap {
	float:right; 
	margin: 10px;
	}
	
.imgwrapleft {
	z-index:101;
	background-color:#FFF;
	float:left;
	padding-right:10px;
	margin: 5px 10px 10px -5px;
	}

.indent {margin-left:40px;}

.left {
	z-index:100;
   	background-color:#FFF;
  	width: 300px;
   	margin: 10px 10px 5px 5px;
   	padding: 5px 25px;
   	font-size: 1.5em;
	line-height:1.3em;
   	text-align: center;
   	float: left;
	font-weight:200; 
	letter-spacing:.001em;
}

.margintop {margin-top:30px;}

.news { 
	font-family:Franklin Medium, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.45em;
	color:#000;
	}

.paddingbotttom {padding-bottom:50px;}

.table {
	font-size:0.9em; 
	letter-spacing:.0002em; 
	line-height:1.35em;
	color:#000;
	border: 1px dotted silver;
	border-collapse:collapse;
	padding:10px;
	}

.quotes {
	font-family:Franklin Medium, Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:1.45em;
	color:#000;
	}

.right {
	z-index:100;
   	background-color:#FFF;
  	width: 280px;
   	margin: 10px 10px 10px 5px;
   	padding: 5px 25px;
   	font-size: 1.5em;
	line-height:1.3em;
   	text-align: center;
   	float: right;
	font-weight:200; 
	letter-spacing:.001em;
	}

.thumb{
	float:right;
	margin-right:10px;
	margin-top:10px;
	}

/* ------------------------------------------------------------ */
/* --------------------------I Divs I-------------------------- */
/* ------------------------------------------------------------ */

#background2 {background-image: url(images/grass.png); background-position:bottom right; background-repeat:repeat-x; bottom:0; height:400px; width:100%; margin:-400px auto 0px auto; position:inherit; z-index:-10;}
#background2 img {padding-top:16px;}

#background3 {background-image: transparent url(images/grasslg.png); background-position:center; background-repeat:no-repeat;height:50px; width:100px; margin:0 auto -200px auto; z-index:150; bottom:-100; position:inherit;}

#image{
	height:430px;
	width:374px;
	float:right;
	clear:both;
	overflow:hidden;
	}

#aboutnav {float:right; clear:both;}
#aboutnav p {display:block;border:1px dotted silver; padding: 1px 5px 1px 5px;}
#aboutnav p:hover, current {background:#D6D6D6;}

#browser {width:100%; height:30px; background-color:#800000; padding:20px 0px 0px 30px; color:#FFF; font-weight:bold;}
#browser a {text-decoration:underline; color:#FFF;}

#header{
	height:107px; 
	width:100%;
	background-image:url(images/header2.png);
	background-repeat:no-repeat;
	margin-bottom:20px;
	}

#bodywrap {	
	float:left;
	display: table-cell; 
	height: 100%;
	padding-top:20px;
	width:960px;
	background-color:#FFF;
	padding-bottom:30px;
	}
	
/*----------Contact Form----------*/
#contact_form  {
	position:relative;
	margin: 10px 30px 0px 30px;
	padding: 20px;
	line-height:1.45em;
	}
#contact_form td {padding:5px;}
#contact_form input:focus {background-color:#F0F0FF;}
#contact_form textarea:focus {background-color:#F0F0FF;}

/*----------Contact Form----------*/


#prospectagents{padding: 0px 40px 0px 50px; }

#container {
	margin: 30px auto; 
	width:961px;
	height:100%;
	z-index:100;
	overflow:hidden;
	position:relative;
	}

#logolink{
	float:left;
	width:200px;
	height:110px;
	}

#submitsuccess {
	padding-left:50px; 
	height:200px; 
	width:100%; 
	margin: 0 auto; 
	}

#maincol{
	float:right;
	height:100%; 
	width:600px;
	padding: 0px 30px 0px 30px;
	margin-bottom:20px;
	border-left: 1px dotted silver;
	}

#maincolabout {
	position:relative;
	width:100%;
	float:left;  
	margin-right:5px; 
	}
#jobsmain {margin:30px;}

#joboptions {
	float:right;
	clear:right;
	width:400px;
	height:100%;
	z-index:100;
	border: 1px dotted silver;
   	font-size: 1em;
	line-height:1.3em;
   	text-align: left;
	font-weight:200; 
	font-family:Franklin Medium, Arial, Helvetica, sans-serif;
	letter-spacing:.001em;
	margin: 0px 0px 10px 15px;
	padding:15px 15px 15px 15px;
	background-color:#FFF;
	}

#picbox{
	height:100%;
	width:960px;
	color: #D1E5FE;
	}

#rdcorners {
	width:960px;
	height:11px;
	background-image:url(images/rdcorners.png);
	background-repeat:no-repeat;
	}
 
#whatsnew {
	background-image:url(images/agent_test.gif);
	background-position: top center;
	background-repeat:no-repeat;
	float:right;  
	width:270px;
	height:140px;
	z-index:100;
	border: 1px dotted silver;
   	font-size: 0.95em;
	line-height:1.3em;
   	text-align: left;
	font-weight:200; 
	font-family:Franklin Medium, Arial, Helvetica, sans-serif;
	letter-spacing:.001em;
	margin: 0px 0px 10px 20px;
	padding: 85px 40px 20px 40px;
	}

#rtcol {
	float:left;
	width:280px;
	}
	
#join {
	padding:10px 30px 0px 30px;
	width:200px;
	}
#join img {padding: 5px 0px 5px 0px;}

#legal {
	float:right; 
	text-align:center; 
	width:600px; 
	display:inline;
	margin-top:5px;
	padding: 10px 0px 10px 0px;
	}
	
#privacy {
	float:left; 
	margin: 7px 0px 0px 0px;
	}

/*Google Map*/
#pagewrap {
	overflow: auto;
	margin: 0 auto;
	padding: 10px;
	position: relative;
	width: 900px;
}

#pagewrap table {border:none;}

.title {text-align: center;}
  
  
/* Map View */
#map_canvas { 
	height: 350px; 
	border: solid thin silver; 
	float: left;
	width: 350px;
	clear: right; }
               
/* Directions */
#directions {
	float:left;
	width: 100% !important;
	height:500px;
	overflow:auto;
	}
 
/* Addresses */
        
#addresses { color: black; }
        
.address-panel {             
	overflow: auto;
	margin-bottom: 10px;
	padding: 0px 15px 0px 15px;
	width: 300px;
	}

.address-panel>form>div {
margin-bottom: 10px;}
            
.address-form-column {float: left;}
                
.address-panel label {display: block;font-size:0.8em; 
		letter-spacing:.0002em; 
		line-height:1.35em;
		color:#000;}
.address-panel input, .address-panel select {  }
.address-panel #street { width: 95%; }
.address-panel #state { width: 60%; }
.address-panel .button { text-align: right; padding-top: 15px; clear: both; }