@charset "UTF-8";
/*Kathleen Kunsman CSS*/

/*
KKK   KKK      AA      KKK   KKK 
KKK  KK       A  A     KKK  KK
KKKKKK       AAAAAA    KKKKKK
KKK  KK     AAA  AAA   KKK  KK
KKK   KKKK AAAA  AAAA  KKK   KKKK 

 ---- COLORS------ 

blue - 	#1A3747;
salmon  - #F07C6C
green   - #C0CA55
dk bluegray - #56626B
dk green    - #6C9380
purple  - #AD5472
tan - #E8E2D1
dk pink  - #FF8598
peach   - #FFC0A9
lt green    - #C9D787
dk green    - #7D8A2E
purple shadow   - #4C3645
yellow -    #FDE792
lt blue -   #9FB4CC

*/



* {
    margin: 0;
    padding: 0;
    }

ul, li {
	list-style:none;
}

a {
	text-decoration:none;
	color:none;
}

body {
	margin-top: 0px;
	background-color:#F07C6C;
	background-image: url('images/dot.png');
    width:100%;
    font-size:62.5%;
	}

button, #submit{
    background-color:#C9D787;
    color:#fff;
    font-family: 'TypoSlabserifLightRegular';
    font-size:14px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}

#but a:link, #but a:visited, #but a:active{
    background-color:#C9D787;
    color:#fff;
    font-family: 'TypoSlabserifLightRegular';
    font-size:14px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
		padding:2px;

}

#slider {
    display:none;
    }
    
button:hover, #submit:hover{
    background-color:#fff;
    color:#C9D787;


}

#but a:hover{
    background-color:#fff;
    color:#C9D787;
	padding:2px;


}

#wrapper{
 -moz-box-shadow:
	inset 0px -2px 2px #000;
	-webkit-box-shadow:
	inset 0px -2px 2px #000;
    -o-box-shadow:
	inset 0px -2px 2px #000;
	}
	
#topwrapper{
    width:100%;
    height:18px;
    background-image:url('images/qheart.jpg');
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    border-bottom:thin dashed #56626B;
    border-top:thin dashed #56626B;

}
#bottomwrapper{
    width:100%;
    height:20px;
    background-image:url('images/qheart.jpg');
    
    border-top:thin dashed #56626B;
    border-bottom:thin dashed #56626B;

}

.divider{
    width:100%;
    height:1px;
    clear:right;
    
}
	


#but {
    float:right;
    

}
#footer{
    height:100px;
	width:100%;
	position:relative;
    margin-top:20px;
	/*-moz-box-shadow: inset 0px 5px 5px #000;
    -webkit-box-shadow: inset 0px 5px 5px #000;
    box-shadow: inset 0px 5px 5px #000;*/
}
	

.arrow{
    border-right:25px solid #7D8A2E;
    border-left:25px solid transparent;
    border-top:25px solid transparent;
    border-bottom:25px solid transparent;
    position:relative;
    left:-60px;
    top:15px;
    width:0px;
    height:0px;
    z-index:50;

}

.feature a:link, .feature a:active, .feature a:visited {
    color:#F07C6C;
}
.feature a:hover{
    color:#F07C6C;
    background-color:#FFC0A9;

}


.reglink a:link, .reglink a:active, .reglink a:visited {
    color:#F07C6C;
}
.reglink a:hover{
    color:#F07C6C;
    background-color:#FFC0A9;

}

.navlink .selectedMenu{
    border:thin dashed #fff;
}



.menu{
    border:thin dashed #FFC0A9;
}

#accord, #accord3 {
    width:92%;
    margin:2%;
    border:thin dashed #E8E2D1;
    padding:2%;
}
#accord2 {
    display:none;
    width:92%;
    margin:2%;
    border:thin dashed #E8E2D1;
    padding:2%;
}

.title {
    font-weight:bold;
    color:#4C3645;
}


    
.section {
    font-family: 'SpecialEliteRegular';
    font-size: 1.6em; 
    color:#FDE792;
    width:100%;
    position:relative;
    float:right;    
    padding:5px;
    text-align:right;
    margin-top:-49px;
    
}
.section a:link, .section a:visited, .section a:active {
    color:#FDE792;
    margin:6px 5px;
    -moz-border-radius:0px 0px 10px 10px;
    border-left: solid thin transparent;
    border-right: solid thin transparent;


    }
.section a:hover{
    color:#FDE792;
    border-bottom: solid thin #FDE792;
    border-left: solid thin #FDE792;
    border-right: solid thin #FDE792;
    margin:5px;


}

