/* First declare the fonts */

/* URW Gothic L */
@font-face {    font-family: "URW Gothic L"; font-style: normal; font-weight: normal; src: url('http://www.disney-flooring.com/fonts/URWGothicL-Book.eot'); }
@font-face {    font-family: "URW Gothic L"; font-style: normal; font-weight: bold; src: url('http://www.disney-flooring.com/fonts/URWGothicL-Demi.eot'); }
@font-face {    font-family: "URW Gothic L"; font-style: italic; font-weight: normal; src: url('http://www.disney-flooring.com/fonts/URWGothicL-BookObli.eot'); }
@font-face {    font-family: "URW Gothic L"; font-style: italic; font-weight: bold; src: url('http://www.disney-flooring.com/fonts/URWGothicL-DemiObli.eot'); }

/* Angelina */
@font-face { font-family: 'Angelina'; font-style: normal; font-weight: normal; src: url('http://www.disney-flooring.com/fonts/angelina.eot'); }

/* URW Gothic L */
@font-face {    font-family: "URW Gothic L"; font-style: normal; font-weight: normal; src: url('http://www.disney-flooring.com/fonts/URWGothicL-Book.otf') format("opentype"); }
@font-face {    font-family: "URW Gothic L"; font-style: normal; font-weight: bold; src: url('http://www.disney-flooring.com/fonts/URWGothicL-Demi.otf') format("opentype"); }
@font-face {    font-family: "URW Gothic L"; font-style: italic; font-weight: normal; src: url('http://www.disney-flooring.com/fonts/URWGothicL-BookObli.otf') format("opentype"); }
@font-face {    font-family: "URW Gothic L"; font-style: italic; font-weight: bold; src: url('http://www.disney-flooring.com/fonts/URWGothicL-DemiObli.otf') format("opentype"); }

/* Angelina */
@font-face { font-family: 'Angelina'; src: local('Angelina Regular'), local('Angelina-Regular'), url('http://www.disney-flooring.com/fonts/angelina.otf') format('opentype'); }


/* Now the rest of the CSS */

#main {	position: fixed;
	background-color: rgb(216,216,216);
	top: 70px;
	left: 5%;
        bottom: 58px;
	height: auto;
	right: 5%;
        width: auto;
        padding: 1em 1em 0 1em;
	z-index: 1;
        overflow: auto; }
        
#logo {    left: 2%;
        right: 2%;
        top: 0px;
        padding-top: 10px;
        padding-left: 20px;
        overflow: hidden;
        text-align: center;
        color: rgb(139,126,102);
        background-color: rgb(206,206,206);
        background-image: url("shiny2.png");
        background-repeat: repeat-x;
        position: fixed;
        width: auto;
        height: 60px;
        z-index: 2;
        border-top: 1px solid rgb(192,192,192);
        border-left: 1px solid rgb(192,192,192);
        border-radius-bottomright: 20px;
        border-radius-bottomleft: 20px;
        -moz-border-radius-bottomright: 20px;
        -moz-border-radius-bottomleft: 20px;
        -webkit-border-bottom-right-radius: 20px;
        -webkit-border-bottom-left-radius: 20px; }
        
#footer {   position: fixed;
    background-color: rgba(0,0,0,0);
    bottom: 0;
    height: 55px;
    left: 5%; right: 5%;
    text-align: center; }
        
/*h1,*/ h2, h3, h4, h5, h6 { 	background-color: rgb(206,206,206);
	width: 40%; }

h1 {	font-size: 36pt;
	color: rgb(186,70,118);
/*	border: 1px solid rgb(139,58,58); */
	opacity: 0.75;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.1em;
	padding-bottom: 0em;
        text-shadow: 2px 2px 0 rgb(197,171,180); }

h2 {	color: rgb(186,70,118);
        font-size: 24pt;
	border-top: 1px solid rgb(192,192,192);
	border-left: 1px solid rgb(192,192,192);
	border-radius-topleft: 15px;
	border-radius-bottomright: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	opacity: 0.75;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
        -moz-box-shadow: 3px 3px 5px rgb(186,134,151);
        -webkit-box-shadow: 3px 3px 5px rgb(186,134,151);
        box-shadow: 3px 3px 5px rgb(186,134,151); }

h3 {	font-size: 14pt;
	color: rgb(186,70,118);
	border-top: 1px solid rgb(192,192,192);
	border-left: 1px solid rgb(192,192,192);
	border-radius-topleft: 15px;
	border-radius-bottomright: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	opacity: 0.75;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
        -moz-box-shadow: 3px 3px 5px rgb(186,134,151);
        -webkit-box-shadow: 3px 3px 5px rgb(186,134,151);
        box-shadow: 3px 3px 5px rgb(186,134,151); }

p {	font-size: 12pt;
        padding-left: 1em;
	line-height: 1.7em;
	color: rgb(102,102,102); }

body {  margin: 0;
	background-color: rgb(232,232,232); /*rgb(165,165,165); */
        font-family: "URW Gothic L","Levenim MT","Century Gothic","AppleGothic",Helvetica,Verdana,Arial,sans-serif;
	background-image: url("shiny2.png");
        background-position: bottom;
	background-repeat: repeat-x;
	background-attachment: fixed; }
        
a:link {	text-decoration: none;
	color: rgb(186,134,151); }

a:visited {	text-decoration: none;
	color: rgb(186,134,151); }

a:hover {	color: rgb(186,70,118);
	text-decoration: underline; }
	
a:active { color: rgb(110,199,234); }

li { color: rgb(102,102,102); }

#logo .disney {	font-size: 24pt; color: rgb(122,122,122);
    text-shadow: 1px 1px 2px rgb(160,160,160); }

#logo .flooring {	font-size: 24pt;
	color: rgb(100,100,100);
	font-weight: bold;
        text-shadow: 1px 1px 2px rgb(160,160,160); }

#logo .online {	font-family: "Angelina","Mistral","Apple Chancery","Brush Script MT","Arial",cursive;
	font-size: 42pt;
	color: rgb(186,70,118);
	text-shadow: 2px 2px 10px rgba(186,134,151,0.75); }
	
#logo a:hover, .description h2 a { text-decoration: none;
	color: inherit; }

#logo a:active, .description h2 a:active { color: rgb(110,199,234); }

.floatright { float: right; clear: right; }
.squares {  width: 200px; height: 200px;
     border: 5px solid rgb(207,186,193);
     border-radius-topleft: 20px; border-radius-bottomright: 20px;
     -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px;
     -webkit-border-top-left-radius: 20px; -webkit-border-bottom-right-radius: 20px;
     margin-left: 10px; margin-bottom: 1em;
}

#afc1 { background-image: url('images/gallery/squares/AFC1.jpg'); }
#afc2 { background-image: url('images/gallery/squares/AFC2.jpg'); }
#afc3 { background-image: url('images/gallery/squares/AFC3.jpg'); }
#afc4 { background-image: url('images/gallery/squares/AFC4.jpg'); }