/* CSS Document for AndreaAldridge.com  By Andrea Aldridge 3/09 */



/* TEXT STYLES from INDEX */
body {
	margin: 20px;
	background: #FFFFFF;
	background-image:url(1109/bg-swirls-LIGHT.jpg);
	background-repeat:repeat;
}
ul, ol {
}

#NAVbox {
	width: 910px;
	height: 95px;
}
#Nav {
	float: right;
	width: 350px;
	height: 30px;
	padding-top:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11pt;
	font-weight:bold;
	background-color:#FFFFFF;
}
#NAVbox a {
	color: #0A0A0A;
	text-decoration: none;
	padding: 5px;
	
}
#NAVbox a, a:visited, a:hover, a:active,  {
	color: #0A0A0A;
	text-decoration: none;
	
}
#NAVbox .present {
	padding: 5px;	
}

#NAVbox a:hover {
	border-bottom: 1px dotted #999999;
	color: #993300;

}

#outer {
	width: 910px;
	margin: 0 auto;
	padding: 20px;
	background-color: #FFFFFF;
	border-bottom: 2px solid #dedede;
	border-right: 2px solid #dedede;
	border-left: 2px solid #dedede;
	border-top: 2px solid #dedede;

}

#main { 
	padding: 0px;	
	background-color:#FFFFFF;
}

#logoheaven {
	width: 900px;
	height: 280px;

}


/* Styles for Client Feedback, Services, Contact -- AA */

/* page header, becomes secondary nav on port page */
#subnavOJ {
	width: 100%;
	height: 25px;
	margin-top: 8px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
a {
	color:black;
	text-decoration:none;
}
img {
	border:none;
}
#contactCol {
	height: 480px;
	width: 45px;
	/*background-image:url(images/PLACEHOLDERS_INFO.png);
	background-repeat: no-repeat;
	background-position: bottom;*/
	float: left;
}

/* the comments are in the Fort */
#theFort {
	width: 910px;
	height: 470px;
	float: right;
	background-color: #FFFFFF;
}
/* Services and about edits 2-10 */
#theFortS {
	width: 910px;
	height: 600px;
	float: right;
	background-color: #FFFFFF;
}
#theFortS2 {
	width: 910px;
	height: 860px;
	float: right;
	background-color: #FFFFFF;
}
/* Services page */

#chrome {
	background-image:url(1109/bg-button.jpg);
	background-repeat:repeat;

}
/* Descriptive boxes */

#mov {
	padding: 5px 5px 10px 10px;
}

#design1 {
	width: 610px;
	
}
#design2 {
	width: 610px;
	
}
#design32 {
	width: 610px;
	
}
#design3 {
	width: 610px;

}
#design4 {
	width: 610px;

}
#design5 {
	width: 610px;

}
#design6 {
	width: 610px;
	
}
#design7 {
	width: 610px;

}
#ftr1 {
	margin:50px 0px 25px 45px;
	padding-top: 15px;
	width: 720px;
}

/* outside outer box */
#ftr2 {
	width: 945px;
	margin: 0 auto;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #666666;
}
/* new keyword footer plus contact info */
#expandedftr {
	width:900px;
	height:55px;
	margin: 5px;
}
#squid {
	float: right;
	width: 80px;
	height: 59px;
}
#dotz {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding: 4px 2px 4px 4px;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	margin-top:6px;
	text-transform:uppercase;
}

#col1 {
	width:45px;
	height:393px;
	background-image:url(images/PLACEHOLDERS_INFO.png);
	background-repeat:no-repeat;
	float: left;
}

#col2 {
	float: left;
	width:273px;
	margin: 95px 35px 10px 50px;
	
}
#col3 {
	float: right;
	width:435px;
	height:250px;
	margin-right: 55px;
	border-left: dotted 2px #EFEFEF;
	margin-top: 12px;
	margin-left: 30px;

}
#brief {
	width:380px;
	margin-top: 13px;
	padding: 10px 12px 5px 22px;
	font-family:"anisette-petite-1","anisette-petite-2", sans-serif;
	color: black;
	font-size: 10pt;
	line-height: 1.35em;
}

