@charset "UTF-8";
/* CSS Document arolland.com FLUID to fit devices */


/* HTML - THIS ESTABLISHES THE PARENT FOR HEIGHT AND WIDTH - then body relates its height from this  */

html {
	width:100%;
	height:100%;
}

/* BODY  */

body {font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	width:100%;
	height:100%;
	margin:0px;
	background-color:#3b3b3d; /*  Dk Dk Grey for bannertop and footer bkd TO CLOSE GAPS BELOW bannertop and ABOVE footer */
}


/* DIVS ------------------------------------------------------------------------------------------------------- */

/* BANNER TOP for banner ad */
#bannertop {
	height:auto;
	padding-top:2em;
}

hr { 
    display:block;
	width:65%;
	height:0.1em;
    margin-top:3em;
    margin-left:auto;
    margin-right:auto;
	border-style:solid;
	color:#666666;
	background-color:#666666;
}

/* HEADER FOR TITLE */
#header {
}

/* NAV INSIDE HEADER */
#nav {
	width:auto;
}

/* CONTENT FOR IMAGE width 960px - MARGINS to center one image - makes middle col bkd  */
#content {
	height:100%;
	background-color: #48fdf3; /*  BRIGHT BLUE background unless otherwise indicated like in bannertop and footer */
	overflow:auto;	/*  KEEPS BKG COL IN THIS DIV */
	margin-left:auto;
    margin-right:auto;
}

#contentservices {
	height:100%;
	background-color: #ffca17; /*  YELLOW GOLD background unless otherwise indicated like in bannertop and footer */
	overflow:auto;	/*  KEEPS BKG COL IN THIS DIV */
	margin-left:auto;
    margin-right:auto;
}

#contentslider {
	height:100%;
	background-color:d6d6d4; /*  PALE GREY background unless otherwise indicated like in bannertop and footer */
	overflow:auto;	/*  KEEPS BKG COL IN THIS DIV */
	margin-left:auto;
    margin-right:auto;
}

/* MAIN HOME contains one image - INSIDE MIDDLECONTENT */
#mainhome {
	max-width:100%; /*  image display 100% of its size within its parent element available width space */
	max-height:100%;
}

/* MAIN FOR 2 COL PAGES contains 2 div floats - INSIDE MIDDLECONTENT - margin left horizontally centers the two divs */
#main {
	margin-left:28%;
	margin-right:0%;
}

/* FOOTER - TOTAL WIDTH OF HEADER 960 PX AND FILL HEIGHT */

#footer {

	clear:both;
	text-align:center;
	height:100%;
}


/* CLASS ------------------------------------------------------------------------------------------------------- */

.h1center {
	text-align:center; /*  TO CENTER H1 Title on Home Page */
}

img.center {
    display:block; /*  TO CENTER IMAGE */
    margin-left:auto;
    margin-right:auto; 
}

img {
	max-width:100%; /*  image display 100% of its size within its parent element available width space */
	max-height:100%;
	border:none;
}

p.centertext {
	text-align:center;
}

li { list-style-type:square; font-size:1.2em;}


/* *********** 	HEADER - STYLES */

p.headertext1 {
	font-size:3em;
	letter-spacing:0.05em;
	color:#edb700;
	text-align:center;
}

p.headertext2 {
	font-size:3em;
	letter-spacing:0.05em;
	color:#29d4c7;
	text-align:center;
}


.headerimageleft {clear:none; float:left; margin:0% 1% 0% 0%;} /* margin right pushes text right */


/* *********** 	NAVIGATION - STYLES */

p.navtext1 {
	font-size:1.5em;
	font-weight:normal;
	letter-spacing:0.05em;
	color:#c5c5c6;
	text-align:center;
}

p.subheadtext1 {
	font-size:1.7em;
	font-weight:bold;
}

p.slidertext1 {
	font-size:1em;
	font-weight:bold;
	text-align:center;
}



/* *********************** INSIDE MAIN ************************************* */

/*  TO WRAP TEXT AROUND IMAGE INSIDE MAIN - MAKE SURE IMAGE IS NOT INSED A PARAGRAPH */


.textwrap {float:right; margin:0px 0px 10px 10px;} /*  MARGIN Top Right Bottom Left */
.textwrapleft {clear:none; float:left; margin:5px 10px 5px 0px;}


p {font-size:1.2em;}

/*h1 {font-size:2em; text-align:center;}*/


h1 {font-size:1.7em;
	font-weight:bold;}		
	

h2 {font-size:3.5em; text-align:center; font-weight:lighter;}

h3 {font-size:4em; text-align:center; font-weight:lighter;}

.boldtext {font-weight:bold;}

.boldtextred {font-size:1.1em; font-weight:bold; color:#F03}

.headcolor {color:#888;}


/* HTML IS INSIDE MAIN - FLOAT LEFT BOTH DIVS - MAKES ROW OF 2 COLUMNS SIDE BY SIDE - RESIZE BROWSER WINDOW SMALLER MAKES DIV2 MOVE DOWN FOR DEVICES  */
/* Remember text in main will flow under the divs  */

div.float1 {
  float:left; /* no width so div2 stays beside float1 until resize window and it moves down */
  padding-right:2%;
}
div.float2 {
  float:left; /*  remember not to use clear or this right div will move down */
  width:28%; /* best width so div stays beside float1 until resize window and it moves down */
}

div.float1 p {
   text-align:left;
}
div.float2 p {
   text-align:left;
}

/* TO CLEAR BOTH DIV FLOATS 1 AND 2 WITH CAPTIONS IN FLOATS  */

p.clear {
	clear:both;
}

/* *********************** OLD - END INSIDE MAIN ************************************* */



/* FOOTER STYLES */

p.footertext1 {
	clear:both;
	font-size:0.8em;
	font-weight:normal;
	letter-spacing:0.05em;
	color:#888;
	text-align:center;
	padding-bottom:.5em;
	padding-left:6em;

}
#footer h1 {font-size:3em; text-align:center; color:#FFF}

#footer img{
	padding-top:0.3em;
}


/* UNVISITED - REMAINS THE SAME */
a:link { /* unvisited black */
	color:#000;
	text-decoration:none;	
}
#nav a:link { /* unvisited grey */
	color:#c5c5c6;
	text-decoration:none;	
}
#name div.floatC a:link { /* unvisited red */
	color: #C00;
	text-decoration:none;
}

/* VISITED - REMAINS THE SAME */
a:visited { /* visited black */
	color:#000;
	text-decoration:none;	
}
#nav a:visited { /* visited grey */
	color:#c5c5c6;
	text-decoration:none;	
}
#name div.floatC a:visited { /* visited red */
	color: #C00;
	text-decoration:none;
}

/* HOVER */
a:hover { /* hover dk grey */
	color:#666666;
	text-decoration:none;
}
#nav a:hover { /* hover white */
	color:#FFFFFF;
	text-decoration:none;	
}
#name div.floatC a:hover { /* hover SUMMER dk gold */
	color: #847837;
	text-decoration:none;
}