/* Erin Alicia CSS Document */

html, body {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
color:#777777;
}
div{
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
background:#000;
}
ul{
padding-top:15px;
padding-bottom:15px;
}
ol{
padding-top:15px;
padding-bottom:15px;
}
a:link, a:visited{
text-decoration:none;
color:#6699CC;
}
a:hover, a:active{
color:#E01226;
text-decoration:none;
}
h1, h2, h3, h4{
color:#fff;
margin:0;
padding:0;
font-weight:normal;
}
h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:16px;}
h4{font-size:14px;}

#div{
margin:0;
padding:0;
}
/* holders */
#wrapperid {
background:url(images/topbg.png) no-repeat top center;
}
.header{
height:200px;
width:990px;
z-index:5;
margin:0 auto;
position:relative;
}
.holdme{
background:url(images/bluespot.png) no-repeat top center;
}
/* motifs */
.tree{
background:url(images/tree.png) no-repeat top right;
position:absolute;
top:0px;
right:0px;
width:375px;
height:935px;
}
.frog{
background:url(images/frog.png) no-repeat top right;
width:200px;
height:180px;
position:absolute;
right:1px;
top:80px;
z-index:50;
}
.ladybug{
width:720px;
position:absolute;
top:0px;
right:0px;
z-index:100;
}
.hola{
float:left;
width:500px;
border-right:1px dotted #fff;
padding-right:60px;
margin-top:25px;
}
.spotlight{
float:left;
padding-left:60px;
margin-top:25px;
}
.spotlight .imgSTD{
margin:20px 0;
}
.legacy {
background: url(images/note.png) no-repeat top left;
width:260px;
height:200px;
position:relative;
z-index:5;
top:40px;
right:-740px;
padding:50px 0 20px 2px;
}
.legacy img{
float:left;
margin-right:10px;
clear:left;
}
.legacy h2{
font-size:18px;
height:35px;
padding-top:8px;
}


#nav{
position:absolute;
z-index:200;
color:#fff;
font-size:22px;
}
#nav a{
text-align:center;
display:block;
padding:2px 24px 2px 0px;
float:left;
}
#nav a:link, #nav a:visited{
text-decoration:none;
color:#FFFFFF;
}
#nav a:hover, #nav a:active{
color:#E01226;
}
/* center content */
#center{
width:990px;
margin:0 auto;
position:relative;
height:1%;
overflow:auto;
overflow-x:hidden;
padding-bottom:40px;
}
#center p{
text-align:justify;
margin:25px 0 25px 0;
padding:0;
line-height:170%;
}
#center h1{
margin:30px 0 5px 0;
font-size:30px;
}
#copy h2{
margin:2px 0 15px 0;
font-size:22px;
}
#copy h3{
margin:5px 0 2px 0;
font-size:20px;
}
#copy li{
line-height:170%;
color:#fff;
}
#copy p{
text-align:justify;
margin:25px 0 25px 0;
padding:0;
line-height:170%;
}
#contact input, #contact textarea{
color:#333;
font-size:14px;
}

/*classes*/
.logo{
padding:70px 0 30px 0;
}
.gryborder{
border:1px solid #cccccc;
margin:0 15px 10px 0;
}
.shadow{
background-color:#ffffff;
background-image:url(EAGreen09/images/shadowtop.jpg);
background-position:top;
background-repeat:repeat-x;
height:23px;
}
.shadowBT{
background-image:url(EAGreen09/images/shadowbottom.jpg);
background-position:top;
background-repeat:repeat-x;
height:7px;
}
.hline{
background:url(images/hdot.gif) repeat-x center center ;
height:2px;
margin:5px 0 5px 0;
padding:0;
clear:both;
}
.hline400{
display:block;
background-image:url(images/hdot.gif);
background-position:top;
background-repeat:repeat-x;
height:2px;
width:100%;
margin:0;
padding:0;
}
.hline2{
display:block;
background-image:url(images/hdot.gif);
background-position:bottom;
background-repeat:repeat-x;
height:2px;
margin:0;
padding:0;
}
.hline3{
background:url(images/hdot.gif) repeat-x center center ;
height:2px;
margin:20px 0 20px 0;
padding:0;
clear:both;

}
.vline{
background-image:url(images/vdot.gif);
background-position:right;
background-repeat:repeat-y;
}
.vline h1{
font-size:20px;
font-weight:normal;
padding-bottom:3px;
margin:40px 0 30px 0;
background-image:url(images/hdot.gif);
background-position:bottom;
background-repeat:repeat-x;
}
.vline h2{
font-size:11px;
font-weight:normal;
padding:2px 0 0 0;
margin:0;
}
.vline h3{
font-size:14px;
padding:2px 0 10px 0;
font-weight:normal;
margin:0;
}
/* imgs & floats*/

