body {
	color: #666666;
	background-color:#FFFFFF;
	font-family: Arial;
	font-weight: normal; 
	font-size:12px;

}

/* ===== MENU ============================== */

.menucontainer2 {
	clear:both;
	text-decoration:none;
	width:730px;
}

* html .menucontainer2 {display:inline-block;}


.menucontainer3 {
	clear:both;
	text-decoration:none;
	width:720px;
}

* html .menucontainer3 {display:inline-block;}



.bevelmenu1{
font: 11px arial;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #FFF;
text-align: left; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu1 li{
list-style: none;
display: inline;
}

.bevelmenu1 li a{
padding: 3px 0.5em;
text-decoration: none;
color: #fff;
background-color: #08c;
border: 1px solid #fff;
}

.bevelmenu1 li a:hover{
color: #FFF;
background-color: #09e;
border-style: outset;
}

.bevelmenu1 li a:visited{
color: #FFF;
background-color: #08c;
}

.bevelmenu1 li a:active{
color: #FFF;
background-color: #08c;

}

html>body .bevelmenu1 li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}


.bevelmenu2{
font: 11px arial;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #FFF;
text-align: left; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu2 li{
list-style: none;
display: inline;
}

.bevelmenu2 li a{
padding: 3px 0.5em;
text-decoration: none;
color: #000;
background-color: #fff;
border: 1px solid #fff;
}

.bevelmenu2 li a:hover{
color: #000;
background-color: #D8DEFE;
border-style: outset;
}

.bevelmenu2 li a:visited{
color: #000;
background-color: #fff;
}

.bevelmenu2 li a:active{
color: #000;
background-color: #fff;
}

html>body .bevelmenu2 li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}


/* ===== DIVS ============================== */

div.container {
	position: relative;
	margin: 0 auto;
	width: 720px;
	background-color:#FFFFFF;
	padding: 20px 20px;
  	border:1px solid #ddd;
}

