﻿body a
{
    color:#85d6f3;
    
}

.cycleImages
{
    background-color:#eeeeee; border:solid 1px #999999; width:520px;height:320px;padding-top:10px;
    text-align:center;
    margin:5px;
}

.ClientsContent { width:100%; text-align:center;}
.ClientsContent img { margin:5px; padding:5px; border:solid 1px #dcdcdc;}


.thumbs
{
    background-color:#eeeeee; 
    border:solid 1px #999999;
    height:75px;
    width:80px;
    float:left;
    text-align:center;
    padding-top:5px;
    margin:5px;
}

.cycleImageBorder
{
    
    border:solid 1px #999999;

}

body p
{
    font-family:Trebuchet MS;
    font-size:0.75em;
    line-height:2em;
}

.AboutUsContent
{
    font-family:Trebuchet MS;
    font-size:0.75em;
    line-height:2em;
    width:280px;
    float:left;
}

.AboutUsRight
{
    font-family:Trebuchet MS;
    font-size:0.75em;
    line-height:2em;
    float:right;
    color:#dcdcdc;
}

.Discovery
{
    float:left;
    width:100%;
}

.HeaderLeftSide
{
 font-family:Trebuchet MS;
    font-variant:small-caps;   
    font-weight:600;
    font-size:26pt;
    line-height:3em;   
}
.HeaderRightSideAboutUs
{
 font-family:Trebuchet MS;
    font-variant:small-caps;   
    font-weight:600;
    font-size:26pt;
    color:#8fbc8b;
    line-height:3em;   
}

.HeaderRightSideContactUs
{
 font-family:Trebuchet MS;
    font-variant:small-caps;   
    font-weight:600;
    font-size:26pt;
    color:#eee8aa;
    line-height:3em;   
}

.HeaderRightSideAffiliate
{
 font-family:Trebuchet MS;
    font-variant:small-caps;   
    font-weight:600;
    font-size:26pt;
    color:#a0522d;
    line-height:3em;   
}

.HeaderRightSideClients
{
 font-family:Trebuchet MS;
    font-variant:small-caps;   
    font-weight:600;
    font-size:26pt;
    color:#778899;
    line-height:3em;   
}

h2
{
    font-family:Trebuchet MS;
    font-variant:small-caps;   
    font-weight:bold;
    line-height:3em;
}

h3
{
    font-family:Trebuchet MS;
    font-variant:small-caps;
    font-size:11pt;   
    font-weight:bold;
    line-height:3em;
}

.LayoutTop
{
    width:100%;
    background-image:url("../Images/Top.jpg");
    background-repeat:repeat;
    height:3px;
}

.LayoutTopLine
{
    width:700px;
    height:5px;
    margin:0 auto;
}

.LayoutTopLineLeft
{
    float:left;
    width:35%;
    height:3px;
    background-color:#85d6f3;
}

.LayoutTopLineRight
{
    float:right;
    width:65%;
    height:3px;
    background-color:#515151;
}

.Content
{
    display:block;
    width:700px;
    margin:0 auto;
    padding-top:15px;
   
}

.LeftColumn
{
    width:345px;
    float:left;
}

.RightColumn
{
    width:345px;
    float:right;
 
}

.HighlightPoint
{
    margin-top:10px;
    margin-bottom:15px;
    font-weight:bold;   
}

.TopicHeader
{
  
    width:100%;
    font-family:Trebuchet MS;
    font-variant:small-caps;   
    font-weight:bold;
    font-size:larger;
    line-height:2em;
    margin-bottom:10px;

}

/*  HEADER / NAVIGATION  */

.HeaderNav
{
 width:700px;
 height:100px;
 padding-top:15px;
 margin:0 auto;  
 display:block; 
}

.Logo
{
    background-image:url("../Images/CooyablueLogo.gif");
    width:294px; /*width:294px;*/
    height:87px;/*height:87px;*/
    float:left;
}

.Navigation
{
    width:400px;
    height:18px;
    float:right;
    font-family:Trebuchet MS;
    font-size:0.75em;
    font-variant:small-caps;
    text-align:right;
    top:50px;
    position:relative;
}

.Navigation a
{
    text-decoration:none;
    color:#000000;
}

.Navigation a:Hover
{
    color:#85d6f3;
}



/* HOME PAGE */

.MainDots
{
    float:left;
    width:110px;
}

.DotsHolder
{
    width:320px;
    height:320px;
}

.Dots             /*LARGE*/
{
    width:38px;
    height:38px;
    margin:4px;
}

/*.Dots             MEDIUM
{
    width:15px;
    height:15px;
    margin:3px;
}*/

/*
.Dots                SMALL
{ 
    width:5px;
    height:5px;
    margin:0.07em;
}
*/


/* FOOTER */

.Footer
{
    width:700px;
    margin:0 auto;
    padding-top:20px;
    padding-left:10px;
    height:50px;
    font-family:Trebuchet MS;
    font-size:0.6em;
    
}

/* FORMS */

.FormsLeftLabels
{
    width:150px;
    height:20px;
    float:left;
    
}

.FormRightFields
{
    width:450px;
    height:20px;
    float:right;
   
}

#subForm {
	/*float: left;*/ 
	width:100%; 
	height:auto;
         margin-top: 1em;
         margin-bottom: 1em;
}

#subForm label{
	display: block;
	float: left; 
	width: 100px; 
	height:auto;
         font-size: 0.8em;
	color: #000000;
         font-weight: bold;
         margin-left: 20px;
         margin-top: 1em; 
}
.subFormValidator
{
    margin-left: 20px;
    margin-top: 1em;
    float:left;
}

.subFormLabel{
	display: block;
	height:auto;
    font-size: 0.8em;
	color: #000000;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 1em; 
}

.subFormInputBox{
	display: block;
	width:630px;
	height:auto;
    margin-top: 1em;
    margin-left: 12px; 
}

#subForm fieldset{
	display: block;
	width: 100%; 
	height: auto;
}

.dvThankYou
{
    display:none;
    border:solid 4px #d7eeab; 
    padding:10px;
    padding-left:10px; 
    background-color:#f6faed;
      
}

.dvAboutUsSpecialText
{
    border:solid 1px #dcdcdc; 
    padding:3px;
    font-weight:bold;
    font-size:12pt;
    padding-left:3px; 
    background-color:#fdfdff;
      
}

#subForm select{
	display: block;
	float: left; 
	width: auto; 
	height: auto;
         margin-top: 1em;
         min-width: 100px; 
}

#subForm input.lrg_line{
	display: block;
	float: left; 
	width: 300px; 
	height:auto;
    margin-top: 1em; 
}



#subForm input.sml_line{
	display: block;
	float: left; 
	width: 60px; 
	height:auto;
         margin-top: 1em; 
}

#subForm input.submit{
	display: block;
	float: left; 
	width: 50px; 
	height:auto;
         margin-top: 1em; 
}

#subForm textarea{
	display: block;
	float: left; 
	width: 300px;
         height: 70px; 
         margin-top: 1em; 
}

/* CLIENTS */

.Testimonials
{
    width:240px;
    float:left;
}

.Testimonials p
{
    color:#696969;
    font-style:italic;
    
}

.TestimonialClient
{
    color:#85d6f3;
    font-weight:bold;
    
}


.ClientsList
{
    margin:0 auto;
}