.courseTitle{
    font-family: 'SpecialEliteRegular';
    color: #1a3747; 
    font-size: 1.4em; 
}
.courseText {
    font-family: 'TypoSlabserifLightRegular';
    color: #4C3645; 
    font-size: 1.2em; 
}

.courseText a:link, .courseText a:visited, .courseText a:active {
    font-family: 'TypoSlabserifLightRegular';
    color: #F07C6C; 
    
}
.courseText a:hover{
    font-family: 'TypoSlabserifLightRegular';
    color: #FFC0A9; 
    background-color:#F07C6C;
}
.seperator {
    width:100%;
    height:25px;
    background-image:url('images/flowerswhite.png');
    margin-top:5px;
    margin-bottom:5px;
    background-color:#C9D787;

}

.sampTitle{
    font-family: 'SpecialEliteRegular';
    color: #1A3747; 
    font-size: 1.6em; 

}
.sampText {
    font-family: 'TypoSlabserifLightRegular';
    color: #000; 
    font-size: 1.4em; 
}
.sampText a:link, .sampText a:visited, .sampText a:active {
    font-family: 'TypoSlabserifLightRegular';
    color: #fff; 
    
}
.sampText a:hover{
    font-family: 'TypoSlabserifLightRegular';
    color: #4C3645; 
    background-color:#fff;
   
}
.sampLoc{
  font-family: 'TypoSlabserifLightRegular';
    color: #fff; 
    font-size: 1.4em; 
}

#lowerContent2{
    background-image:url('images/qhearts.jpg');
    border:thin dashed #C1272D;

}

#contactForm input{
    font-family: 'TypoSlabserifLightRegular';
	font-size:12px;
}

.websites, .graphic, .logos, .flashy, .photo, .java, .jscript, .phps, .ae {
    padding:5px;

}
.contentText{
    font-family: 'TypoSlabserifLightRegular';
    color: #4C3645; 
    font-size: 1.4em; 
    margin-top:20px;
    width:100%

}
.lowerLeft{
    width:70%;
    padding:2%;
}

.sidebar {
    width:20%;
    height:150px;
    background-color:#fff;
    float:right;
    padding:2%;
    border:thin dashed #E8E2D1;
}
.tape{
    position:relative;
    text-align:right;
    background-color:#fff;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    -webkit-border-radius:20px;
  
    margin-bottom:-20px;
    margin-right:-20px;
}
.drop {
    font-family: 'SpecialEliteRegular';
    color: #F07C6C; 
    text-shadow: 0 1px 0 rgba(0,0,0,1);
    font-size: 3.4em; 
    float: left; 
    line-height: 20px; 
    padding-top: 4px; 
    padding-right: 4px; 
    padding-left: 3px; 
}

.special{
    font-family: 'SpecialEliteRegular';
    font-size: 1.4em; 
    color:#FDE792;
    text-shadow: 0 1px 0 #F07C6C;
    margin:3px;

}

.flashcontentsmall {
    display:none;
}
.coursel img,.courser img {
    max-width:200px;
    padding:5px;
    border:thin dashed #FDE792;
    
    }

 .coursel img:hover, .courser img:hover {
  border:thin solid #F07C6C;
 }
    
.courser{
    width:30%;
    text-align:center;
    padding:10px;
    float:right;
    margin-bottom:10px;
}  
    
.coursel{
    width:30%;
    text-align:center;
    padding:10px;
    clear:left;
    margin-bottom:10px;


}


.courseryt{
    width:40%;
    text-align:center;
    padding:10px;
    float:right;
    margin-bottom:10px;
    margin-right:40px;
}  
    
.courselyt{
    width:40%;
    text-align:center;
    padding:10px;
    clear:left;
    margin-bottom:10px;
    margin-left:40px;

}

/*----REGULAR LAYOUT----
-----------------------------------------------------------------
-----------------------------------------------------------------*/


@media screen and (min-width: 361px) {




#nav {
	height:20px;
	width:80%;
	float:right;
    display:block;

}
.webdesc{
    text-align:center;
}

.navlink{
    font-family: 'SpecialEliteRegular';
	float:right;
	color:#fff;
	font-size:1.6em;
	margin:10px;

}

.navlink a:link, .navlink a:active, .navlink a:visited {
    color:#ffffff;
    padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;

}
.navlink a:hover  {
    padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border:thin dashed #fff;
	-moz-box-shadow: inset 0px 0px 5px #fff;
    -o-box-shadow: inset 0px 0px 5px #fff;
    -webkit-box-shadow: inset 0px 0px 5px #fff;
    box-shadow: inset 0px 0px 5px #fff;
    -webkit-transform:scale(.5 .5);
    -moz-transform:scale(.5 .5);

}

#navalt {
	height:20px;
	width:80%;
	float:right;
    font-size:1.2em;
    display:none;
   

}