#notso {
	float:left;
}

#strip {
	height: 255px;
	margin-left:20px;
	margin-right:20px;
}
/*/////////////////////////
//    F O N T S          //
/////////////////////////*/
p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 1.45em;
}
.h1 {
	font-family: "Trebuchet MS", Geneva, Arial, sans-serif;
	font-size: 32px;
	color: #B50300;
	padding-bottom: 25px;
	padding-right: 35px;
}
.h3 {
	font-family: "Trebuchet MS", Geneva, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
}
.blacksm {
	font-family: "anisette-petite-1","anisette-petite-2", sans-serif;
	color: black;
	font-size: 14pt;
	line-height: 1.25em;
	padding-top:5px;
	color: #000000;
	text-transform: uppercase;
}

.bit {
 	font-family: "carta-marina-1","carta-marina-2";
 	color:black;
 	font-size: 21px;
 	letter-spacing:0.15em;
}
.gen{
	font-family: "le-havre-rounded-1","le-havre-rounded-2";
	font-size: 13px;
	color:#000000;
	padding: 6px;
}

.tiny {
	font-family:"anisette-petite-1","anisette-petite-2", sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 1.45em;
}
.tinyW {
	font-family: "anisette-petite-1","anisette-petite-2", sans-serif;
	font-size: 11px;
	font-weight:lighter;
	color: #000000;
}
.tinyG {
	font-family: "anisette-petite-1","anisette-petite-2", sans-serif;
	font-size: 12px;
	color:#666666;
	padding-bottom:1px;
	line-height:1.65em;
}

.style1 {
	font-family: "anisette-petite-1","anisette-petite-2", sans-serif;
	font-size: 12px;
	color: #000000;
	margin-bottom: 5px;
}
.smG {
	font-family: "anisette-petite-1","anisette-petite-2", sans-serif;
	font-size: 12px;
	line-height:1.45em;
	color: #000000;
}
.spacestyle {
	font-family: "anisette-petite-sc-1", "anisette-petite-sc-2";
	font-size: 15px;
	color: #036;
	margin-bottom: 5px;
}
.shouting {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	margin-bottom: 8px;
}
.style2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 13px;
	color: #FF0033;
	font-style: italic;
}
.serv {
	font-family: "anisette-petite-1","anisette-petite-2", sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #993300;
	font-style: italic;
	padding-left: 4px;
}
.minihdrs {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	font-weight: 600;
}
/* end fonts */


#hatter {
	float: left;
	width: 115px;
	height:120px;
	background-image:url(images/moi-hat.jpg);
	background-repeat:no-repeat;
	margin-right: 15px;
}
#portrait {
	float: left;
	width: 105px;
	height:120px;
	margin-right: 15px;
	background-image:url(images/dandelion.png);
	background-repeat:no-repeat;
}
#hatter2 {
	width: 125px;
	height:123px;
	background-image:url(1109/HATTER-09.jpg);
	background-repeat:no-repeat;
}
.clearem {
	clear:both;
}
#panel {
	width:800px;
	height:275px;
	}

#sidebar {
	float: left;
	width: 80px;
	padding: 25px 0 0 40px;
	color: #787878;
}


/* FROM ABOUT AA */

#stackcol{
	float:right;
	width: 140px;
	margin-right: 20px;
	padding-top:15px;
}
#spacers{
padding-bottom:9px;
}
#spacers2{
padding-bottom:9px;
}
#spacers3{
padding-bottom:9px;
}
#spacers4{
padding-bottom:9px;
}
#spacers5{
padding-bottom:9px;
}
/*unused. aa 2-10 */
#stackL {
	float:left;
	width: 174px;
}


.bozoN{
font: 10px Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.15em;
	padding-left: 10px;
	padding-top: 4px;
}
#bozo {
	width: 375px;
	height: 20px;
	font-family: "le-havre-rounded-1", "le-havre-rounded-2";
	font-size: 10pt;
	text-transform:uppercase;
	color:#666666;
	letter-spacing:0.15em;
	padding-left: 10px;
	padding-top: 7px;
	margin-bottom: 4px;
	background-image:url(1109/grid-lg.jpg);
	background-repeat: repeat;
}
#bozotxt{
	width: 370px;
	font: 11px Arial, Helvetica, sans-serif;
	padding-left: 10px;
	line-height:1.55em;
	margin-bottom: 7px;
}
#bozotxt a, a:visited, a:hover, a:active {
	text-decoration:underline;
}
#stackR {
	float:right;
	width: 170px;
	
}
#Rbozo {
	width: 195px;
	height: 25px;
	background:url(1109/bozo_1.png);
	background-repeat:no-repeat;
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.15em;
	padding-left: 10px;
	padding-top: 4px;
}
#Rtxt{
	width: 168px;
	height: 150px;
	font: 13px Georgia, "Times New Roman", Times, serif;
	padding-left: 10px;
	margin-bottom: 5px;
}


#should {
	width: 650px;
	height: 20px;
	float: right;
	margin-right: 20px;
	padding-right: 10px;
	margin-top: 10px;
	font-size: 10px;
}


/* LIST FOR PORT */
ul, ol { 
	list-style:none;
	padding-left: 0px;
	padding-right:5px;
}
li {
	padding-bottom:3px;
}




/* bot box with logo image clickable */
#botLogo {
	width: 768px;
	height: 75px;
	float: right;
	margin-top: 25px;
}
/* comments on feedback page */
#com1 {
	width: 475px;
	height: 110px;
	float: left;
	padding: 15px 8px 0px 18px;
	background-color: #FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: black;
	font-size: 11pt;
	margin: 10px 0px 15px 25px;
	line-height: 1.25em;
}

#com2 {
	width: 475px;
	height: 35px;
	float: left;
	padding: 15px 8px 0px 18px;
	background-color: #FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: black;
	font-size: 11pt;
	margin: 0px 0px 15px 25px;
	line-height: 1.25em;
}
#com3 {
	width: 475px;
	height: 70px;
	float: left;
	padding: 12px 8px 0px 18px;
	background-color: #FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	color: black;
	margin: 0px 0px 15px 25px;
	line-height: 1.25em;

}
#com4 {
	width: 475px;
	height: 100px;
	float: left;
	padding: 20px 8px 0px 18px;
	background-color: #FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: black;
	font-size: 11pt;
	line-height: 1.25em;
	margin: 0px 0px 5px 25px;

}
/* large comment box on right */
#comLg {
	width: 280px;
	height: 405px;
	float: right;
	padding:15px 12px 3px;
	background-color: #FBF3E9;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: black;
	font-size: 18pt;
	margin-right: 25px;
	line-height: 1.25em;
	margin-top: 10px;

}
/* large comment box on right-contact page */
#comLgcon {
	width: 180px;
	height: 405px;
	float: right;
	padding:15px 12px 3px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: black;
	font-size: 18pt;
	margin-right: 30px;
	line-height: 1.25em;
	margin-top: 10px;

}
/* SERV and about page */
#panC {
	width: 380px;
	height: 405px;
	float: left;
	padding: 15px 8px 8px 65px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-stretch:expanded;
	color: #333333;
	font-size: 10pt;
	line-height: 1.25em;

}
#pan1 {
	width: 360px;
	height: 405px;
	float: left;
	padding: 15px 8px 0px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-stretch:expanded;
	color: #333333;
	font-size: 10pt;
	line-height: 1.25em;

}
#pancolumns {
	width: 400px;
	float: left;
	padding: 0px 0px 0px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	font-size: 11pt;
	line-height: 1.15em;
	margin-top: 15px;
	margin-left: 10px;

}
#panAbout {
	width: 515px;
	height: 405px;
	float: left;
	padding: 30px 8px 0px 9px;
	line-height: 1.15em;
	margin-left: 5px;

}
#panbig {
	width: 600px;
	float: left;
	padding: 25px 8px 0px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: black;
	font-size: 10pt;
	margin-bottom: 15px;
	line-height: 1.15em;
}
#comLgServ {
	width: 180px;
	height: 815px;
	float: right;
	padding:25px 12px 3px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: black;
	font-size: 18pt;
	margin-right: 25px;
	line-height: 1.25em;
	background-color: #FBF3E9;
	}
