/* ============================== */
/* ! Universal settings   */
/* ============================== */

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

    a {
        color: #333;
    }
    
    p {
	margin-bottom:20px;
    }
    
    p a {
        border-bottom:1px dotted #333;
	text-decoration:none;
    }
    
    a:hover {
        border-bottom:none;   
    }

    .red {
        color: #990000;   
    }


/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
            font-family: junctionregularRegular, Helvetica, Verdana, Sans-Serif;
            color: #333;
            height:100%;
	    background-color:#990000;
	}
        
        #wrapper {
            min-height: 100%;
            height: 100%;
            position: relative;
        }
        
        #contentbody {
	    background-color:#ffffff;
            padding-bottom:50px;
        }
        
        #top_bar {
            background: #990000;
            height:6px;
        }
	
        #header  {
            text-transform: uppercase;
            margin-bottom:30px;
        }
        
        #header .logo a {
            color: #990000;
            font-size: 38px;
            line-height:42px;
            margin-top:12px;
            margin-bottom:10px;
            display:block;
            border-bottom:none;
            text-decoration:none;
        }
        
        #header .logo a:hover {
            color: #333;
        }

        #header .active {
            background: url("../images/activearrow.jpg") no-repeat center 0px;
        }
        
        #header .sixcol li {
            display: inline-block;
            list-style-type: none;
            margin-right: 22px;
            font-size:18px;
	    float:left;
        }
        
        #header li span {
            display:block;
            padding-top:28px;
        }
        
        #header li a {
            text-decoration:none;
        }
        
        #header li a:hover {
            color:#990000;
        }
        
        #header .socialmedia li {
            display: inline-block;
            list-style-type: none;
            margin-right: 10px;
            font-size:18px;
            float:right;
        }
        
        #header .socialmedia li:hover {
            opacity:0.6;
        }

        .greetings h1 {
            margin: 80px 0 20px 0;
            font-size:48px;
            line-height: 58px;
        }
        
        .greetings p.profile  {
            padding-bottom:100px;    
            border-bottom:1px solid #333;    
        }
        
        .greetings p a {
            border-bottom:none;
            color:#999;
            text-decoration:none;
        }
        .greetings p a:hover {
            color:#333;
            border-bottom:1px dotted #999;
        }
	
        .greetings #castasticscene {   
            display:none;    
        }
	
	h2 {
	    font-size:14px;
	}
        .tribox {
            margin-top:20px;
        }
	
	.tribox p {
	    margin:0;
	}
        
        .tribox a {
            text-decoration:none;
        }
        .tribox a:hover {
            color:#990000;
        }
        
        .tribox img {
            margin-top:10px;
            border: 1px solid #b7b7b7;            
        }
        
        .tribox img:hover {
            border: 1px solid #999;
        }

        .switchvalue {
            font-size:1px;
            color:#fff;
            position:absolute;
            top:-999px;
        }
        .footer {
            position:relative;
            bottom:0;
            background: #990000;
            height:20px;
            color:#fff;
            padding-top:10px;
            padding-bottom:30px;
            font-size:11px;
	    overflow:hidden;
        }
        
        .footer a {
            color:#fff;
	    text-decoration:none;
	    border:none;
	    border-bottom:1px dotted #fff;
	    white-space:nowrap;
        }
        
        .footer a:hover {
            text-decoration:none;
        }
	
/* ============================== */
/* ! About page  */
/* ============================== */	
	
	.about li {
	    font-size: 14px;
    	margin-left: 15px;
		line-height:140%;		
		list-style-type: disc;
	}
	.bulletpara {
	    font-size:14px;		
		line-height:140%;	
		margin-bottom:3px;
	}
	 
	.about {
	    font-size:14px;
		line-height:140%;
	}
	
	.about img {
	    float:left;
	    width: 120px;
	}

	.aboutintro {
	    font-size:16px;
	    line-height: 140%;
	}
	
	.grey {
	    color:#808080;
	}
	
	.contact {
	    font-size:14px;
	    height:450px;
	}


/* ============================= */
/* ! Layout for 800px x 600px  */
/* ============================= */

@media (max-width: 900px) {
        
        #header .socialmedia, #header .sixcol .homelink {
            display:none;
        }

}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	
	#header {
	    margin-bottom:10px;
	}
	
        #header ul {
            border-top: 1px solid #990000;
        }
        
        #header .sixcol li {
            margin-right: 10px;
            font-size:16px;	    
        }
        
        #header li span {
            padding-top: 5px;
        }
        #header .active {
            background-image: none;
            height:30px;
        }
        
        #header .socialmedia, #header .sixcol .homelink {
            display:none;
        }
        
        .greetings h1 {
            margin: 10px 0 10px 0;
            font-size:30px;
            line-height: 38px;
        }
        
        .greetings p.profile  {
            padding-bottom:40px;       
        }
        
        .footer span {
            float:none;
        }

	.aboutintro {
	    padding-bottom:0;
	}
	
	#content {
	    padding-top:20px;
	    border-top:1px solid #333;
	    margin-top:10px;
	}
	
	#smallprint {
	    display:none;
	}
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}