#wrapper{
    width:80%;
    padding:20px;
    margin:0 auto;
    max-width:1024px;
    background-color:#FFC0A9;
	
	

}

#outerContainer { 
	max-width:100%;
	padding:10px;
    margin-top:-8%;
    position:relative;
    z-index:5;
   /* Fallback for web browsers that doesn't support RGBa */
background: rgb(255, 255, 255) /*transparent*/;
/* RGBa with 0.6 opacity */
/*background: rgba(255, 255, 255, 0.6);*/
/* For IE 5.5 - 7*/
/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);*/
/* For IE 8*/
/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";*/

}

#imgcorner{
	    width:25%;
	    height:25%;
        position:relative;
	    top:-50px;
	    right:5%;
	    z-index:20;
	    vertical-align:middle;
	    max-width:211px; 

	}




img.logo{
  max-width: 100%;
  height:auto;
}	

#grad_left,
		#grad_right {
			width: 100px;
			height:275px;
			position: absolute;
			top: 0;
			z-index:15;
		}
			#grad_left {
		        left: 0;
		        background: url('images/whitegrad.png') repeat-y;
			}
			#grad_right {
		        right: 0;
		        background: url('images/whitegradr.png') repeat-y;
			}

#lowerContent {
    width:98%;
    padding:1%;
    background:#fff;
    margin-top:30px;
}

.transbox{
/*background:url('images/graydots.png');*/

background-image: linear-gradient(left top, #FFC0A9 7%, #fff 64%);
background-image: -o-linear-gradient(left top, #FFC0A9 7%, #fff 64%);
background-image: -moz-linear-gradient(left top, #FFC0A9 7%, #fff 64%);
background-image: -webkit-linear-gradient(left top, #FFC0A9 7%, #fff 64%);
background-image: -ms-linear-gradient(left top, #FFC0A9 7%, #fff 64%);

background-image: -webkit-gradient(
	linear,
	left top,
	right bottom,
	color-stop(0.07, #FFC0A9),
	color-stop(0.64, #fff)
);

}


#copy {
    position:relative;
    text-align:right;
    color:#fff;
    margin-top:20px;
    padding-top:10px;
    margin-bottom:-50px;
    font-family: 'TypoSlabserifLightRegular';
    z-index:50;

}

.flex-caption {
    width: 30%; 
    height:20px;
    padding: 5px; 
    color: #4C3645; 
    font-size: 1.6em; 
    line-height: 18px;
    font-family: 'SpecialEliteRegular';
    text-align:right;
    margin-right:10%;
    
	               
} 
.featuretext{
    font-family: 'TypoSlabserifLightRegular';
    font-size: 1.2em; 
    color: #4C3645; 
    text-align:right;
    margin-right:10%;

}

.boxl {
    position:relative;
    float:left;
    vertical-align:middle;
    background-color:#fff;
    width:40%;
    max-height:300px;
    margin-left:10%;
    padding-top:3%;
    padding-bottom:3%;
}

.boxr {
    position:relative;
    float:left;
	vertical-align:middle;
    background-color:#fff;
    width:30%;
    height:180px;
    max-height:180px;
    padding:1%;
    margin-top:3%;
    margin-bottom:3%;
    margin-right:8%;
    margin-left:5%;
    color:#fff;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    border:thick solid #7D8A2E;
    text-align:right;
    -moz-box-shadow: inset 0px 0px 8px #7D8A2E;
    -o-box-shadow: inset 0px 0px 8px #7D8A2E;
    -webkit-box-shadow: inset 0px 0px 8px #7D8A2E;
    box-shadow: inset 0px 0px 8px #7D8A2E;
}
 
.arrow{
    border-right:25px solid #7D8A2E;
    border-left:25px solid transparent;
    border-top:25px solid transparent;
    border-bottom:25px solid transparent;
    position:relative;
    left:-60px;
    top:15px;
    width:0px;
    height:0px;
    z-index:50;

}

#accord h3 {
    color: #fff; 
    /*background: rgba(0,0,0,1); */
    color: #fff; 
    text-shadow: 0 1px 0 rgba(0,0,0,1);
    font-size: 1.6em; 
    line-height: 18px;
    font-family: 'SpecialEliteRegular';
    text-align:left;
    margin-left:1%;
    padding:1%;
    background-image:url('images/gingblue.jpg');
    border-bottom:thin dashed #56626B;
    border-top:thin dashed #56626B;
}

#details {
    margin-left:1%;
    padding:1%;
    background:#E8E2D1;
    font-family: 'TypoSlabserifLightRegular';
    font-size: 1.4em; 

}

.innerdetails {
    border:thin dashed #fff;
    padding:2%;
}
#details li{
    border-left:thin dashed #56626B;
    border-right:thin dashed #56626B;
    padding:2%;
	list-style-type: circle;
	list-style:inside;
}

#contentdiv {
    width:92%;
    height:400px;
    margin:2%;
    border:thin dashed #E8E2D1;
    padding:2%;
    
}
#contentdiv h2{
    font-family: 'SpecialEliteRegular';
    color:#1A3747;

}


#contactForm, #contentdiv p{
    font-family: 'TypoSlabserifLightRegular';
    font-size:12px;
}

