/* Marisol Green Site CSS CODE */

html {height: auto;}

body { 
font-family: times new roman,arial;
color: ccffff;
padding: 0px 0px 0px 0px;  /* top right bottom left */
margin: 0px;
min-width: 800px;
font-size: 1em;
background-image: url(../images/background.jpg);
background-repeat: y;
}

div {
font-family: times new roman,arial;
color: #ccffff;
margin: 0px 0px 0px 0px; /* top right bottom left */ 
padding: 0px 0px 0px 0px;

}

div #slim {
width: 450px;
text-align: justify;
}

a {
	color: #3F6DE1;
}

a:hover {
	color: #cc00ff;
	text-decoration: none;
}

img { 
border: none;
clear: both;
}

.clientele_images img {
border: 2px;
}

/* main content -------------------------------------------------------------------------------------------------- */
#main { 
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;  /* top right bottom left  */

} 

#container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
color: #333;
}

#header h1 {
text-align: center;
font-size: 32px;
font-family: Palatino Linotype, Arial;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 7px;
color: #3F6DE1; /* #0072EE;  #3366FF; */
background-color: transparent; /* green; */
padding: 0px 0px -10px 0px;
}

#header h1 em {
	font-weight: normal;
	font-style: normal;
	font-size: 40px;
}

#header_subpages h1 {
padding: 0px 0px 0px 10px;  /* top right bottom left */
margin: 0;
color: #3F6DE1;  /* 1777F8; */
font-family: copperplate gothic, palatino linotype, arial;
font-weight: bold;
font-style: normal;
font-size: 28px;
text-align: center;
text-transform: uppercase;
}

#header_subpages h1 em {
	font-weight: normal;
	font-style: normal;
	font-size: 32px;
}

#header2_subpages {
padding: 0px 0px 0px 30px;  /* top right bottom left */
margin: 0px 0px 10px 20px;
color: #ccffff;
font-family: palatino linotype,times,arial;
font-weight: normal;
font-style: normal;
font-size: 1.2em;
text-align: left;
}

#header3_subpages h3 {
padding: 0px 0px 2px 0px;  /* top right bottom left */
margin: 0px 0px 0px 40px;
color: #ccffff;
font-family: times new roman,arial;
font-weight: bold;
font-style: normal;
font-size: 1.1em;
text-align: left;
}

#text_subpages p{
padding: 0px 40px 0px 40px;  /* top right bottom left */
margin: 0;
color: #ccffff;
font-family: times new roman,arial;
font-weight: normal;
font-style: normal;
font-size: 1.1em;
text-align: center;
text-align: justify;
}

#services_graphics div {
font-family: times new roman,arial;
color: #ccffff;
margin: 0px 0px 0px 0px; /* top right bottom left */ 
padding: 0px 0px 0px 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#footer_homepage p{
padding: 0px 40px 0px 40px;  /* top right bottom left */
margin: 0;
color: #ccffff;
font-family: times,arial;
font-weight: normal;
font-style: normal;
font-size: 1.1em;
text-align: center;
}

#footer_subpages p{
padding: 0px 40px 0px 40px;  /* top right bottom left */
margin: 0;
color: #ccffff;
font-family: times new roman,arial;
font-weight: normal;
font-style: normal;
font-size: 1.0em;
text-align: center;
}

#text_subpages ul, li {
padding: 0px 40px 4px 0px;  /* top right bottom left */
margin: 0px 0px 0px 55px;  /* top right bottom left */
list-style-type: square;
color: #ccffff;
font-family: times new roman,arial;
font-weight: normal;
font-style: normal;
font-size: 1.05em;
text-align: left;
}

/* unordered list */
#inline_menu ul { 
margin: 0px 0px 0px 0px;  /* top right bottom left */
padding: 0px 0px 0px 0px;
font-size: 17px;
text-align: center;
}

#inline_menu ul li { 
display: inline;
letter-spacing: 1px;
list-style-type: square;
margin: 0px 0px 0px 0px;  /* top right bottom left */
padding: 0px 12px 0px 0px;
}

.main_page_picture {
vertical-align: center;
text-align:center;
margin-left:auto; 
margin-right:auto;
margin: 0px 0px 0px 0px;  /* top right bottom left */
border: 0px;
padding: 0px;
background-color: transparent; /* blue; */
}

.main_column h2 { margin: 0 0 2px 0; /* top right bottom left */ }

.main_column p { 
margin: 10px 80px 10px 80px; /* top right bottom left */ 
padding: 0px 0px 0px 0px;
max-width: 100%;
color: #ccffff;
font-size: 17px;
text-align: justify;
}

#column1 {
float: left;
width: 33%;
margin: 0px 0px 0px 30px; /* top right bottom left */ 
padding: 0px 0px 0px 0px;
}

#column2 {
float: right;
width: 33%;
margin: 0px 0px 0px 10px; /* top right bottom left */ 
padding: 0px 0px 0px 0px;
}

#footer
{
clear: both;
text-align: center;
font-size: 14px;
width: auto;
background-color: transparent;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding: 0.4em 0.5em 21px 0.5em;
border-top: 0px solid;
border-top-width: 0px;
border-top-style: solid;
border-top-color: black;
}

.clear {
clear: both;
display: block;
min-height: 1px;
overflow: hidden;
margin: 0;
padding: 0;
} 

/* contact page - form layout ----------------------------------------------------------------------------- */
form{
  margin-top: 0px;
  text-align: center;
}

div.row
{ clear: both;
  width: 448px;
}

div.row span.formlabel 
{ float: left;
  width: 130px;
  text-align: left;
}

div.row span.forminput
{ float: right;
  text-align: right;
} 

div.spacer
{ clear: both;
  width: 80px;
}

input, textarea
{ width: 259px; 
  font-family: verdana, arial, sans-serif;
  border: 1px solid;
  font-size: 100%;
  margin: 3px;
}

.submit
{ font-family: verdana, arial, sans-serif;
  border: 1px solid;
  width: 70px;
  height: 22px;
  cursor: pointer;
  font-size: 100%;
}