@charset "UTF-8";
/* CSS Document */

/*
----- TOC ---------

	1. BASIC RESET
	2. HTML ELEMENTS
	3. FONTS
	4. SOCIAL MEDIA
	5. HEADER - incl. Nav Menu
	6. MAIN CONTENT - incl. Aside Tabs
	7. FOOTER 
	8. EXTRAS - pics, stripes, spacer, more button, ribbon, blockquote, speech bubble

------------------------------- */




	

/* 1. BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}




/* 2. HTML ELEMENTS */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; border:none; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
section { 
 -webkit-column-break-inside:avoid;
 -moz-column-break-inside:avoid;
 -o-column-break-inside:avoid;
 -ms-column-break-inside:avoid;
 column-break-inside:avoid; }

html, body { min-height: 100%; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-family: Aftaserif, Angelina, Arial, sans-serif, Times New Roman, serif; font-size: 85%; line-height: 1.231; background-image:url(../images/white_carbonfiber.png); 
	background-repeat:repeat;}
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

p { font-family: sans-serif; font-size: inherit; margin: inherit; padding: inherit; text-align: left; }
p #book { font-size: 70%; line-height: 130%; }
article p { padding: 0 0 0 0; }
sup, sub { vertical-align: 0; position: relative; }
sup { bottom: 1ex; }
sub { top: 0.8ex; }
b, strong { font-weight: bold; }
i { font-style: italic; }
blockquote { margin: 1em 40px; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
ul, ol { margin-bottom: 0 }
ul { list-style:disc; margin-left: 18px }
ul#aside { list-style: none }


/* inline list */
#inline-list { width: 80%; font-size: 85%; font-family: 'Aftaserif', sans-serif; margin: 0 0 0 480px; padding: 25px; clear: both; }
#inline-list p { display: inline; }
#inline-list ul, #inline-list li { display: inline; color: #339; border-left: 1px solid #999; margin: 0; padding: 3px 15px; }	
#inline-list-gen ul li:after { content: ", "; }		
#inline-list-gen ul li.last:after { content: ". "; }
#inline-list li.first { border-left: none; }	


h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: inherit; font-style: inherit; font-family: inherit;
	vertical-align: baseline; border: 0; outline: 0; margin: 0; padding: 0;}


a {color: #5fa857; text-decoration: none;
-webkit-column-break-inside:avoid;
 -moz-column-break-inside:avoid;
 -o-column-break-inside:avoid;
 -ms-column-break-inside:avoid;
 column-break-inside:avoid; }




/* 3. FONTS */
@font-face {
font-family: 'Aftaserif';
src: url('../fonts/AftaSerifThin-Regular-webfont.ttf');
src: local("☺")
     url('../fonts/BreeSerif-Regular-webfont.eot?#iefix') format('embedded-    opentype'),
     url('../fonts/AftaSerifThin-Regular-webfont.woff') format('woff'),
     url('../fonts/AftaSerifThin-Regular-webfont.ttf') format('truetype'),
     url('../fonts/AftaSerifThin-Regular-webfont.svg#AftaserifRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Angelina';
src: url('../fonts/angelina-webfont.eot');
src: local("☺")
     url('../fonts/angelina-webfont.eot?#iefix') format('embedded-    opentype'),
     url('../fonts/angelina-webfont.woff') format('woff'),
     url('../fonts/angelina-webfont.ttf') format('truetype'),
     url('../fonts/angelina-webfont.svg#AngelinaRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'JennaSue';
src: url('../fonts/JennaSue.ttf');
font-weight: normal;
font-style: normal;
}



/* 4. SOCIAL MEDIA */
#contact-list { width: 35px; height: 35px; display: inline; list-style-type: none; padding-right: 60px;  }
#contact-list li { width: 35px; height: 35px; display: inline; float: right; margin:0 10px;   }

li.twitter { background-image: url(../socialmedia/images/twitter.png)); }

li.twitter a strong { 
position: relative; 
top:-40px;
}

.tweet_time { display: none; }


/* 5. HEADER */
header { width: 50%; height: 180px; line-height: 60px; font-family: sans-serif; color: #000;  top: 0; }
header h1 { height: 60px; margin: 0 0 0 7px; float: left;}
#logo { display: block; margin: 0 0 0 55px; float: left; }
#tag { height: 25px; font-family: 'JennaSue', 'Angelina'; font-size: 205%;  color: #000; letter-spacing: 1px; 
	margin: 30px 0 0 -205px; float: left; }
#graduates { margin: -160px 0 0 700px; float: left; }
#twitter { padding: 30px; }


/* log-in */
.login { width: 30px; height: 7px; display: inline-block; font-family: sans-serif; font-size: 90%; color: #666666; font-weight: bold; vertical-align: top;
	text-decoration: none; text-shadow: 1px 1px 0px #ffffff; margin: -195px 0 0 820px; padding: 8px 25px;
        -moz-box-shadow:inset 0px 0px 5px 0px #ffffff;
        -webkit-box-shadow:inset 0px 0px 5px 0px #ffffff;
        box-shadow:inset 0px 0px 5px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
        background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
        background-color:#f9f9f9;
        
        -moz-border-radius:2px;
        -webkit-border-radius:2px;
        border-radius:2px;
        
        border:1px solid #dcdcdc;
        position: relative;
        z-index: 4;
         }
	
    .login:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        
        background-color:#e9e9e9;
    }
    .login:active {
        position:relative;
        top:1px;
    } 
.login p {
	margin-left: -10px;
    margin-right: -10px;
    margin-top: -26px;
    padding: 0;	
	}




	
/* start NAV-MENU */
nav { width: 100%; font-family: Aftaserif, serif; font-weight: 500; text-transform: uppercase; list-style: none; margin: 0 0 15px 0; }
#menu{ width: 80%; margin: 0; padding: 0; list-style: none; margin: 0 auto;   
	background: #111;
	background: -moz-linear-gradient(#fff, #eee); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff));	
	background: -webkit-linear-gradient(#fff, #eee); 	
	background: -o-linear-gradient(#fff, #eee); 
	background: -ms-linear-gradient(#fff, #eee);  
	background: linear-gradient(#fff, #eee); 
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 2px 1px #ccc;
	-webkit-box-shadow: 0 2px 1px #ccc;
	box-shadow: 0 2px 1px #ccc; }

#menu li{ float: left; padding: 0 0 8px 0; position: relative;  }
#menu a{ float: left; height: 25px; padding: 0 25px; color: #555; text-transform: uppercase;  border-bottom: 0; 
	font: bold 12px/25px Arial, Helvetica; text-decoration: none; text-shadow: 0 1px 1px #ccc; }
#menu li:hover > a{ color: #5bba47; }
*html #menu li a:hover{ /* IE6 */ color: hsl(120, 50%, 75%); }
#menu li:hover > ul{ display: block; }
/* end NAV-MENU */


/* start NAV-SUBMENU */
#menu ul{ width: 100%; list-style: none; margin: 0; padding: 0; display: none; position: absolute; top: 35px; left: 5px; z-index: 99999;  
   	background: #eee;
	background: -moz-linear-gradient(#fff, #eee); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff));	
	background: -webkit-linear-gradient(#fff, #eee); 	
	background: -o-linear-gradient(#fff, #eee); 
	background: -ms-linear-gradient(#fff, #eee);  
	background: linear-gradient(#fff, #eee); 
    -moz-border-radius: 5px;
    border-radius: 5px;}

#menu ul li{ float: none; margin: 0; padding: 0; display: block;   
    -moz-box-shadow: 0 1px 0 #ccc, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #ccc, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #ccc, 0 2px 0 #777777; }

#menu ul li:last-child{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

#menu ul a{ padding: 10px; height: auto; line-height: 1; display: block; white-space: nowrap; float: none; text-transform: none; }
*html #menu ul a{ /* IE6 */  height: 10px; width: 150px; }
*:first-child+html #menu ul a{ /* IE7 */  height: 10px; width: 150px; }

#menu ul a:hover{ 
    background: #fff;
	background: -moz-linear-gradient(#fff 75%,  #5bba47 100%);	
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#5bba47));
	background: -webkit-linear-gradient(#fff 75%,,  #5bba47 100%);	
	background: -o-linear-gradient(#fff 75%,  #5bba47 100%);	
	background: -ms-linear-gradient(#fff 75%,  #5bba47 100%);	
	background: linear-gradient(#fff 75%,  #5bba47 100%); }

#menu ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after{ content: ''; position: absolute; left: 15px; top: -8px; width: 80px; height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444; } /*  arrow */

#menu ul li:first-child a:hover:after{ border-bottom-color: #5bba47; }

#menu ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px; }


/*  Clear floated elements */
#menu:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
/* end NAV-SUBMENU */




/* 6. MAIN CONTENT */
.wrap { width: 1024px; height: 100%; background-color: #fff; padding: 60px 0 0; margin:0 auto;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	
	-moz-box-shadow: 0 1px 5px #ccc;
	-webkit-box-shadow: 0 1px 5px #ccc;
	box-shadow: 0 1px 5px #333;}
	
.content { width: 640px; float: left; padding: 50px 0 50px 0; }
.content h1 { font-size: 140%; font-family: Aftaserif, sans-serif; font-weight: bold; margin: 0 30px 26px 90px; clear:both; }
.content h2 { font-size: 120%; font-family: Aftaserif, sand-serif; font-weight: bold; margin: 0 30px 26px 90px; /*clear:both;*/ }
.content p { font-size: 105%; line-height: 165%; color: #333; margin: 0 30px 16px 90px; }
.content p a:link, a:hover { text-decoration: none; border-bottom:1px dotted #33a457; }
.content .secondary-content p {font-size: 80%;}

.content-full { width: 930px; font-size: 105%; color: #333; margin: 0 20px 10px 20px; padding: 50px 0 30px 0; float: left; /*clear:both;*/ }
.content-full h1 { font-size: 140%; font-family: Aftaserif, sans-serif; font-weight: bold; margin: 0 30px 26px 90px; /*clear:both;*/ }
.content-full h2 { font-size: 120%; font-family: Aftaserif, sans-serif; font-weight: bold; margin: 0 30px 26px 90px; /*clear:both;*/ }
.content-full p { font-size: 105%; line-height: 165%; color: #333; margin: 0 30px 16px 90px; }
.content-full p a:link, a:hover { text-decoration: none; border-bottom:1px dotted #33a457; }
.content-full .secondary-content p { font-size: 80%; }

#column-left { width: 450px; float: left; margin: 0 0 0 25px; border-right: 1px dotted #999; }
#column-right { width: 450px; float: left; margin: 0 25px 0 -18px; }

#columns-2 { width: 100%; height: 100%; text-align: justify; clear: both; margin: 0 30px 30px 30px; padding: 10px;
	    -moz-column-rule: 1px solid #c4c8cc;
		-webkit-column-rule: 1px solid #c4c8cc;	
		
		-moz-column-count: 2;
	    -webkit-column-count: 2;
		
		-moz-column-gap: 15px; 
	    -webkit-column-gap: 15px; }
	   
.columnunit { margin: 0 60px 30px 45px; }

aside { width: auto; font-size: 115%; line-height: 145%; display: block; margin: 5px 0 40px 0;  padding:0 60px 0 90px; float: right;}


#grayBkgd { width: 100%; height: 100%; background-color: #f0f0f0; padding: 8px; 
	background: #eee;
	background: -moz-linear-gradient(#fff, #eee); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff));	
	background: -webkit-linear-gradient(#fff, #eee); 	
	background: -o-linear-gradient(#fff, #eee); 
	background: -ms-linear-gradient(#fff, #eee);  
	background: linear-gradient(#fff, #eee); 
    -moz-border-radius: 8px;
    border-radius: 8px;}


/* start ASIDE TABS */
.tablist { list-style: none; height: 100%; padding: 0; margin: 0; border: none; }
.tablist p { border: none;  } /* border right */
.tablist li { width: 120px; float: left; margin-right: 20px; margin-top: 20px; border-bottom: 1px solid #ffffff; } /* tab top */
.tablist li a { font: 0.88em/2em sans-serif; color: #000; display: block; text-decoration: none; border: 1px solid #999; border-bottom: none; 
    padding: 2px 10px; position: relative; z-index: 3;
	
    webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; } /* tab top */
.tablist li a:hover { background:#5fa857; color:#fff; }

.lineRight { width: 130px; border-top: 1px solid #999; margin: 47px 0 0 120px; }
/* end ASIDE TABS */


.link-more { height: 20px; line-height: 20px; font-size: 70%; display: block; background: #ccc; color: #fff; text-decoration: none; 
	text-transform: uppercase; float: left; margin: -25px 0 0 12px; padding: 0 8px 0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; }
.link-more:hover { background: #5fa850; color:  #fff; text-decoration: none; }
.link-more li#current a { background-color: #666; color: #fff; }
.link-more li#current a:hover { background: #333; }	

	
.side-nav { width: 270px; margin:70px 50px 15px 60px; float: left; clear: right; }
.side-nav ul { ist-style-type: none; margin: 45px 0 15px 5px; padding: 5px 5px 0; position: relative;}
.side-nav p { float: left; font-size: 90%; line-height: 155%; color: #666; margin: -2px 0 30px 0; padding-top: 12px; }



/* six steps */
#six-steps h1 { font-size: 150%; font-family: 'Aftaserif', sans-serif; font-weight: bold; clear:both; }
#six-steps ul { margin-left: 85px;  list-style-type: none; text-align: left; }
#six-steps ul li { display: inline; padding: 0 5px 0 5px; color: #FFF;}
#six-steps li.orange a { background: #fdbf56; color: #FFF;}
#six-steps li.red a { background: #ffe384; color: #FFF;}
#six-steps li.purple a { background: #8ad4de; color: #FFF;}
#six-steps li.blue a { background: #c8df8e; color: #FFF;}
#six-steps li.pink a { background: #e63e44; color: #FFF;}
#six-steps li.green a { background: #bf83b9; color: #FFF;}

#six-steps ul li a {  color: #000; text-decoration: none; padding: 10px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }

#six-steps ul li a:hover { color: #888; }

#pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  background-color: #777;
  color: white;
  font-size: 0.95em;
}

#login-id { width: 550px; margin:0 auto; }


/* 7. FOOOTER */
footer { width: 100%; height: auto !important; max-height: 250px; font-family: sans-serif; font-size:95%; color: #999; margin: -35px 0 0 0;
   padding: 0 0 45px 0; clear: both; background: #333; 
	
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px; }

.p-footer { font-size:95%; color: #999; margin: 10px 30px 30px 30px; padding: 40px 60px 50px 60px; }

.split-para      { display: block; margin: 0 50px 0 50px; padding: 45px; font-size:110%;}
.split-para span { display: block; float: right; text-align: right; width: 50%; margin-left: 10px; font-size:90%;}

/* footer nav */
#footernav-container { margin-left: 10px; }
#footernav { width: 910px; margin: 0 auto; } /* to center: make sure the width equals the sum of the footernav ul widths */
#footernav ul { width: 145px; height: 100%; font-family: sans-serif; font-size: 95%; line-height: 170%; text-align: left; list-style-type: none;
margin: 0; padding-top: 20px; float: left; }
#footernav ul:first-child { width: 100px; } /* give HOME less space */
#footernav ul:nth-child(2) { width: 130px; } /* give ABOUT A6 slightly less space */
#footernav ul:nth-child(6) { width: 100px; } /* give BLOG less space */
#footernav ul li { display: inline-block; }
#footernav ul li a { width: 150px; height: 82px; color: #999; text-decoration: none; padding: 25px 20px 15px 20px; }
#footernav ul li a:hover { width: 150px; height: 82px; color: #5bba47; background-position: 0 -82px; border-bottom: none; }


/* 8. EXTRAS */
.picCorners { width: 380px; height: 200px; margin: 20px 90px 20px 90px; border: 0; padding: 0;  
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;}
.pic { margin: 20px 90px 20px 99px; border: 0; padding: 0;  }

#stripes {width:100%; height:100%; float: left;
	background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #e4efdd), color-stop(0.25, #e4efdd), color-stop(0.25, #fff), 
		color-stop(0.5, #fff), color-stop(0.5, #e4efdd), color-stop(0.75, #e4efdd), color-stop(0.75, #fff));
	background-image: -webkit-linear-gradient(right top, #e4efdd 0%, #e4efdd 25%, #fff 25%, #fff 50%, #e4efdd 50%, #e4efdd 75%, #fff 75%);
	background-image: -moz-linear-gradient(right top, #e4efdd 0%, #e4efdd 25%, #fff 25%, #fff 50%, #e4efdd 50%, #e4efdd 75%, #fff 75%);
	background-image: -ms-linear-gradient(right top, #e4efdd 0%, #e4efdd 25%, #fff 25%, #fff 50%, #e4efdd 50%, #fff 75%, #e4efdd 75%);
	background-image: -o-linear-gradient(right top, #e4efdd 0%, #e4efdd 25%, #fff 25%, #fff 50%, #e4efdd 50%, #e4efdd 75%, #fff 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efdd', endColorstr='#ffffff',GradientType=0 ); / IE6-8 */
	background-image: linear-gradient(right top, #e4efdd 0%, #e4efdd 25%, #fff 25%, #fff 50%, #e4efdd 50%, #e4efddc 75%, #fff 75%);
	background-size: 5px 5px;
 
	
	webkit-border-top-right-radius: 20px;
	webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
	border-bottom-right-radius: 20px; }



.spacer { height: 50px; clear: both;}





/* blockquote   */
.blockquoteContainer { width: 450px; float: left; margin: 0 auto;  }
	
.blockquote { position: relative; float: left; overflow: hidden; }
	
.bqstart { font-size: 430%; color: #09a151; font-weight: bold; margin: 8px 0 -15px 0; padding-right:10px; float: left;  }

.bqend { font-size: 430%; color: #09a151; font-weight: bold; margin: 19px 0 -15px 0; padding-left: 10px; float: right; }

.blockquoute-name {font-family: 'Aftaserif', sans-serif; font-size: 85%; line-height: 90%; color: #063; font-style: italic; 
	text-align: left; margin: 0 0 0 0; padding: 10px 0 10px 0; }



/* speech bubble  */
/*p.speech { width: 400px; height: 100%; text-align: justify; background-color: #fff; border: 2px solid #666;  position: relative;
	 padding: 20px ; margin-top:3em 0 0;
      	-webkit-border-radius: 10px;  
        -moz-border-radius: 10px;  
        border-radius: 10px;  
        -webkit-box-shadow: 2px 2px 4px #888;  
        -moz-box-shadow: 2px 2px 4px #888;  
        box-shadow: 2px 2px 4px #888;  
        
        	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	}*/
 
	
p.speech { font-family: 'Aftaserif', sans-serif;  font-size: 107%; line-height: 145%; color: #555; font-weight: 400; text-align: right; 
	border: 5px solid #999; background: #fff; margin: 3em 0 0; padding: 30px; position: relative;  display: inline-block;

	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	
	-moz-box-shadow: 6px 6px 8px #ccc;
	-webkit-box-shadow: 6px 6px 8px #ccc;
	box-shadow: 6px 6px 8px #ccc; }


/* creates larger curve, right */
p.speech:before { width: 40px; height: 33px; content: ""; background: transparent; border-style: solid; border-width: 5px 5px 0 0; border-color: #999;
	top: -38px; right: 40px; position: absolute; z-index: 11;
	
	-webkit-border-top-right-radius: 80px 50px;
	-moz-border-radius-topright: 80px 50px;
	border-top-right-radius: 80px 50px;
    /* reduce the damage in FF3.0 */
    display:block; }

/* creates smaller curve */
p.speech:after { width: 10px; height: 27px; content: ""; background: transparent; border-style: solid; border-width: 5px 5px 5px 0; border-color: #999; 
	top: -37px; right: 70px; position: absolute; z-index: 11; 

	-webkit-border-top-right-radius: 30px 50px; 
	-moz-border-radius-topright: 30px 50px; 
	border-top-right-radius: 30px 50px; 
    /* reduce the damage in FF3.0 */
    display:block;  }

/* creates a small circle to produce a rounded point where the two curves meet */
p.speech > :first-child:before { width: 0.75px; height: 0.25px; content: ""; background: #999; position: absolute; top: -22px; right: 76px; 

	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px; }

/* creates a white rectangle to cover part of the oval border*/
p.speech > :first-child:after { width: 30px; height: 13px; content: ""; background: #FFF; top: -12px; right: 42px; position: absolute; z-index: 10; }
	

/* Contact form */
div.form {
	background: url("ftp://ftp.kcbaker.net/test/images/subtle_surface.png") transparent;
	border: 3px solid #DDDDDD;
	border-radius: 10px;
	float: left;
	margin: 75px 0px 0px 90px;
	width: 795px;	
	}

button.submit:hover {
	color: #00FF00;
	cursor: pointer;	
	}

button.submit {
	/*background-color: #333333;*/
	border: medium none currentColor;
	border-radius: 4px;
	color: #EEEEEE;
	margin-top: 10px;
	text-transform: uppercase;
	width: 150px;
	font-size: 10px;
	margin: 4px 0px 20px;
	padding: 8px;
	font-family: sans-serif;
	font-weight: 400;
	text-align: center;
	text-indent: 0px;
}

#submit {
	background-color: #339900;
	float: left;
	}
	
#register {
	background-color: #006666;
	float: right;
	}
	
	

/* paper */
.paper { width: 650px; font: normal 12px/1.5 "Lucida Grande", arial, sans-serif; line-height: 20px; color: #444;
   	border: 2px solid  #066126; margin: 0 auto 10px;  padding: 6px 5px 4px 42px;  position: relative;
   
    background: #fff;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px;
    background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: -ms-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: -o-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
 
    -webkit-background-size: 100% 20px;
    -moz-background-size: 100% 20px;
    -ms-background-size: 100% 20px;
    -o-background-size: 100% 20px;
    background-size: 100% 20px;
 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	
	-moz-box-shadow: 1px 2px 4px #ccc;
	-webkit-box-shadow: 1px 2px 4px #ccc;
	box-shadow: 0 2px 1px #ccc; }

.paper::before { content: ''; width: 4px;  border: 1px solid;   border-color: transparent #ff4c4c; top: 0; left: 80px; 
	bottom: 0; position: absolute; }

.paper h1,
.paper h2 { font-size: 16px; line-height: 16px; margin: 0 90px 4px; }

.paper h3,
.paper h4,
.paper h5 { font-size: 14px; line-height: 16px; margin: 0 0 4px; }

.paper h4,
.paper h5 { font-weight: normal; }

.paper p {margin: 0 0 20px;}
.paper p:last-child {margin: 0;}
.paper ul {margin: 0 90px 20px; list-style-type: none; }


.paper-circles { width: 25px; height: 25px; background-color: #fff; border: 1px solid #999; margin: 0 0 0 -100px;
    -moz-border-radius:50px;
    -webkit-border-radius: 50px;
    border-radius:50px;
	
	-moz-box-shadow: 0 1px 5px #ccc;
	-webkit-box-shadow: 0 1px 5px #ccc;
	box-shadow: 0 1px 5px #333;  } 


/* pen */
#pen { background-image: url(../../images/pen.png); margin: 0 60px 0 255px; }


/* ribbon style */

.ribbon-wrapper { width: 290px; position: relative; margin: 0 0 10px 60px;
	border-bottom: 8px solid #ccc;
	border-top: 5px solid #ccc;
	border-right: 5px solid #ccc;
	-moz-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-moz-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20); 
	-moz-border-right-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-right-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20); }

.ribbon-pLg { font-size: 120%; line-height: 150%; color: #444; padding: 20px;}

.ribbon-pSm { font-size: 105%; line-height: 150%; color: #444; padding: 20px;}

.ribbon-p { font-size: 100%; line-height: 150%; color: #444; padding: 20px 20px 20px 20px;}

.ribbon-front { width: 300px; height: 100%; background-color: #cbe6e7; position: relative; left:-10px; z-index: 2;
	border: 3px #a9d6d7; 
	background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #ddefef), color-stop(0.25, #ddefef), color-stop(0.25, #fff), 
		color-stop(0.5, #fff), color-stop(0.5, #ddefef), color-stop(0.75, #ddefef), color-stop(0.75, #fff));
	background-image: -webkit-linear-gradient(right top, #ddefef 0%, #ddefef 25%, #fff 25%, #fff 50%,#ddefef 50%, #ddefef 75%, #fff 75%);
	background-image: -moz-linear-gradient(right top, #ddefef 0%, #ddefef 25%, #fff 25%, #fff 50%, #ddefef  50%, #ddefef 75%, #fff 75%);
	background-image: -ms-linear-gradient(right top, #ddefef 0%, #ddefef 25%, #fff 25%, #fff 50%, #ddefef 50%, #fff 75%, #ddefef 75%);
	background-image: -o-linear-gradient(right top, #ddefef 0%, #ddefef 25%, #fff 25%, #fff 50%, #ddefef 50%, #ddefef 75%, #fff 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddefef', endColorstr='#ffffff',GradientType=0 ); / IE6-8 */
	background-image: linear-gradient(right top, #ddefef 0%, #ddefef 25%, #fff 25%, #fff 50%, #ddefef 50%, #ddefef 75%, #fff 75%);
	background-size: 5px 5px; }

.ribbon-front,
.ribbon-back-left,
.ribbon-back-right {
	-moz-box-shadow: 1px 1px 6px rgba(0,0,0,0.55);
	-khtml-box-shadow: 1px 1px 6px rgba(0,0,0,0.55);
	-webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.55);
	-o-box-shadow: 1px 1px 6px rgba(0,0,0,0.55); }

.ribbon-edge-topleft,
.ribbon-edge-topright,
.ribbon-edge-bottomleft,
.ribbon-edge-bottomright { width: 0px; height: 0px; border-style: solid; position: absolute; z-index: 1;  }
	
	
.ribbon-edge-topleft,
.ribbon-edge-topright {  }

.ribbon-edge-bottomleft,
.ribbon-edge-bottomright { top: 40px; }

.ribbon-edge-topleft,
.ribbon-edge-bottomleft { left: -10px; border-color: transparent #a9d6d7 transparent transparent; }

.ribbon-edge-topleft { top: -10px; border-width: 10px 10px 0 0; }
  
.ribbon-edge-bottomleft { border-width: 0 10px 0px 0; }

.ribbon-edge-topright,
.ribbon-edge-bottomright { left: 100px; border-color: transparent transparent transparent #a9d6d7; }

.ribbon-edge-topright { top: 0px; border-width: 0px 0 0 0px; }

.ribbon-edge-bottomright {  border-width: 0 0 0px 0px; }

.ribbon-back-left { width: 60px; height: 100%; top: -10px; left: -60px; background-color: #cbe6e7; position: absolute; z-index: 0; 
	background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #ddefef), color-stop(0.25, #ddefef), color-stop(0.25, #fff), 
		color-stop(0.5, #fff), color-stop(0.5, #ddefef), color-stop(0.75, #ddefef), color-stop(0.75, #fff));
	background-image: -webkit-linear-gradient(right top, #ddefef 0%, #ddefef 25%, #fff 25%, #fff 50%,#ddefef 50%, #ddefef 75%, #fff 75%);
	background-image: -moz-linear-gradient(right top, #ddefef 0%, #ddefef 25%, #fff 25%, #fff 50%, #ddefef  50%, #ddefef 75%, #fff 75%);
	background-image: -ms-linear-gradient(right top, #ddefef 0%, #ddefef 25%, #fff 25%, #fff 50%, #ddefef 50%, #fff 75%, #ddefef 75%);
	background-image: -o-linear-gradient(right top, #ddefef 0%, #ddefef 25%, #fff 25%, #fff 50%, #ddefef 50%, #ddefef 75%, #fff 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddefef', endColorstr='#ffffff',GradientType=0 ); / IE6-8 */
	background-image: linear-gradient(right top, #ddefef 0%, #ddefef 25%, #fff 25%, #fff 50%, #ddefef 50%, #ddefef 75%, #fff 75%);
	background-size: 5px 5px; }
	
.ribbon-back-right { width: 0px; height: 40px; top: 0px; right: 0px; position: absolute; z-index: 0;}