#contentright {
    width:40%;
    float:right;
    background-color:#fff;
    margin-left:5%;
    padding:2%;
    height:350px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    min-width:150px;
}

#innercontentlr{
    width:90%;
    background-color:#fff;
    margin:1%;
    padding:3%;
    border:thin dashed #56626B;
    

}

#contentleft {
    width:40%;
    float:left;
    height:auto;
    background-color:#fff;
    margin-right:5%;
    padding:2%;
    height:350px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    min-width:150px;
}


/*-----------FREELANCE PAGE DEFINITIONS------------*/
.bkin {
    width:90%;
    height:auto;
    padding:5%; 
    border:thin dashed #fff;
    background-color:#fff; /*remove this for full fabric background*/

}

.backl, .backr{
    height:auto;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;

  }  
  
.backl {
    width:50%;
}
      

.backl:after {
	font-family: 'TypoSlabserifLightRegular';
    content:attr(data-tooltip);
	background:#FFC0A9;
	padding:5px 15px;
	color:#fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	font-size:1.4em;
	 -moz-box-shadow:  0px 0px 8px #000;
    -o-box-shadow:  0px 0px 8px #000;
    -webkit-box-shadow:  0px 0px 8px #000;
    border:thin solid #fff;

}

	
.backl:after {
	position:relative;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	opacity:0;
	bottom:0;
	left:50%;

}
	

	
.backl:hover:after{
	position:relative;
    bottom:0;
	left:60%;
	}
.backl:hover:before{
	position:relative;
    bottom:0;
	left:50%;

	}	
	
.backl:hover:after, .backl:hover:before{
	opacity:1;
	}

/*----WEBSITE SAMPLES------*/


.web1, .web2, .web3, .web4, .web5, .web6 {
    -moz-box-shadow:  0px 0px 8px #000;
    -o-box-shadow:  0px 0px 8px #000;
    -webkit-box-shadow:  0px 0px 8px #000;
    box-shadow:  0px 0px 8px #000;
    border:thick solid transparent;

}
.det1, .det2, .det3, .det4, .det5, .det6 {
    background-color:transparent;
    color:#1a3747;
    /*color:#56626B;*/
}
.det1:hover, .det2:hover, .det3:hover, .det4:hover, .det5:hover, .det6:hover{
    background-color:#fff;
    /*color:#1a3747;*/
    color:#56626B;
}
.web1:hover, .web2:hover, .web3:hover, .web4:hover, .web5:hover, .web6:hover {
    -moz-box-shadow:  0px 0px 8px #fff;
    -o-box-shadow:  0px 0px 8px #fff;
    -webkit-box-shadow:  0px 0px 8px #fff;
    box-shadow:  0px 0px 8px #fff;
    border:thick solid #fff;

}
.bot1, .bot2, .bot3, .bot4, .bot5, .bot6  {
    padding:2px;
    font-family: 'SpecialEliteRegular';
    color:#fff;
    border:thin dashed #fff;
    position:relative:
    right:0;
    top:0;
    float:right;
    text-align:center;
    font-size:1.6em;
    margin-right:2px;
}

/*---SAMPLE 1---*/

.back1 {
    background-image:url('images/ginggreen.jpg');
    width:96%;
    padding:2%; 
    background-color:#72CEBF;

}
.backr1{
    background-color:#72CEBF;
    float:right;
    width:40%;
    height:auto;
    padding:2%;
    border:thin dashed #fff;
    text-align:right;
}

.detail1 {
    background:#72CEBF;
    padding:2%; 
}
.bot1{
    background:#72CEBF;
 
}

 
 

/*---SAMPLE 2---*/

.back2 {
    background-image:url('images/qsmheart.jpg');
    width:96%;
    padding:2%; 

}
.backr2{
    background-color:#9FB4CC;
    float:right;
    width:40%;
    height:auto;
    padding:2%;
    border:thin dashed #fff;
    text-align:right;
}

.detail2 {
    background:#9FB4CC;
    padding:2%; 
}
.bot2{
    background:#9FB4CC;
 
}
  

/*---SAMPLE 3---*/

.back3 {
    background-image:url('images/fan2.png');
    width:96%;
    padding:2%; 
    background-color:#E8E2D1;

}
.backr3{
    background-color:#E0D5B8;
    float:right;
    width:40%;
    height:auto;
    padding:2%;
    border:thin dashed #fff;
    text-align:right;
}

.detail3 {
    background:#E0D5B8;
    padding:2%; 
}

.bot3{
    background:#E0D5B8;
 
}



/*---SAMPLE 4---*/

.back4 {
    background-image:url('images/bgdots.png');
    width:96%;
    padding:2%; 
    background-color:#9B7B92;

}
.backr4{
    background-color:#D8B2CF;
    float:right;
    width:40%;
    height:auto;
    padding:2%;
    border:thin dashed #fff;
    text-align:right;
}

.detail4 {
    background:#D8B2CF;
    padding:2%; 
}
.bot4{
    background:#D8B2CF;
 
}

/*---SAMPLE 5---*/

.back5 {
    background-image:url('images/gingorange.jpg');
    width:96%;
    padding:2%; 
    background-color:#FFC0A9;

}
.backr5{
    background-color:#FFC0A9;
    float:right;
    width:40%;
    height:auto;
    padding:2%;
    border:thin dashed #fff;
    text-align:right;
}

.detail5 {
    background:#FFC0A9;
    padding:2%; 
}
.bot5{
    background:#FFC0A9;
 
}
.back5 .backl:hover:before, .back5 .backl:hover:after{
    opacity:0;
}
  

/*---SAMPLE 6---*/
.back6 {
    background-image:url('images/jackstrans.png');
    width:96%;
    padding:2%; 
    background-color:#F9E8C0;

}
.backr6{
    background-color:#F9E8C0;
    float:right;
    width:40%;
    height:auto;
    padding:2%;
    border:thin dashed #fff;
    text-align:right;
}

.detail6 {
    background:#F9E8C0;
    padding:2%; 
}

.bot6{
    background:#F9E8C0;
 
}

.back6 .backl:hover:before, .back6 .backl:hover:after{
    opacity:0;
}


/*------------------------------------*/
#aboutmer {
    width:20%;
    background-image:url("images/flowerswhite.png");
    background-color:#FDE792;
    float:right;
    text-align:center;
    padding-top:15px;
    padding-bottom:15px;
    min-width:150px;
}
#aboutmel {
    width:75%;
    padding:5px;
    
}

.stitch {
    border:thin dashed #4C3645;
    padding:5px;
    margin:5px;
    background-color:#fff;
     -moz-box-shadow:  0px 3px 3px #4C3645;
    -o-box-shadow:  0px 3px 3px #4C3645;
    -webkit-box-shadow:  0px 3px 3px #4C3645;
    width:75%;
}


.flash{
    width:96%;
    padding:2%;
    
    text-align:center;
}

.flashdesc {
    width:96%;
    padding:2%;
    border:thin dashed #FFC0A9;
    text-align:center;

}


}
/*-----END NORMAL LAYOUT------*/


/*----SMALL LAYOUT----
-----------------------------------------------------------------
-----------------------------------------------------------------*/

