@charset "utf-8";
/* CSS Document */
/*--generic styles ------------*/
/*********************************
Global Styles 
*********************************/
div,h1,h2,h3,h4,h5,h6,p	{margin: 0px; padding: 0px;}
body 					{font:100% Verdana, Arial, Helvetica, sans-serif;background:url(artwork/mainbg1.gif); background-repeat:repeat-x; margin:0; 
margin-top:9px; padding:0;}
.emptydiv 				{float:left;display:inline;width: 500px;height: 10px;}
#wrapper 				{width:960px; margin:0 auto; text-align:left;}
/*Turn off any default image borders */
img 					{border:0px;  }
a:link 					{color:#330033; list-style:none; }
a:visited				{color: #330033; text-decoration:underline; } 
a:hover, a:active		{color: #999;}

/*******************************
Header
*******************************/
#header 				{padding:0; height:110px; width: 910px; margin-left:15px;  margin-top:10px;}
#header #logo 			{float: left; width: 428px; margin-top: 0px; margin-left:10px; }
.tel 					{float: left; width: 120px; height: 30px; margin-top:0px; margin-left:340px; }
#header p 				{margin-left:25px; margin-top:0px; font-size:11px; color:#00cccc; }

/*******************************
Layout
*******************************/
#maincontent 			{display: inline-block; float:left; height: 700px; width:960px; background: url(artwork/louisecvbkgrnd.gif) no-repeat;}
#maincontent #col1home	{float:left; margin-left:10px; margin-top:25px; padding-left:20px; padding-top:10px; width:660px; height:450px; display:inline; line-height:150%; }
#maincontent #col1home p, li{line-height:180%; padding-right:20px; color:#666 }
#maincontent #col1home h1 	{float:left; margin-bottom: 25px; display:inline; width:500px; font-size:16px; color:#00cccc; font-family:Arial, Helvetica, sans-serif;	letter-spacing: 1px; }
#maincontent #col1home h2	{float:left; display:inline; width:450px; font-size:16px; color:#00cccc; 
font-family:Arial, Helvetica, sans-serif; letter-spacing: 2px; }
#maincontent #col1home h3	{float:left; display:inline; width:450px; font-size:14px; color:#336633; font-family:Arial, Helvetica, sans-serif; letter-spacing: 1px; }

.scroll 				{width:730px; height:420px; overflow:scroll; overflow:auto;/*overflow-x: hidden;*/ } 
#maincontent #welcome	{float:left; margin-left: 30px; display:inline; width: 200px;}
#maincontent #col1 		{float:left; margin-left:40px; margin-top:25px; padding:0px; width:560px; height:420px; display:inline; line-height:150%; }
#maincontent #col1 p, li{line-height:180%; padding-right:20px; color:#666 }
#maincontent #col1 h1 	{float:left; display:inline; width:500px; font-size:14px; color:#00cccc; font-family:Arial, Helvetica, sans-serif;	letter-spacing: 1px; }
#maincontent #col1 h2	{float:left; display:inline; width:450px; font-size:16px; color:#00cccc; 
font-family:Arial, Helvetica, sans-serif; letter-spacing: 2px; }
#maincontent #col1 h3	{float:left; display:inline; width:450px; font-size:14px; color:#330033; font-family:Arial, Helvetica, sans-serif; letter-spacing: 1px; }

#maincontent p 			{float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:180%; margin-bottom:15px;}
#col1 ul				{float:left; width: 550px; list-style-type:none; padding:0; margin:0; }
#col1 li				{font-family: Arial, Helvetica, sans-serif; color:#666; font-size:13px; background:url(artwork/bullet.gif) no-repeat 0 8px; 
padding-left:25px; padding-bottom:5px; margin:0 10px 0 0px; }
#maincontent #col2 		{display:inline; float:left; margin-left:30px; margin-top:20px; padding:0; width:350px; height:380px; }
#maincontent #col2 p 	{line-height: 200%; }
#maincontent #col2 h1 	{display:inline; width:350px; font-size:14px; color:#00cccc; font-family:Arial, Helvetica, sans-serif; letter-spacing: 1px;}
#maincontent .col3 		{display:inline; float:left; margin-left:30px; margin-top:25px; padding:0; width:160px; height:110px; }
#maincontent .col3 p 	{line-height: 200%; }
#maincontent .col3 h1 	{display:inline; width:160px; font-size:14px; font-family:Arial, Helvetica, sans-serif; letter-spacing: 1px; }
#maincontent #col4 		{float:left; margin-left:30px; margin-top:55px; padding:0; width:350px; height:400px; display:inline; line-height:200%; }
#maincontent #col4 p	{line-height:200%; }
#maincontent #col4 h1 	{float:left; display:inline; width:350px; font-size:14px; color:#00cccc; font-family:Arial, Helvetica, sans-serif; letter-spacing: 1px;}
#testimonial 			{float:left; margin-left:40px; margin-top:25px; padding:0px; width:530px; height:420px; display:inline;}
#testimonial p, li		{color:#666; line-height:180%; padding-right:20px;}
/*******************************
Lists
*******************************/
#testimonial ul			{float:left; width: 550px; list-style-type:none; padding:0; margin:0; }
#testimonial li			{line-height:180%; background:none; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:13px; padding-left:25px; padding-bottom:5px; margin:0 10px 0 0px;}
.listspacer 			{float: left; margin-bottom:20px;}
/* Reusable class for top navagation buttons */ 
/*******************************
Fonts
********************************/

