/**************** ********************************************************************************************************* Project: Diana Thorneycroft - Portfolio Site Level: Global Styles Author: Rob McKenzie Date: 15th October 2009 Company: Grow Media Website: http://www.growmedia.ca Contents 01 - GENERAL Colors Used Blue : #679ea3 Dark Grey : #0f0d0d /**************** ********************************************************************************************************* 01 - GENERAL ********************************************************************************************************* ****************/ *{margin:0;padding:0;} /*Body font size is set to 87.5% which is 14px at default on most browsers (1em or 100% being 16px)*/ html{background:#000} body{font-family:Helvetica, Arial, sans-serif;font-size:87.5%;height:100%;color:#fff;position:relative} a{color:#679ea3;text-decoration:none} a:hover{text-decoration:underline;color:#fff} img{border:none} div.clear{clear:both} /**************** ********************************************************************************************************* 02 - HEADER/LOGO ********************************************************************************************************* ****************/ div#header{height:60px} div#header-content{width:960px;margin:0 auto;position:relative} div#header h1{background:url(_images/_general/logo-small.png) no-repeat 0 0;text-indent:-999em;width:193px;height:15px;position:absolute;top:24px} div#header a#home-link{display:block;text-indent:-999em;width:193px;height:15px;position:absolute;top:24px;outline:none} /**************** ********************************************************************************************************* 02 - MAIN NAVIGATION ********************************************************************************************************* ****************/ ul#main-navigation{list-style:none;z-index:20;position:absolute;right:0;top:26px} ul#main-navigation li{display:inline;margin-left:35px;} ul#main-navigation li a{color:#fff;font-weight:700;text-transform:uppercase} ul#main-navigation li a:hover, ul#main-navigation li a.active{color:#679ea3;text-decoration:none} /**************** ********************************************************************************************************* 02 - CONTENT ********************************************************************************************************* ****************/ div#body{background:#151313;font-size:0.857em;color:#C4C4C4} div#body-content{width:960px;margin:0 auto} div#body-content h1{clear:left;background:url(_images/_general/logo-large.png) no-repeat 0 0;height:128px;text-indent:-999em} div#column01, div#column02{float:left;padding-bottom:70px} div#column03{float:right;padding-bottom:70px} div#column01{margin:70px 70px 0 0} div#column01 a{color:#C4C4C4} div#column01 a:hover, div#column01 a.active{color:#679ea3} div#column01 ul{list-style:none;border-right:1px solid #4d4d4d;padding: 0 60px 0 0;width:127px} div#column01 ul li{margin-bottom:1.6em;line-height:1.6em} div#column01 ul li#contact-info{font-size:0.857em;} div#column01 ul li#contact-info p{line-height:1.6em;margin-bottom:1.6em} div#column01 ul li#contact-info a{color:#679ea3;text-decoration:none} div#column01 ul li#contact-info a:hover{text-decoration:underline;color:#fff} div#column02{width:325px;margin:70px 0 0 0} div#column02 p{line-height:1.6em;margin-bottom:1.6em} div#column02 p a.gallery-link{text-transform:uppercase;font-weight:700} div#column03{margin:70px 0 0 50px} div#column03 img{border-left:1px solid #4d4d4d;padding:0 0 0 70px;} /**************** ********************************************************************************************************* 02 - CONTACT FORM ********************************************************************************************************* ****************/ div#column02 form{line-height:1.6em} div#column02 form fieldset{border:none} div#column02 form fieldset legend{display:none} div#column02 form label{text-transform:uppercase;font-weight:700;color:#C4C4C4} div#column02 input{line-height:1em;margin-bottom:1.6em;width:345px;height:15px;background:#000;border:1px solid #4d4d4d;color:#fff;padding:10px} div#column02 form fieldset#submit-set input{width:100px;height:35px;cursor:pointer;padding:0;} div#column02 form textarea{width:345px;height:150px;margin-bottom:1.6em;background:#000;border:1px solid #4d4d4d;color:#fff;padding:10px} div#column02 p.error{color:#b40000} /**************** ********************************************************************************************************* 02 - HOME PAGE THUMBNAIL IMAGES ********************************************************************************************************* ****************/ ul.thumbnails{list-style:none;clear:left;} ul.thumbnails li{float:left;height:150px;width:192px;position:relative} ul.thumbnails li a{display:block;width:172px;height:40px;color:#fff;position:absolute;z-index:10;top:0;left:0;text-align:right;padding:110px 20px 0 0;font-weight:700;text-transform:uppercase} ul.thumbnails li a:hover{text-decoration:none} /**************** ********************************************************************************************************* 02 - FOOTER ********************************************************************************************************* ****************/ div#footer{background:#000;clear:both;line-height:1.1em} div#footer p{width:960px;margin:0 auto;text-align:right;padding-top:23px;padding-bottom:100px;font-size:0.786em;text-transform:uppercase;} div#footer p span{color:#4d4d4d;text-transform:none} /**************** ********************************************************************************************************* 02 - SLIDESHOW STYLES ********************************************************************************************************* ****************/ #img{position:relative;padding-top:20px;text-align:center;} #gallery{height:114px} #gallery li{float:left;background:transparent url(_images/_portfolio/ajax-loader-small.gif) 50% 50% no-repeat;cursor:pointer} .galleria_wrapper{height:550px;width:960px;text-align:center;margin-bottom:10px} span.caption{font-size:0.857em;color:#666} /* This
element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */ .jcarousel-container{position:relative} .jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative} .jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0} .jcarousel-list li, .jcarousel-item{float:left;list-style:none;width:75px;height:75px} /* The buttons are added dynamically by jCarousel before the