.imgSTD{
margin:5px 0;
padding:5px;
border:1px solid #333;
background:#171717;
}
.imgLT{
float:left;
margin:0 15px 0 0;
padding:5px;
border:1px solid #cccccc;
}
.imgRT{
float:right;
margin:1px 0 0 15px;
padding:5px;
border:1px solid #cccccc;
}
.imgLT2{
float:left;
margin:5px 5px 10px 0;
padding:3px;
border:1px solid #333;
}
.imgRT2{
float:right;
margin:5px 0 10px 5px;
padding:3px;
border:1px solid #333;
}
.floatLT{
float:left;
}
.floatRT{
float:right;
}
.floatLT60{
float:left;
margin-right:60px;
}
.floatRT60{
float:right;
margin-left:60px;
}

/* classed for pgs*/
/* color motifs */
.other{
padding:30px 30px 30px 40px;
line-height:170%;
background-image:url(images/vdot.gif);
background-position:left;
background-repeat:repeat-y;
text-align:justify;
}
/* padding */
.padRT {padding-right:15px;}
.padLT{padding-left:15px;}
.padTP {padding-top:15px;}
.padBT {margin-bottom:15px;}
.padLR30{padding-left:30px;padding-right:30px;}

/* fonts & colors */
.green{color:#66CC66;}
.orange{color:#FF6600;}
.blueDeep{color:#0033FF;}
.pink{color:#FF3399;}
.black{color:#000000;}
.white{color:#fff;}
.teal{color:#66CCFF;}
.blue{color:#0099FF;}
.purple{color:#6699CC;}
.red{color:#E01226;}
.redLG{color:#E01226;font-size:32px;}
.gray{color:#777;}

.font14{font-size:14px;}
.smgray{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#999999;
font-size:11px;
}
.imgFeature{
margin:5px 20px 0 30px;
padding:8px;
border:1px solid #cccccc;
}
#hween{
color:#FFFFFF;
background-color:#000000;
background-image:url(EAGreen09/images/pumpkin.jpg);
background-position:right;
background-repeat:no-repeat;
}
#cmas{
color:#FFFFFF;
background-color:#003366;
background-image:url(EAGreen09/images/christmasbg.jpg);
background-position:bottom left;
background-repeat:repeat-x;
}
#greenpalm{
background-image:url(EAGreen09/images/greenpalm.gif);
background-position:bottom right;
background-repeat:no-repeat;
}
#stella{
background:url(EAGreen09/images/stella.jpg) no-repeat top right;
width:350px;
height:475px;
}



.creatives img{
border:1px solid #cccccc;
}
.creatives td{
font-family:Tahoma, Arial, Helvetica, sans-serif;
margin:0;
padding:1px 0;
}
table.creatives {
margin-bottom:15px;
}
/* Flash & portfolio */
table#portfolio{
color:#777;
}
#portfolio td{
vertical-align:top;
border-top:1px dotted #333;
}
#portfolio h1{
font-size:20px;
margin:3px 0 ;
}
#portfolio h2{
font-size:16px;
margin:25px 0 2px 0;
}
#portfolio h3{
font-size:16px;
margin:2px 0;
}
#portfolio a:link, #portfolio a:visited{
color:#6699CC;
}
#portfolio a:hover, #portfolio a:active{
color:#FF3399;
}
#portfolio p{
font-family:Tahoma, Arial, Helvetica, sans-serif;
display:block;
clear:both;
line-height:150%;
font-size:12px;
text-align:justify;
margin-right:40px;
margin-bottom:25px;
}
.flashes .floatLT{
width:297px;
margin-right:50px;
}
.flashes .floatRT{
width:290px;
}
.flashes h2 a{
display:block;
font-weight:normal;
background: url(images/play.png) no-repeat 220px 30px; 
}
.excited{
position:absolute;
top:25px;
right:0;
z-index:0;
}
.swfs{
float:right;
}
#center .swfs h1{
margin:0;
}
#center .swfs h1 a{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
display:block;
text-align:right;
background:#000 url(images/close.png) no-repeat center right;
padding:10px 50px;
}
.swfs a:link, .swfs a:visited{
text-decoration:none;
color:#FFFFFF;
}
.swfs  a:hover, .swfs a:active{
color:#FF3399;
}

