@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(http://www.gordonlambertartist.com/img/bg.jpg);
	background-repeat:repeat;
	margin-top:41px;
	background-color: #F0F0F0;
	font-family: Sans-Serif;
}

a:link {color:#000000; text-decoration:none; text-transform:uppercase;}      /* unvisited link */
a:visited {color:#000000; text-decoration:none; text-transform:uppercase;}  /* visited link */
a:hover {color:#000000; text-decoration:underline; text-transform:uppercase;}  /* mouse over link */
a:active {color:#000000; text-decoration:none; text-transform:uppercase;}  /* selected link */

img {
	border:0;
}

.wrap {
	width:970px;
	margin:0 auto;
}

.navigation {
	width:970px;
	border-bottom:1px solid #999999;
	display: inline-block;
	padding-bottom: 10px;
}

#navigation-right {
	float: right;
	width: 700px;
}


#navigation-right li {
color:#999999;
text-decoration:none;
display:inline;
	padding-left: 40px;
}

#navigation-right li a{
color:#000;
text-decoration:none;
}

#navigation-right li a.special{
color:#999999;
text-decoration:none;
}

#navigation-right li a:hover{
color:#999999;
text-decoration:none;
}

#navigation-right ul{
float:right;
margin:0;
padding:0;
}

#navigation-left {
	float: left;
	width:250px;
}

#footer {
	border-top:1px solid #999999;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
	position: relative;
	width: 970px;
	top: 40px;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 1.2px;
}

.footer-left {
	float: left; 
	width: 300px;
	display: inline;
	text-align: left;
	
}

.footer-right {
	float:right;
	display:inline;
	width: 500px;
	text-align: right;
	text-transform:uppercase;
}

/*====================*/
/*=== Nivo ===*/
/*====================*/

.theme-default #slider {
    margin:43px auto 0 auto;
    width:970px; /* Make sure your images are the same size */
    height:675px; /* Make sure your images are the same size */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:50px;
}


.theme-default .nivoSlider {
	position:relative;
	background:url(http://www.gordonlambertartist.com/img/loading.gif) no-repeat 50% 50%;
    margin-bottom:50px;
}
.theme-default .nivoSlider img {
	position:absolute;
	bottom:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(http://www.gordonlambertartist.com/img/bullets2.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(http://www.gordonlambertartist.com/img/arrows2.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	bottom:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.clear {
	clear:both;
}

/* clearfix */
.clearfix:after, .row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .row {display:inline-block;} /*Those two .clearfix have to be separate!)*/
.clearfix, .row {display:block;}

/* gridframework */
.row {position:relative; margin-left:0px;}
.gu2 .row {width: 398px;}
.gu3 .row {width: 597px;}


.col {padding-left:0px; float:left; position:relative;}
.gu2{width: 343px;}
.gu3{width: 542px; padding-left:80px;}

h2 {font-size:1.2em;margin-bottom:1em;}

.bio-text {
	color: #000000;
line-height: 1.8em;
font-size: 0.8em;
}
.canvas {
	margin:0 auto;position:relative; padding-top: 25px;
}

.drawingsoverview-wrapper{
   position: relative;
   width: 970px;
   height:178px;
   margin-bottom: 50px;
}

.drawingsoverview-wrapper-top{
   position: relative;
   width: 970px;
   height:178px;
   margin-bottom: 50px;
   margin-top: 43px;
}
.left1{
   position: relative;
   float: left;
   left: 0px;
   width: 178px;
   height: 178px;
}
.left2{
   position: relative;
   float: left;
   left: 20px;
   width: 178px;
   height: 178px;
}
.left3{
   position: relative;
   float: left;
   left: 40px;
   width: 178px;
   height: 178px;
}
.left4{
   position: relative;
   float: left;
   left: 60px;
   width: 178px;
   height: 178px;

}
.left5{
   position: relative;
   float: left;
   left: 80px;
   width: 178px;
   height: 178px;
}

.twentythree {
	margin-top:23px;
	-moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
}

.twentyfour {
	margin-top:24px;
	-moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
}

.twentyfive {
	margin-top:25px;
	-moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
}

.twentysix {
	margin-top:26px;
	-moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
}

.twentyeight {
	margin-top:28px;
	-moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
}

.twentynine {
	margin-top:29px;
	-moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
	 -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
 }
	
	.vert-center-container {
    vertical-align: middle }

.myButtonLink-next {
	display: block;
	width: 14px;
	height: 21px;
	background: url(http://www.gordonlambertartist.com/img/arrow-right.png) bottom;
	text-indent: -99999px;

}
.myButtonLink-next:hover {
	background-position: 0 0;
}
	
.myButtonLink-next-inactive {
	display: block;
	width: 14px;
	height: 21px;
	cursor:default;
	background: url(http://www.gordonlambertartist.com/img/arrow-right.png) top;
	text-indent: -99999px;
	background-position: 0 0;
}
	
.myButtonLink-prev {
	display: block;
	width: 14px;
	height: 21px;
	background: url(http://www.gordonlambertartist.com/img/arrow-left.png) bottom;
	text-indent: -99999px;
}
.myButtonLink-prev:hover {
	background-position: 0 0;
}

.myButtonLink-prev-inactive {
	display: block;
	width: 14px;
	height: 21px;
	cursor:default;
	background: url(http://www.gordonlambertartist.com/img/arrow-left.png) top;
	text-indent: -99999px;
	background-position: 0 0;
}

	.drawings-wrapper{
		position: relative;
   float: left;
   width: 970px;
   margin-bottom: 20px;
   margin-top: 43px;
}
.drawings-left1{
   position: relative;
   float: left;
   left: 0px;
   width: 14px;
}
.drawings-left2{
   position: relative;
   float: left;
   left: 17px;
    margin:0 auto;
	text-align:center;
   width: 908px;
}
.drawings-left3{
   position: relative;
   float: left;
   left: 34px;
   width: 14px;
}

.caption {
width: 970px;
text-align: center;
line-height: 1.4em;
font-size: 14px;
}

.caption-details {
	font-size: 12px;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.vcenter {padding-top: 319px; }
.vcenter-322 {padding-top: 322px; }
.vcenter-327 {padding-top: 327px; }
.vcenter-373 {padding-top: 373px; }
.vcenter-328 {padding-top: 328px; }
.vcenter-312 {padding-top: 312px; }
.vcenter-313 {padding-top: 313px; }
.vcenter-318 {padding-top: 318px; }
.vcenter-319 {padding-top: 319px; }
.vcenter-297 {padding-top: 297px; }
.vcenter-302 {padding-top: 302px; }
.vcenter-102 {padding-top: 182px; }
a:active {
 outline: none;
}

/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
body{
  -webkit-text-size-adjust:none;
  font-family:Sans-serif;
  padding:15px;
 
}

img{
  max-width:100%;
  height:auto;
}

}