@media screen and (max-width: 360px) {

/*-----------FREELANCE PAGE DEFINITIONS------------*/

iframe {
    width:100%;
    }

.bkin {
    width:90%;
    height:auto;
    padding:5%; 
    border:thin dashed #fff;

}

.backl, .backr{
    height:auto;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    width:96%
  }  
  
      

.backl:after {
	font-family: 'TypoSlabserifLightRegular';
    content:attr(data-tooltip);
	background:#FFC0A9;
	padding:5px 15px;
	color:#fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	font-size:1.0em;
	 -moz-box-shadow:  0px 0px 8px #000;
    -o-box-shadow:  0px 0px 8px #000;
    -webkit-box-shadow:  0px 0px 8px #000;
    border:thin solid #fff;

}

	
.backl:after {
	position:relative;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	opacity:0;
	bottom:0;
	left:10%;

}
	

	
.backl:hover:after{
	position:relative;
    bottom:0;
	left:30%;
	}
.backl:hover:before{
	position:relative;
    bottom:0;
	left:10%;

	}	
	
.backl:hover:after, .backl:hover:before{
	opacity:1;
	}

.transbox{
/*background:url('images/graydots.png');*/

background-image: linear-gradient(left top, #FFC0A9 7%, #fff 64%);
background-image: -o-linear-gradient(left top, #FFC0A9 7%, #fff 64%);
background-image: -moz-linear-gradient(left top, #FFC0A9 7%, #fff 64%);
background-image: -webkit-linear-gradient(left top, #FFC0A9 7%, #fff 64%);
background-image: -ms-linear-gradient(left top, #FFC0A9 7%, #fff 64%);

background-image: -webkit-gradient(
	linear,
	left top,
	right bottom,
	color-stop(0.07, #FFC0A9),
	color-stop(0.64, #fff)
);

}

/*----WEBSITE SAMPLES------*/


.web1, .web2, .web3, .web4, .web5, .web6 {
    -moz-box-shadow:  0px 0px 8px #000;
    -o-box-shadow:  0px 0px 8px #000;
    -webkit-box-shadow:  0px 0px 8px #000;
    box-shadow:  0px 0px 8px #000;
    border:thick solid transparent;

}
.det1, .det2, .det3, .det4, .det5, .det6{
    background-color:transparent;
    color:#1a3747;
    /*color:#56626B;*/
}
.det1:hover, .det2:hover, .det3:hover, .det4:hover, .det5:hover, .det6:hover{
    background-color:#fff;
    /*color:#1a3747;*/
    color:#56626B;
}

.web1:hover,.web2:hover,.web3:hover,.web4:hover,.web5:hover,.web6:hover{
    /*-moz-box-shadow:  0px 0px 8px #fff;
    -o-box-shadow:  0px 0px 8px #fff;
    -webkit-box-shadow:  0px 0px 8px #fff;
    box-shadow:  0px 0px 8px #fff;*/
    border:thick solid #fff;

}


/*---SAMPLE 1---*/

.back1 {
    background-image:url('images/ginggreen.jpg');
    width:96%;
    padding:2%; 

}
.backr1{
    background-color:#72CEBF;
    float:right;
    width:96%;
    height:auto;
    padding:2%;
    border:thin dashed #fff;
    text-align:right;
}

.detail1 {
    background:#72CEBF;
    padding:2%; 
}


  


/*---SAMPLE 2---*/

.back2 {
    background-image:url('images/qsmheart.jpg');
    width:96%;
    padding:2%; 

}
.backr2{
    background-color:#9FB4CC;
    float:right;
    width:96%;
    height:auto;
    padding:2%;
    border:thin dashed #fff;
    text-align:right;
}

.detail2 {
    background:#9FB4CC;
    padding:2%; 
}



/*---SAMPLE 3---*/

.back3 {
    background-image:url('images/fandot.png');
    width:96%;
    padding:2%; 
    background-color:#E8E2D1;

}
.backr3{
    background-color:#E0D5B8;
    float:right;
    width:96%;
    height:auto;
    padding:2%;
    border:thin dashed #fff;
    text-align:right;
}

.detail3 {
    background:#E0D5B8;
    padding:2%; 
}


/*---SAMPLE 4---*/

.back4 {
    background-image:url('images/bgdots.png');
    width:96%;
    padding:2%; 
    background-color:#9B7B92;

}



.backr4{
    background-color:#D8B2CF;
    float:right;
    width:96%;
    height:auto;
    padding:2%;
    border:thin dashed #fff;
    text-align:right;
}

.detail4 {
    background:#D8B2CF;
    padding:2%; 
}



/*---SAMPLE 5---*/

.back5 {
    background-image:url('images/gingorange.jpg');
    width:96%;
    padding:2%; 
    background-color:#FFC0A9;

}
.backr5{
    background-color:#FFC0A9;
    float:right;
    width:96%;
    height:auto;
    padding:2%;
    border:thin dashed #fff;
    text-align:right;
}

.detail5 {
    background:#FFC0A9;
    padding:2%; 
}


/*---SAMPLE 6---*/
.back6 {
    background-image:url('images/dotsPlain.jpg');
    width:96%;
    padding:2%; 
    background-color:#F9E8C0;

}
.backr6{
    background-color:#F9E8C0;
    float:right;
    width:96%;
    height:auto;
    padding:2%;
    border:thin dashed #fff;
    text-align:right;
}

.detail6 {
    background:#F9E8C0;
    padding:2%; 
}



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

#wrapper{
    width:80%;
    background-color:#FFC0A9;
	margin-bottom:5px;
	
}
#topwrapper{
    display:none;
}

button, #submit {
    font-size:10px;
}

#outerContainer { 
	max-width:90%;
	padding:10px;
	margin:-3% 6%;
    position:relative;
    z-index:5;
    -moz-box-shadow:
	inset 0px -2px 2px #000;
	-webkit-box-shadow:
	inset 0px -2px 2px #000;
    -o-box-shadow:
	inset 0px -2px 2px #000;
     /* Fallback for web browsers that doesn't support RGBa */
background: rgb(255, 255, 255);
/* RGBa with 0.6 opacity */
/*background: rgba(255, 255, 255, 0.6);*/
/* For IE 5.5 - 7*/
/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);*/
/* For IE 8
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";*/

}
#imgcorner{
	    width:25%;
	    height:25%;
        position:relative;
	    top:-25px;
	    right:5%;
	    z-index:20;

	}
	
img.logo{
  max-width: 100%;
  height:auto;
}	

#lowerContent {
    width:100%;
    /*background:#fff;*/
    width:98%;
    padding: 3% 1%;

}

	


#copy {
    position:relative;
    text-align:right;
    color:#fff;
    margin-top:5px;
    padding-top:10px;
    font-family: 'TypoSlabserifLightRegular';
    margin-bottom:-30px;

}
.boxl {
    position:relative;
    /*float:left;*/
    vertical-align:middle;
    background-color:#fff;
    width:100%;
    max-height:300px;
    margin-left:10%;
    padding-top:3%;
    padding-bottom:3%;
    text-align:center;
}