#leisure{
position:absolute;
top:0px;
right:0px;
width:830px;
display:none;
background:#181730;
padding:10px;
border:1px solid #252349;
}
#jrb{
position:absolute;
top:0px;
right:0px;
width:550px;
height:400px;
overflow:hidden;
display:none;
background:#181730;
padding:10px;
border:1px solid #252349;
}
#gns{
position:absolute;
top:0px;
right:0px;
width:550px;
display:none;
background:#181730;
padding:10px;
border:1px solid #252349;
}
#crowther{
position:absolute;
top:0px;
right:0px;
width:750px;
display:none;
background:#181730;
padding:10px;
border:1px solid #252349;
}
#fhb{
position:absolute;
top:0px;
right:0px;
width:680px;
display:none;
background:#181730;
padding:10px;
border:1px solid #252349;
}
#hartford{
position:absolute;
top:0px;
right:0px;
width:770px;
height:520px;
overflow:hidden;
display:none;
background:#181730;
padding:10px;
border:1px solid #252349;
}
#bsu{
position:absolute;
top:0px;
right:0px;
width:760px;
display:none;
background:#181730;
padding:10px;
border:1px solid #252349;
}
#prawn{
position:absolute;
top:0px;
right:0px;
width:495px;
display:none;
background:#181730;
padding:10px;
border:1px solid #252349;
}
#frey{
position:absolute;
top:0px;
right:0px;
width:760px;
display:none;
background:#181730;
padding:10px;
border:1px solid #252349;
}
#fhb2{
position:absolute;
top:0px;
right:0px;
width:550px;
display:none;
background:#181730;
padding:10px;
border:1px solid #252349;
}
#winter{
position:absolute;
top:0px;
right:0px;
width:743px;
display:none;
background:#181730;
padding:10px;
border:1px solid #252349;
}
#funny{
position:absolute;
top:0px;
right:0px;
width:576px;
display:none;
background:#181730;
padding:10px;
border:1px solid #252349;
}
#hanalex{
position:absolute;
bottom:0px;
right:0px;
width:760px;
display:none;
background:#181730;
padding:10px;
border:1px solid #252349;
}
#tales{
position:absolute;
bottom:0px;
right:0px;
width:495px;
display:none;
background:#181730;
padding:10px;
border:1px solid #252349;
}
/*footer*/
.footerbg{
background:url(images/footerbg.png) no-repeat top center;
height:255px;
}
.footies{
margin:0 auto;
font-size:12px;
line-height:25px;
width:990px;
}
.footies a{
padding:5px 10px;
}
.tag{
padding:10px 0;
float:right;
}
.pgtop {
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#999999;
font-size:11px;
padding:5px 0;
}