div.news {
	position: relative;
	width: 300px;
	height:300px;
  	border:0px solid #BBBBBB;
  	padding:10px;
  	font-size:12px;
  	float: right;
  	margin: 0px 0px 0px 0px;
	background-image:url(http://www.gavinholt.com/images/main_side.jpg); 
	background-position:right; 
	background-repeat:no-repeat;
}

div.sidebartext {
	position: relative;
	width: 300px;
	height:180px;
  	border:0px solid #BBBBBB;
  	padding:10px;
  	font-size:12px;
  	float: right;
  	margin: 0px 0px 0px 0px;
	background-position:right; 
	background-repeat:no-repeat;
}

div.mainimage1{
	float:left;
	background-image:url(http://www.gavinholt.com/images/walkinglagunabeach_sm.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:200px;
	height:200px;

}

div.mainimage2{
	float:left;
	background-image:url(http://www.gavinholt.com/image/pic2_thumb.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:200px;
	height:200px;

}

div.sampleimage1{
	float:left;
	background-image:url(http://www.gavinholt.com/images/lagunabeach3_sm.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:240px;
	height:100px;

}

div.sampleimage2{
	float:left;
	background-image:url(http://www.gavinholt.com/images/walkwaytobeach_sm.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:240px;
	height:100px;

}

div.sampleimage3{
	float:left;
	background-image:url(http://www.gavinholt.com/images/timemily2_sm.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:240px;
	height:100px;

}

div.recommend1{
	float:left;
	background-image:url(http://www.gavinholt.com/images/gavincam1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:240px;
	height:100px;

}

div.recommend2{
	float:left;
	background-image:url(http://www.gavinholt.com/images/cherie1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:240px;
	height:100px;

}

div.recommend3{
	float:left;
	background-image:url(http://www.gavinholt.com/images/gavincam2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:240px;
	height:100px;

}

div.laimage1{
	float:left;
	background-image:url(http://www.gavinholt.com/images/jerry-peggy02_sm.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:200px;
	height:200px;

}

div.laimage2{
	float:left;
	background-image:url(http://www.gavinholt.com/images/lighting_background.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:200px;
	height:200px;

}

div.ocimage1{
	float:left;
	background-image:url(http://www.gavinholt.com/images/oc1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:200px;
	height:200px;

}

div.ocimage2{
	float:left;
	background-image:url(http://www.gavinholt.com/images/lagunabeach3_sm.jpg);
	background-position:right;
	background-repeat:no-repeat;
	width:200px;
	height:200px;

}

div.contactimage1{
	float:left;
	background-image:url(http://www.gavinholt.com/image/gavinholt_400_bw.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:400px;
	height:200px;
}

div.loginimage1{
	float:left;
	background-image:url(http://www.gavinholt.com/image/loginimage1.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:400px;
	height:400px;
}

div.quoted{
	float:left;
	padding: 10px 40px 0px 40px; 
	background-image:url(http://www.gavinholt.com/images/quote40.jpg);
	background-position:top-left;
	background-repeat:no-repeat;
	width:300px;
}

div.column-left {
	width: 320px;
  	border:0px solid #BBBBBB;
	border-right-width:1px;
  	padding:10px 30px 10px 10px;
  	float: left;
  	margin: 0px 0px 0px 0px;
}

div.column-right {
	width: 320px;
  	border:0px solid #BBBBBB;
  	padding:10px;
  	float: right;
  	margin: 0px 0px 0px 0px;
}


div.video1 {
	position: relative;
	width: 200px;
  	border:1px solid #BBBBBB;
  	padding: 10px 0px 10px 0px;
  	font-size:12px;
  	float: left;
  	margin: 50px 20px 20px 40px;
}

div.video2 {
	position: relative;
	width: 350px;
  	border:1px solid #BBBBBB;
  	padding: 10px 0px 10px 0px;
  	font-size:12px;
  	float: left;
  	margin: 50px 20px 20px 40px;
}

div.sample {
	position: relative;
	width: 350px;
  	border:0px solid #BBBBBB;
  	padding: 5px;
  	font-size:12px;
  	float: left;
  	margin: 0px 0px 0px 0px;
}

div.testimonial {
	position: relative;
	width: 300px;
  	border:0px solid #BBBBBB;
  	padding: 5px;
  	font-size:12px;
  	float: left;
  	margin: 20px 0px 20px 0px;
}

div.checkbox {
   	float: left;
	margin: 2px ;
	width: 8px;
	height: 8px;
	background-color:#FFFFFF;
  	border:1px solid #bbbbbb;
}

div.links {
	position: relative;
	width: 180px;
  	border:1px solid #BBBBBB;
  	padding:3px;
  	font-size:12px;
  	float: left;
  	margin: 30px 0px 30px 0px;

}

div.float {
		
  	float: right;
	margin: 10px 60px 10px 10px;
		
}

div.notice {
	width: 708px;
	height:50px;
	margin: 0px 0px 10px 0px;
  	border:1px solid #99ccff;
	padding:5px 5px 5px 5px;
}

div.notice_m {
   	float: left;
	margin: 2px ;
	width: 50px;
	height: 14px;
	background-color:#FFFFFF;
  	border:1px solid #bbbbbb;
	font-size:10px;
	text-align:center;
}

div.notice_m_b {
   	float: left;
	margin: 2px ;
	width: 40px;
	height: 14px;
	background-color:#990000;
  	border:1px solid #bbbbbb;
	font-size:10px;
	text-align:center;
	color:#FFFFFF;
}

/* ===== MAIN PAGE ============================== */


.maintitle1{
	float:none;
	background-color:#99CCFF;
	color:#FFFFFF;
	width:700px;
	height:100px;
	font-size:40px;
	font-style:normal;
	padding:10px;
	margin: 10px 0px 0px 0px;
}

.maintitle0{
	float:none;
	background-color:#99CCFF;
	color:#FFFFFF;
	width:700px;
	height:100px;
	font-size:40px;
	font-style:normal;
	padding:10px;
	margin: 10px 0px 0px 0px;
	background-image:url(http://www.gavinholt.com/images/main_gh.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

.maintitle2{
	float:left;
	background-color:#D8DEFE;
	color:#FFFFFF;
	width:380px;
	height:100px;
	font-size:24px;
	font-style:normal;
	padding:10px;
	margin: 0px 0px 0px 0px;
}

.bluebar{
	float:right;
	background-color:#99CCFF;
	color:#FFFFFF;
	width:700px;
	height:30px;
	font-size:30px;
	font-style:normal;
	padding:10px;
	margin: 0px 0px 0px 0px;
}

.purplebar{
	float:right;
	background-color:#9999FF;
	color:#FFFFFF;
	width:700px;
	height:30px;
	font-size:30px;
	font-style:normal;
	padding:10px;
	margin: 0px 0px 0px 0px;
}

.orangebar{
	float:right;
	background-color:#FFBA75;
	color:#FFFFFF;
	width:700px;
	height:30px;
	font-size:30px;
	font-style:normal;
	padding:10px;
	margin: 0px 0px 0px 0px;
}

/* ===== HEADERS ============================== */

.h2text{
	background-color:#99CCFF;
	color:#FFFFFF;
	width:700px;
	height:28px;
	font-size:24px;
	font-style:normal;
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 0px 0px;
}

.h3text-col{
	background-color:#99CCFF;
	color:#FFFFFF;
	width:300px;
	height:20px;
	font-size:18px;
	font-style:normal;
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 0px 0px;
}

.h4text{
	background-color:#9999FF;
	color:#FFFFFF;
	height:18px;
	font-size:16px;
	font-style:normal;
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 0px 0px;
}


h1.opt1 {
	color: #666666;
	margin: 20px -20px 0px -20px;	/* top right bottom left */
	font-size:18px;


}

h2.opt1 {
	color: #999999;
	margin: 20px 0px 0px -10px;  
	font-size:16px;


}

h3.opt1 {
	color: #999999;
	margin: 20px 0px 0px -10px;  
	font-size:14px;


}

h3.news {
	color: #999999;
	margin: 5px 5px 5px 5px;  
	font-size:14px;


}

h4.opt1 {
	color: #999999;
	margin: 20px 0px 0px -10px;  
	font-size:13px;


}

/* ===== LINKS ============================== */

a {
   text-decoration: none;
}
a:link {
   color: #8090C0;
}
a:visited {
   color: #8090C0;
}
a:active {
   color: #3333FF;
}
a:hover {
   color: #CC9966;
}

a.link1 {
   text-decoration: none;
}
a.link1:link {
   color: #666666;
}
a.link1:visited {
   color: #666666;
}
a.link1:active {
   color: #666666;
}
a.link1:hover {
   color: #CC9966;
}

/* ===== PARAGRAPHS ============================== */

p {
	text-align: justify;
	color: #666666;
	margin: 20px 0px 0px 0px;  
}

p.opt1 {
	text-align: justify;
	color: #666666;
	margin: 20px 0px 0px 0px;  
}

p.opt2 {
	text-align: justify;
	color: #999999;
	margin: 20px 0px 0px 0px;  
	font-size:9px;
}

p.footer {
	font-size:10px;
	text-align: center;
	color: #aaaaaa;
	margin: 5px 5px 5px 5px;  


}

p.news {
	text-align: left;
	color: #666666;
	margin: 3px 0px 5px 3px;  
	padding:0px 0px 0px 10px; 
	background:url(image/bullet001.gif) 0px 5px no-repeat;

}


/* ===== OTHER ============================== */

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


ul {
	color: #666666;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;  
}


/* ===== COLORS ============================== */

.bad {
  	color:#880000;
}

.good {
  	color:#000033;
}