.flex-caption {
    width: 30%; 
    height:20px;
    padding: 5px; 
    color: #4C3645; 
    font-size: 1.2em; 
    line-height: 18px;
    font-family: 'SpecialEliteRegular';
    text-align:right;
    margin-right:10%;
    
	               
} 
.featuretext{
    font-family: 'TypoSlabserifLightRegular';
    font-size: 1.0em; 
    color: #4C3645; 
    text-align:left;

}
#accord2 {
    display:block;
   
}


#accord {
    display:none;
}
#accord2 h3 {
    color: #fff; 
    background-color: #9FB4CC;
    font-size: 1.4em; 
    line-height: 14px;
    font-family: 'TypoSlabserifLightRegular';
    text-align:left;
    margin-left:1%;
    padding:4%;
    margin-bottom:3px;
    border-top:dashed thin #4C3645;
    border-bottom:dashed thin #4C3645;
}
#accord2 h3:hover {
    color: #9FB4CC; 
    background-color: #fff;
   
}

#details {
    margin-left:1%;
    padding:1%;
    background:#E8E2D1;
    margin-bottom:3px;
    font-family: 'TypoSlabserifLightRegular';
    font-size: 1.4em; 

}

.innerdetails {
    border:none;
    padding:1%;
}
#details li{
    border:none;
    padding:1%;
	list-style-type: circle;
	list-style:inside;
}


#contentdiv {
    width:92%;
    margin:2%;
    border:thin dashed #E8E2D1;
    padding:2%;
    height:800px
    
}
#contentdiv h2{
    font-family: 'SpecialEliteRegular';
    color:#1A3747;

}


#contactForm, #contentdiv p{
    font-family: 'TypoSlabserifLightRegular';
    font-size:10px;
}

#contentright {
    width:80%;
    background-color:#fff;
    margin:5%;
    padding:2%;
    height:350px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    min-width:150px;
}

#innercontentlr{
    width:90%;
    background-color:#fff;
    margin:1%;
    padding:3%;
    border:thin dashed #56626B;
    

}

#contentleft {
    width:80%;
    height:auto;
    background-color:#fff;
    margin-right:5%;
    padding:2%;
    height:200px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    min-width:150px;
}


.navlinkalt .selectedMenu{
    border:thin dashed #fff;
}


.menu{
    border:thin dashed #FFC0A9;
}

.flashcontentsmall{
    display:block;
}
.flashcontent{
    display:none;
}





}	

/*----END SMALL LAYOUT----*/


@media screen and (max-width: 700px) {	

.coursel img,.courser img {
    max-width:200px;
    }
.courser{
    width:200px;
    text-align:center;
    padding:10px;
    float:left;
}  
    
.coursel{
    width:200px;
    text-align:center;
    padding:10px;

}

.courseryt{
    width:100%;
    text-align:center;
    padding:10px;
    float:left;
    margin-bottom:10px;
    margin-right:0px;

}  
    
.courselyt{
    width:100%;
    text-align:center;
    padding:10px;
    margin-bottom:10px;
    clear:left;
    margin-left:0px;

}



.flashcontentsmall{
    display:block;
}
.flashcontent{
    display:none;
}
.sidebar {
    display:none;
    
}
.lowerLeft{
    width:90%;
}


#grad_left, #grad_right{
		display:none;
		}
#nav {
	height:20px;
	width:80%;
	float:right;
	display:none;	
}

#navalt {
	height:20px;
	width:80%;
	float:right;
    font-size:1.2em;
    display:inline-block;
   

}

.navlinkalt{
    font-family: 'SpecialEliteRegular';
	float:right;
	color:#fff;
	margin:5px;

}

.navlinkalt a:link, .navlinkalt a:active, .navlinkalt a:visited {
    color:#ffffff;
    padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;

}
.navlinkalt a:hover  {
    padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	border:thin dashed #fff;
}

