/* css
site: www.artistichardscapes.com
colors: 
----- */

/* -----general----- */
html {height: 100%;}
body {margin: 0; padding: 0; text-align: center; background: url('../images/bgTile.jpg') top left repeat-x #000;}
img {border: none;}
p {font-size: 14px; line-height:150%; color: #636466; font-family: "Trebuchet MS", Trebuchet, Georgia, Serif;}
h2 {font-size: 20px; font-weight: normal; font-family: Verdana, Arial, Sans-Serif; margin-top: 0;}
h3 {font-size: 14px;}
ul {padding: 0; margin: 0 0 0 20px; font-size: 14px; color: #636466; font-family: "Trebuchet MS", Trebuchet, Georgia, Serif; list-style: outside;}
ul li {margin: 0 0 5px 0;}
a {color: #437aac;}
a:visited {color: #5794cb;}

/* -----utility----- */
.imgLeft {float: left; margin: 0 10px 10px 0; padding: 0;}
.imgRight {float: right; margin: 0 0 10px 10px; padding: 0;}
.clear {clear: both;}

/* -----wrapper----- */
#wrapper {text-align:left; width: 978px; height: 792px; margin: 0 auto; background: url('../images/wrapperBg.png') top repeat-y;}
#home #wrapperinside {width: 948px; height: 100%; margin: 0 15px; background: url('../images/homeBg.jpg') top left no-repeat;}
#services #wrapperinside {width: 948px; height: 100%; margin: 0 15px; background: url('../images/servicesBg.jpg') top left no-repeat;}
#gallery #wrapperinside {width: 948px; height: 100%; margin: 0 15px; background: url('../images/galleryBg.jpg') top left no-repeat;}
#contact #wrapperinside {width: 948px; height: 100%; margin: 0 15px; background: url('../images/contactBg.jpg') top left no-repeat;}

/* -----header----- */
#header {height: 180px; width: 100%;}
#header h1 {height: 66px; width: 275px; display: block; overflow: hidden; margin: 0; padding: 30px 0 0 80px;}
#header h1 .cover {background: url('../images/artistic_hardscapes.png') no-repeat; height: 66px; width: 275px;}

/* -----mainNav-----*/
ul#mainNav {height: 32px; list-style:none;}
ul#mainNav li {float: left; margin: 0 25px 0 10px; font-size: 16px; line-height: 32px; font-family: "Trebuchet MS", Trebuchet, Georgia, Serif;}
ul#mainNav li a, ul#mainNav li a:visited {color: #fff; text-decoration: none;}
ul#mainNav li a:hover {text-decoration: underline;}
#home ul#mainNav li .home, #services ul#mainNav li .services, #gallery ul#mainNav li .gallery, #contact ul#mainNav li .contact {color: #99ccff;}

.descriptors {list-style: none; font-family: Verdana, Arial, Sans-Serif; color: #1e4065; float: right; font-size: 40px; font-weight: normal; margin: 15px 50px 0 0; text-align: right;}
.descriptors li {margin: 0 0 38px 0;}

.content {width: 400px; padding: 20px;}

ul.ourWork {list-style: none; font-size: 12px; margin: 0 0 10px 0;}
ul.ourWork li {margin: 0 0 0 10px;}
ul.ourWork li.active {margin: 0;}
ul.ourWork a, ul.ourWork a:visited {text-decoration: none; color: #636466;}

.serviceList li {margin-bottom: 3px;}

.bigImage {width: 492px; height: 546px; background: url('../images/largeImageBg.png') no-repeat; float: right; margin: -50px -30px 0 0;}
.large {margin: 14px 0 0 14px;}
.thumb {float: left; margin: 0 3px 5px 0; border: 1px solid #333;}