/*******************************
Navigation
*******************************/
.current 				{float:left; margin-right:60px; margin-top:3px; width:45px; font-family:Arial, Helvetica, sans-serif; color:#999;}
/*.currentside 			{background:url(../artwork/navline.gif) bottom left no-repeat; padding-bottom: 20px; float:left; line-height:150%; font-size:12px; 
width: 150px; color:#999;}*/
.currentmain			{color:#999; text-decoration: underline; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-right:40px; line-height:25px;}
.nav1 					{margin-left:220px;}
#mainnav ul 			{display:inline; float:left; list-style:none; height:30px; width:760px; margin:7px 0px 0px 0px; padding:0; bottom: 0; }
#mainnav li 			{display:inline; padding:0; width:100px; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.nav1 a:link 			{font-family:Arial, Helvetica, sans-serif; color: #330033; text-decoration:none; margin-right: 40px; line-height: 25px; }
.nav1 a:visited			{font-family:Arial, Helvetica, sans-serif; color: #330033; text-decoration:none; margin-right: 40px; line-height: 25px;} 
.nav1  a:active			{font-family:Arial, Helvetica, sans-serif; color: #999; text-decoration: none; margin-right: 40px;line-height: 25px;}
.nav1  a:hover			{font-family:Arial, Helvetica, sans-serif; color: #999; text-decoration: underline; margin-right: 40px;line-height: 25px;}
#sidenav 				{display:inline; padding-left: 0px; font-size: 13px; float:left; margin-top:45px; margin-left:40px; width:170px;  }
/*#sidenav ul				{padding-left:0px; font-size: 12px; list-style:none; }*/
/*#sidenav li 			{padding-left: 0px; background:url(../artwork/navline.gif) bottom left no-repeat; padding-bottom: 20px; }*/
#sidenav a			    {float:left; width: 170px; height:65px; background:url(../artwork/navline2.gif) bottom left no-repeat; margin-bottom:0px; text-decoration:none;}
.currentside			{float:left; color:#999; width: 170px; height:55px; background:url(../artwork/navline2.gif) bottom left no-repeat; margin-bottom:0px;  }

/********************************
Other
********************************/
#float					{padding:0; margin:0;}
#breadcrumb				{margin-left: 10px; float:left;font-size:10px; width:590px;  border-bottom:1px dotted #dadada;padding-top: 10px; padding-bottom:3px; margin-bottom:10px;}
#breadcrumb a 			{background:url(../artwork/breadbullet.gif) right center no-repeat; padding-right:14px;}
.quoteowner 			{font-family:Arial, Helvetica, sans-serif; color:#00CCCC; font-size:13px; padding-left:25px; padding-bottom:5px;
margin:0 10px 0 0px; float:left; display:inline; line-height:180%; padding-right:20px; border-bottom:3px solid #eee; margin-bottom:20px; }
	

/*****************************
Portfolio
******************************/
/*#portfolio 							{width: 520px; height: 800px;}*/
#portfoliotxt 						{float:left; width: 240px; /*height: 800px;*/}
#portfoliopics 						{float:left; margin-top: 50px; width:300px; height:2000px; margin-left:30px;}
#maincontent #portfolio 			{float:left; margin-left:40px; margin-top:25px; padding:0px; width:620px; display:inline; line-height:150%; }
#maincontent #portfolio p, li		{line-height:180%; padding-right:20px; }
#maincontent #portfolio h1 			{float:left; margin-top: 20px; margin-bottom: 10px; display:inline; width:200px; font-size:12px; color:#00cccc; 
font-family:Arial, Helvetica, sans-serif; letter-spacing: 1px; }
#portfolio ul						{float:left; list-style-type:none; padding:0; margin:0; }
#portfolio li						{font-family:Arial, Helvetica, sans-serif;  color:#666; font-size:12px; background:url(artwork/bullet.gif) no-repeat 0 8px; padding-left:25px; padding-bottom:5px; margin:0 10px 0 0px; }
#cotswold a:link, #cotswold a:visited {background:url(artwork/rollccnew.gif) left top; display:block; margin: 140px 0px 80px 30px; width: 300px; height: 212px;}
#cotswold a:hover, #cotswold a:active	{background:url(artwork/rollccnew.gif) left bottom; border:none; }
#bbodies a:link, #bbodies a:visited {background:url(artwork/rollbbnew.gif) left top; display:block; margin: 150px 0px 0px 30px; width: 300px; height: 212px;}
#bbodies a:hover, #bbodies a:active	{background:url(artwork/rollbbnew.gif) left bottom; border:none; }
#admin  							{float:left; width: 130px; margin-top:5px; margin-bottom:5px; }
#yardley a:link, #yardley a:visited {background:url(artwork/rollygnew.gif) left top; display:block; margin: 110px 0px 0px 30px; width: 300px; height: 212px;}
#yardley a:hover, #yardley a:active	{background:url(artwork/rollygnew.gif) left bottom; border:none; }
#admin a:link, #admin a:visited 	{margin: 130px 0px 105px 30px; background:url(artwork/rolladnew.gif) left top; display:block; width: 300px; height: 212px; }
#admin a:hover, #admin a:active		{background:url(artwork/rolladnew.gif) left bottom; border:none; }
#buckingham a:link, #buckingham a:visited {margin: 130px 0px 0px 30px; background:url(artwork/rolloverbknew.gif) left top; display:block; width: 300px; 
height:212px;}
#buckingham  a:hover, #buckingham a:active{background:url(artwork/rolloverbknew.gif) left bottom; display:block; width: 300px; height: 212px; border:none; }


/******************************
script
*******************************/
#textrotator {font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; line-height:150%; }
#slider								{display:inline; background:url(artwork/slidebkg.gif) no-repeat 0 50px; float: right; width: 340px; height:260px; padding-left:0px; margin-right:30px; margin-top:50px; }

/******************************
footer
******************************/
/*#maincontent #footerindex			{font-family: Arial, Helvetica, sans-serif;	float:left;	display:inline;	margin-top:35px; margin-left:10px;	color:#333; font-size:12px;}*/
#footercontact						{float:left; display:inline; margin-top:70px; margin-left:10px; width: 600px; font-size:11px; color:#66ccff; }
#footercontact a:link 				{font-family:Arial, Helvetica, sans-serif; color: #336633; text-decoration:none; margin-right: 40px; line-height: 25px; }
#footercontact a:visited			{font-family:Arial, Helvetica, sans-serif; color: #336633; text-decoration:none; margin-right: 40px; line-height: 25px; } 
#footercontact  a:hover, a:active	{font-family:Arial, Helvetica, sans-serif; color: #CCFFFF; text-decoration: underline; margin-right: 40px; line-height: 25px;}

/*****************************
slider style sheet
******************************/
.commentstyle						{/* style attributes for the comments below the pictures */	
									font-family:Arial, Helvetica, sans-serif;	font-size:9pt;	color:#666; vertical-align:middle; text-align:center;	padding:5px;}
.thumbnailstyle 					{/* style attributes for the thumbnails */	
									margin:3px;	width:67px;	border-style:solid;	border-width:1px;border-color:white;
	
									/* shadow for Firefox */
									-moz-box-shadow: 2px 2px 3px #AAAAAA;
								
									/* shadow for Safari and Chrome */
									-webkit-box-shadow: 2px 2px 3px #AAAAAA;
								
									/* shadow for Opera */
									box-shadow: 2px 2px 3px #AAAAAA;
									
									/* shadow for Internet Explorer */
									filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#AAAAAA');
									}

.slideshowstyle						{/* style attributes for the slideshow-box *//* ATTENTION: width and height must be set within the script */
									overflow:hidden;	border-style:solid;	border-width:1px; border-color:white; background-color:#F2FFFF;
									background-image: url(tile.jpg); margin:3px;
								
								}