.sampTitle{
    font-family: 'SpecialEliteRegular';
    color: #1A3747; 
    font-size: 1.0em; 

}
.sampText {
    font-family: 'TypoSlabserifLightRegular';
    color: #4C3645; 
    font-size: 1.0em; 
}
.sampLoc{
  font-family: 'TypoSlabserifLightRegular';
    color: #fff; 
    font-size: 1.0em; 
}
button,#submit {
    font-size:1.0em;
}

.arrow{
    display:none;

}
.boxl {
    position:relative;
    /*float:left;*/
    vertical-align:middle;
    background-color:#fff;
    width:90%;
    max-height:300px;
    /*margin-left:10%;*/
    padding-top:3%;
    padding-bottom:3%;
    text-align:center;
}

.boxr {
    display:none;
   
}
.flex-caption {
    width: 30%; 
    height:20px;
    padding: 5px; 
    color: #4C3645; 
    font-size: 1.2em; 
    line-height: 18px;
    font-family: 'SpecialEliteRegular';
    text-align:right;
    margin-right:10%;
    
	               
} 
.featuretext{
    font-family: 'TypoSlabserifLightRegular';
    font-size: 1.0em; 
    color: #4C3645; 
    text-align:right;

}

#contentdiv {
    width:90%;
    margin:2%;
    border:thin dashed #E8E2D1;
    padding:2%;
    height:700px;
    
}
#contentdiv h2{
    font-family: 'SpecialEliteRegular';
    color:#1A3747;

}


#contactForm, #contentdiv p{
    font-family: 'TypoSlabserifLightRegular';
    font-size:10px;
}

#contentright {
    width:85%;
    background-color:#fff;
    margin:5%;
    padding:2%;
    height:350px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    min-width:150px;
}

#innercontentlr{
    width:90%;
    background-color:#fff;
    margin:1%;
    padding:3%;
    border:thin dashed #56626B;
    

}

#contentleft {
    width:85%;
    background-color:#fff;
    margin:5%;
    padding:2%;
    height:130px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    min-width:150px;
}

.section {
    font-family: 'SpecialEliteRegular';
    font-size: 1.0em; 
    color:#FDE792;
    width:100%;
    position:relative;
    float:right;    
    padding:2px;
    text-align:right;
    margin-top:-20px;
    
}
.section a:link, .section a:visited, .section a:active {
    color:#FDE792;
    margin:6px 2px;
-moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;


    }
.section a:hover{
    color:#fff;
    background-color:#FDE792;
    margin:2px;
-moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;

}
.backl:after{
    font-size:1.0em;
    display:none;
    }
.bot1, .bot2, .bot3, .bot4, .bot5, .bot6 {
    display:none;
    }

}


/* Smartphones (portrait and landscape) ----------- 
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {












}*/


	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*----FONTS----*/	
	
	
	/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 13, 2011 */



@font-face {
    font-family: 'SpecialEliteRegular';
    src: url('fonts/specialelite-webfont.eot');
    src: url('fonts/specialelite-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/specialelite-webfont.woff') format('woff'),
         url('fonts/specialelite-webfont.ttf') format('truetype'),
         url('fonts/specialelite-webfont.svg#SpecialEliteRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UnderwoodChampionRegular';
    src: url('fonts/underwood_champion-webfont.eot');
    src: url('fonts/underwood_champion-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/underwood_champion-webfont.woff') format('woff'),
         url('fonts/underwood_champion-webfont.ttf') format('truetype'),
         url('fonts/underwood_champion-webfont.svg#UnderwoodChampionRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TypoSlabserifLightRegular';
    src: url('fonts/typoslabserif-light-webfont.eot');
    src: url('fonts/typoslabserif-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/typoslabserif-light-webfont.woff') format('woff'),
         url('fonts/typoslabserif-light-webfont.ttf') format('truetype'),
         url('fonts/typoslabserif-light-webfont.svg#TypoSlabserifLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UtilityBoldCondensed';
    src: url('fonts/utility-webfont.eot');
    src: url('fonts/utility-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/utility-webfont.woff') format('woff'),
         url('fonts/utility-webfont.ttf') format('truetype'),
         url('fonts/utility-webfont.svg#UtilityBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SecretTypewriterRegular';
    src: url('fonts/veteran_typewriter-webfont.eot');
    src: url('fonts/veteran_typewriter-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/veteran_typewriter-webfont.woff') format('woff'),
         url('fonts/veteran_typewriter-webfont.ttf') format('truetype'),
         url('fonts/veteran_typewriter-webfont.svg#SecretTypewriterRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}