/*======================================
 Aurora Flow Web Design and Development
--------------------------------------      
  Copyright 2008 by AuroraFlow.com
      www.auroraflow.com
           
    This is the stylesheet
   for welcome/welcome.html
   
   This file was successfully validated
   to W3C CSS level 2.1
======================================*/
 
/**************************************\
|---------- ~COLOR SCHEME -------------|
|--------------------------------------|
- yellow	titles	#EAFD1E
- dark blue background  #080A30 
- grayish black long tag line: #003bfb 5b5849
- grey/pink page background  #b8a2b5
- Form legend color  #f4fd7c
- form background color  #597eb2;
- body background  #F7DADE
- what we can do  #C7B6F3
- what we believe #DAA0B8
\**************************************/


/**************************************/
/*    ~GLOBALS &  Background Image    */
/**************************************/
.container {
margin: 0 0;
padding: 0 0;
position: relative;
width: 1028px;
height: 768px;

}

body {
background-image: url(../img/aurora7.jpg);
background-position: left -8em;
background-repeat: no-repeat;
background-attachment: scroll;
background-color: #CEBBFB;
font-family:Garamond,"Times New Roman", Times, serif;
margin-left: auto;
margin-right:auto;


/* overflow: hidden;
clip: rect( 0, 1020px, 768px, 0 );
*/

}

/**************************************/
/*           ~Header Area            */
/**************************************/

p img {
position: relative;
top: -0.5em;
left: 9em;

}

h4 {
position: relative;
left: 14.0em;
top: -2.5em;
color: #5b5849;
margin: 0 0;
padding: 0 0;
}


h2 {
position: relative;
left: 1.2em;
top: -1.7em;

margin: 0 0;
padding: 0 0;
}

/**************************************/
/*           ~MAIN CONTENT            */
/**************************************/

h3 {
text-align: center;
margin-bottom: 0;
}

.underline {
text-decoration: underline;
}




/* +++++++++++++++++++ ~WhatWeCanDo Section +++++++++++++++++++ */

#whatwedo {
clear: both;
width: 316px;
margin-left: 10px;
margin-right: 5px;
padding: 20px 0px;
padding-right: 8px;
position: relative;
top: -28px;
float: left;
text-align: left;
background-color: #FEC4EC;
font-size: 1.4em;

}
/* +++++++++++++++ ~The "Form" section +++++++++++++++++ */

form {
position: relative;
top: -10px;
left: 62px;
width: 310px;
margin-left: 5px;
margin-right: 5px;
}

fieldset {
clear: left;
margin: 1.0em 0;
padding: 0;
position: relative;
top: -1.0em;
border: .1em solid #ccc;
background-color: navy;
}

fieldset ul {
margin: 0 0;
padding: 0 0;
}

label {
color: #ffff00;   
display: block;
float: left;
clear: left;
width: 12em;
padding-right: 1.0em;
text-align: left;
line-height: 1.8em;
font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
font-style: italic;
font-weight: normal;
font-size: 1.3em; 
}

#labelname {
margin-top: -1.2em;
}

br {
clear: both;
}

fieldset ul li{
padding-top: 0.8em;
padding-bottom: 0.4em;
list-style-type: none;
}

#myform fieldset ul li textarea {
width: 83%;
margin: 0 0 .8em 0;
}

#myform fieldset ul li input {
display: block;
float: left;
width: 81%;
margin: 0 0 .5em 0;
border-width: 0.3em;
border-color: #c7b6f3;
}

#myform fieldset ul li button {
clear: both;
margin-top: 20px;
font-style: italic;
position: relative;
left: 64px;
background-color: #FDFFAB;
}


/* ++++++++++++++++++++  ~The We Believe section +++++++++++++++++++ */

#believe {
clear: left;
width: 320px;
float: right;
padding-top: 20px;
padding-right: 8px;
padding-bottom: 20px;
position: relative;
top: -28px;
left: 210px;
margin-right: 5px;
margin-left: 10px;
text-align: left;
background-color: #FEC4EC;
font-size: 1.4em;
}

.paren {
list-style-type: none;
}


/* ++++++++++++++++ ~The Thanks Section =======  */
#thanks {
background-color: #ffff00;
clear: left;
float: left;
margin-top: 0px;
margin-right: 5px;
margin-left: 10px;
padding-top: 10px;
padding-right: 8px;
padding-bottom: 1px;
position: relative;
width: 320px;
top: -130px;
right: 50px;
font-size: 1.4em;
text-align: center;
}

/**************************************/
/*              ~FOOTER               */
/**************************************/

#footer img {
clear: both;
clear: right;
float: left;
position: relative;
left: 370px;
bottom: 24px;
}

#footer p {
   float: right;
   position: relative;
   right: 230px;
   bottom: 30px;
}