@font-face {font-family: Crystaldeco1; src: url('Crystal_Deco.ttf');}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}ol, ul {list-style:none;}blockquote, q {quotes:none;}/* remember to define focus styles! */:focus {outline:0;}/* remember to highlight inserts somehow! */ins {text-decoration:none;}del {text-decoration:line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse:collapse;border-spacing:0;}

*{margin:0;padding:0; -moz-transition: color .25s ease-in;  -webkit-transition: color .25s ease-in;  -o-transition: color .25s ease-in;}

br.clear{
	cleaR: both;
	height: 1px;
	margin-top: -1px;
	width: 100%;
}

a, .button{cursor: pointer; text-decoration: none;}

a img{border: none;}

/* tags */

body{background: url("../images/body.png") repeat-x left top #FFFFEC; font-family: calibri, arial, sans-serif; border-top: 10px solid #000;}

/* general ids and classes */

#wrapper{width: 1000px; margin: 30px auto 0;}

h1{font-family: Crystaldeco1, calibri, aria, sans-serif; font-size: 66px; color: #900C19; margin-bottom: 10px; font-weight: normal;}

.ie h1{font-size: 35px; text-transform: uppercase;}

h1 strong{font-size: 74px; color: #1E1E1E; font-weight: normal;}

.ie h1 strong{font-size: 45px; font-weight: strong;}

/* header */


/* home */

.folio_link{float: left; margin-lefT: 260px; text-indent: -10000px; width: 168px; height: 105px; background: url("../images/folio_bg.png") no-repeat left top;}

#wrapper > ul{float: right; list-style: none; width: 171px;}

#wrapper > ul h4, #wrapper > ul li{float: left;}

#wrapper > ul h4{font-size: 15px; color: #fff; font-weight: normal; margin-right: 15px; padding-top: 5px;}

#wrapper > ul li{width: 28px;}

#wrapper > ul li a{width: 28px; height: 27px; text-indent: -10000px; display: block;}

#wrapper > ul li:nth-child(2){ margin-right: 10px;}

#wrapper > ul li:nth-child(2) a{background: url("../images/fb.png") no-repeat left top;}

#wrapper > ul li:last-child a{background: url("../images/twitter.png") no-repeat left top;}

#wrapper div{width: 660px; margin-left: -60px; padding: 65px 31px 170px 375px; background: url("../images/content_bg.png") no-repeat left top; clear: both;}

.ie #wrapper div{padding-top: 85px; padding-bottom: 345px;}

#wrapper div p{font-size: 18px; line-height: 2; color: #1E1E1E;}

#wrapper div p a{color: #900D19; border-bottom: 1px dashed #1E1E1E;}

#wrapper div p a:hover{color: #1E1E1E;}

#wrapper div p strong{color: #900D19; font-weight: normal;}

#wrapper div > ul{list-style: none; display: block; width: 500px; margin: 30px auto 0; height: 30px; font-size: 23px; font-style: italic; color: #333;}

#wrapper div > ul li:first-child{padding-left: 65px; background: url("../images/envelope.png") no-repeat left 50%; float: left;}

#wrapper div > ul li:nth-child(2){background: url("../images/tel.png") no-repeat left 50%; padding: 2px 0 2px 35px; float: right; margin-top: -3px;}

#wrapper div > ul a{color: #333;}

#wrapper div > ul a:hover{color: #900D19;}