#comLgA {
	width: 265px;
	height: 410px;
	float: left;
	padding:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #333333;
	font-size:12px;
	margin-right: 16px;
	line-height: 1.35em;
	margin-left: 35px;
	background-color: #FFFFFF;
	margin-top: 16px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	
}
#comLg_andrea {
	width: 285px;
	height: 410px;
	float: left;
	margin-right: 16px;
	margin-left: 35px;
	background-color: #FFFFFF;
	margin-top: 16px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	
}
/* created to switch up layout */
#com1209 {
	width: 260px;
	height: 535px;
	float: left;
	padding:12px 10px 3px 6px;
	font-family:"anisette-petite-1","anisette-petite-2", sans-serif;
	color: #333333;
	font-size:11px;
	line-height: 1.35em;
	margin-left: 35px;
	background-color: #FFFFFF;
	margin-top: 16px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	margin-right: 5px;
	
}
#contactN {
	width: 420px;
	float: left;
	padding:15px 12px 3px 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #333333;
	font-size:13px;
	margin-right: 16px;
	line-height: 1.35em;
	margin-left: 85px;
	height: 410px;
	
}
#jason, #kelly, #kev,  #bek, #michael, #bob {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;

}

#ultima {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/* BLOG PAGE */

/* long panel */

#bluepan{
	width: 835px;
	height: 122px;
	background-image:url(1109/blog-pan_bg.jpg);
	background-repeat: repeat;
	margin: 0px 0px 5px 35px;
}
#blarg{
	width: 325px;
	height: 210px;
	float:left;
	margin: 15px 8px 0px 35px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #333333;
	font-size:12px;
	line-height: 1.35em;
	
}
#bimage{
	width: 475px;
	height: 207px;
	float: right;
	margin: 15px 60px 0px 0px;
}
#bleft{
	float: left;
	width: 405px;
	height: 175px;
	margin-left:35px;
	margin-top: 10px;
}
#blogtext{
	width: 150px;
	height: 95px;
	margin-top: 40px;
	padding: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: black;
	margin-left: 10px;
	line-height: 1.65em;
}

#bright{
	width: 415px;
	height: 175px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;

}
#blogger{
	width: 196px;
	height:175px;
	margin-right: 8px;
	background-image:url(1109/package-1_blogger.jpg);
	background-repeat: no-repeat;
	float: left;
}
#bshowcase{
	width: 194px;
	height: 175px;
	background-image:url(1109/package-2_showcase.jpg);
	background-repeat: no-repeat;
	float: right;
	margin-right: 5px;
}
#bbrochure{
	width: 194px;
	height: 175px;
	margin-right: 5px;
	background-image:url(1109/package-3_brochure.jpg);
	background-repeat: no-repeat;
	float: left;
}
#bpro{
	width: 195px;
	height: 175px;
	background-image:url(1109/packages-4_pro.jpg);
	background-repeat: no-repeat;
	float: right;
	margin-right: 13px;
}
/* Eblast page 7/10 AA */

#panelEblastL{/*this one holds the stacks */
	width: 300px;
	height: 300px;
	margin-bottom: 45px;
	margin-top: 22px;
	margin-left: 45px;
}

#sliceLeft{
	float: left;
	width: 73px;
	height: 276px;
	padding:0px;

}

#sliceMid{
	float: left;
	width: 73px;
	height: 276px;
	padding:0px;
}

#sliceRight{
	float: right;
	width: 73px;
	height: 276px;
	padding:0px;
	margin-right:75px;

}

#eblastTextBox{
	width: 340px;
	height: 170px;
	font-family:"anisette-petite-1","anisette-petite-2", sans-serif; 
	color: black;
	font-size: 10pt;
	line-height: 1.35em;
	margin-left: 45px;
}

#ePanel{
	float: right;
	width: 441px;
	height: 496px;
	margin: 22px 10px 0px 0px;
}