/*===================================ADDING CALLUNA FONT=============================*/ /* A font by Jos Buivenga (exljbris) -> http://www.exljbris.nl */ /* * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. * */ @font-face { font-family: 'CallunaReg'; src: url('fonts/Calluna-Regular.eot'); src: local('Calluna Regular'), local('Calluna-Regular'), url('fonts/Calluna-Regular.woff') format('woff'), url('fonts/Calluna-Regular.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CallunaIt'; src: url('fonts/Calluna-It.eot'); src: local('Calluna Italic'), local('Calluna-It'), url('fonts/Calluna-It.woff') format('woff'), url('fonts/Calluna-It.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CallunaBld'; src: url('fonts/Calluna-Bold.eot'); src: local('Calluna Bold'), local('Calluna-Bold'), url('fonts/Calluna-Bold.woff') format('woff'), url('fonts/Calluna-Bold.otf') format('opentype'); font-weight: normal; font-style: normal; } /*============================FONTS END=============================*/ html, body {height:100%;} html {overflow-x: scroll;} body {text-align:center; background-color:#f4f4f4; color:#FFFFFF; font-family:"CallunaReg", georgia, Arial, Helvetica; font-weight:normal; font-size:13px;} strong {font-family:"CallunaBld", georgia, Arial, Helvetica; font-weight:normal; font-size:15px;} em {font-family:"CallunaIt", georgia, Arial, Helvetica; font-weight:normal; } #wrapper {width:100%; margin:0 auto; text-align:left; } a:link {color:#666666;} /* unvisited link */ a:visited {color:#666666;} /* visited link */ a:hover {color:#2E2E2E;} /* mouse over link */ a:active {color:#2E2E2E; outline: none;} /* selected link */ a:focus { -moz-outline-style: none; } p {margin:20px 0 20px 0;} h1, h2, h3, h4, h5, h6{font-weight:normal; margin:5px 0 5px 0;} h1 {font-size:26px; font-family:"CallunaBld", georgia, Arial, Helvetica; } h2 {font-size:18px; font-family:"CallunaIt", georgia, Arial, Helvetica;} /*=================Navigation=================*/ #navigation {background:#1a1a1a; width:140px; margin:0 0 0 40px; text-transform:lowercase; position:absolute; z-index:900; font-size:14px; } #nav{margin:25px 0 21px 0;} #nav li a{line-height:25px; color:#FFFFFF; height:25px; padding:0 10px 0 20px; display:block; font-style:italic} #nav li { } #nav li.last {background:none;} #nav li a:hover{background:#3c3c3c; color:#FFFFFF;} #nav li ul{display:none;} #nav li.active ul{display:block; padding-left:0px;} #nav li ul li a{padding-left:40px;} #nav li ul li ul{margin-left:10px; text-transform:none;} /*=======================logo styles*/ #logo { margin-bottom:-8px; } #logo h1 { border:0 none; margin:0; padding:0; } #logo h1 a { background:transparent url(images/logo.png) no-repeat !important; background:transparent url(images/logo.gif) no-repeat; display:block; margin:0 0 0 0; text-indent:-9999px; width:140px; height:188px; } /*logo styles END*/ /*contact nav*/ #footer {position:fixed; left:40px; bottom:40px;} #contactNav span{} #contactNav ul{ padding-top:5px} #contactNav {background:#1a1a1a; height:30px; width:140px;} #contactNav li{float:left; display:inline; background:url(images/contactBullet.gif) no-repeat; background-position:0 7px; padding-left:16px; padding-right:14px} #contactNav li.first{ background:none; padding-left:14px } #contactNav a{color:#FFFFFF; text-transform:lowercase; font-style:italic;} #contact{text-align:left; } .ui-dialog-container {font-style:italic;} .form-item{margin-bottom:10px;} .form-item label{float:left; width:70px;} .form-item input-text, .form-item textarea {width:300px} .form-item textarea {height:150px;} .ui-dialog-container{background:#1a1a1a} .ui-dialog-overlay{background:#000000; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70);} #container .backgroundImg{width:100%; position:absolute;} #container .backgroundImgAuto{width:auto; position:absolute;} #mainContent {width:100%; height:auto !important; height:100%; min-height:100%; position:absolute; left:220px} #mainContent #contentHeader {margin:40px 20px 5px 40px;} #mainContent .left {margin:0px 0px 20px 40px; float:left; width:320px} #mainContent .right {margin:0px 20px 20px 20px; float:left; width:320px} #mainContent.dark{ background:#1a1a1a; color:#FFFFFF} #mainContent.transparent{ background:none; color:#000000} #mainContent.white{ background:#ffffff; color:#000000} /*=================Gallery Styles==================*/ /* slider specific CSS */ .sliderGallery { position: relative; } .sliderGallery img{vertical-align:top;} .sliderGallery ul { position: absolute; list-style: none; overflow: none; white-space: nowrap; padding: 0; margin: 0; height:100%; } .sliderGallery ul li { display: inline; height:100%; margin-left:-3px; } #sliderWrapper{width:140px; height:50px; background:#1a1a1a; position: fixed; bottom:70px; left:40px;} #sliderWrapper span{display:block; font-style:italic; text-align:center; margin-top:6px;} .slider {position:absolute; top:30px; left:10px; width: 120px; height: 20px; margin-left: 0px; background:#ffffff; } .handle { position: absolute; cursor: move; height: 20px; width: 15px; top: 0; background:url(images/galleryBullet-Green.gif) 5px 6px no-repeat; z-index: 100; } .slider span { color: #bbb; font-size: 80%; cursor: pointer; position: absolute; z-index: 110; top: 3px; } /*loading bits*/ #wrapper.loading {background:url(images/spinner.gif) no-repeat center center; position:absolute; height:100% } #wrapper.loaded {background:none;} .loading .sliderGallery{visibility:hidden;} .loaded .sliderGallery{visibility:visible;} /*====clearfix*/ /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */