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

/*layout for INDEX PAGE is below*/

/*STYLES FOR TEXT IN ARTWORK PAGES are included in BODY styles*/

/*LAYOUT*/

* html .oneColFixCtrHdr #container {
	width:1024px;
}

body {
	background-color:#000033;
	background-repeat:no-repeat;
	background-position:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
}

.oneColFixCtrHdr #container {
	min-width:1024px;
	max-width: 1280px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtrHdr #header {
	background-color:#000000;
	overflow:hidden;
}

.oneColFixCtrHdr #banner {
	position:relative;
	overflow:hidden;
}

.oneColFixCtrHdr #mainContent {
	margin-top: 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*padding-left:135px;
	padding-right:135px;*/
}
.oneColFixCtrHdr #footer {
	padding-top: 20px;
	padding-right:5px;
	padding-left:155px;
	padding-right:155px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
}

a {
	color: #FFFFFF;
	text-decoration: underline;
}

a:hover {color:#FFFF00;
}

/*STYLES FOR INDEX.PHP PAGE*/

#indexContainer {
	background-color:#000001;
	width:700px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
}


#indexMainContent {
	background-image:url(../images/webgraphics/indexPage/index_milieu.gif);
	/*background-position:center;*/
	background-color:#000000;
	width:700px;
	height:400px;
}

#indexFooter {

}

/*SPECIAL LIFE IN MOTION LINK*/

.lifeinmotion-container {
	padding-top:14px; font-weight:bold;
}

.lifeinmotion-link {
	font-size:14px; 
	color:#f71a39;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

/*SPECIAL CAFE PRESS LINK*/

.cafepress-container {
	font-size:14px; padding-top:4px; font-weight:bold;
}

.cafepress-link {
	font-size:14px; 
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

/*STYLES FOR ARTWORK HOME PAGE*/

/*Large Pics*/

#galleryLinkPics {
	margin-top:85px;
}

#galleryLinkPics ul {
	margin: 0px;
	padding: 0px;
}

#galleryLinkPics li {
	display: inline;
	list-style-type: none;
	text-decoration: none;
}

#galleryLinkPics #middleLinkPic {
	margin-left:130px;
	margin-right:130px;
}

/*STYLES FOR THUMBNAIL LAYOUT ON INDEX PAGES*/

#galleryLinkBtns ul {
	margin: 0px;
	padding: 0px;
}

#galleryLinkBtns li {
	display: inline;
	list-style-type: none;
	text-decoration: none;
}

#galleryLinkBtns #middleLinkBtn {
	margin-left:205px;
	margin-right:205px;
}

/*STYLES FOR ARTWORK INDEX PAGES - oils, mixed media, watercolors*/

.galleryIndexWrapper {
	margin: 0px auto;
	width: 90%;
	padding-left:30px;
	padding-right:30px;
}

.thumbBox {
	float:left;
	margin-right:60px;
	margin-left:40px;
}

#thumblist {
	margin:0px;
	list-style-type: none;
	width:380px;
}

#thumblist li {
	float: left;
    width:75px;
	margin-right: 18px;
	margin-bottom: 16px;
}

/*STYLES SPECIFICALLY TO LAYOUT PORTRAITS INDEX PAGE*/

.thumbBoxSkinny {
	width:225px;
	float:left;
	margin-top:15px;
	margin-left:100px;
	margin-right:150px;
}

#thumblistSkinny {
	margin:0px;
	list-style-type: none;
	width:220px;
}

#thumblistSkinny li {
	float: left;
    width:75px;
	margin-right: 18px;
	margin-bottom: 16px;
}

.descBox {
	padding-top:150px;
	padding-right:60px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#FFFF00;
}

.descBox #marinaSig {
	color:#0099FF;
	margin-top:50px;
}

/*STYLES FOR ARTWORK IMAGE GALLERIES*/

.picAndTxtWrapper {
	margin:0px auto;
	padding-top:30px;
	text-align:center;
	width:70%;
}

.picBox {
	margin-right:70px;
	height:400px;
	width:512px;
	float:left;
	padding-bottom:40px;
}

.txtBox {
	padding-top:85px;
	padding-bottom:65px;
	text-align:left;
}

#buyDetails {
	cursor:pointer;
	padding-top:40px;
	text-decoration:underline;
	font-style:italic;
}

/*STYLES FOR TOP NAVIGATION*/

#topNav {
	background-color:#000000;
	padding-top: 8px;
	padding-bottom: 0px;
}

#topNav ul {
	margin: 0px;
	padding: 0px;
}

#topNav li {
	display: inline;
	margin-right: 23px;
	margin-left: 23px;
	list-style-type: none;
	text-decoration: none;
}

/*STYLES FOR BOTTOM NAVIGATION*/

#botNav {
	margin-top:5px;
}

#botNav ul {
	margin: 0px;
	padding: 0px;
}

#botNav li {
	display: inline;
	margin-right: 15px;
	margin-left: 0px;
	list-style-type: none;
	text-decoration: none;
}

#botNav #georgia {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
}

#botNav #backNext {
	font-weight:bold;
}

/*STYLES FOR BIO/EVENTS AND THOUGHTS PAGES*/

.bioEvents, .thoughts {
	padding-left:45px;
	padding-right:45px;
}

.bioEvents {
	font-size:13px;
}

.thoughts {
	font-size:15px;
}

/*STYLES FOR IMAGE ALIGNMENT*/

.image-right {
	float: right;
	margin-bottom: 4px;
	margin-left: 6px;
}
.image-left {
	float: left;
	margin-bottom: 4px;
	margin-right: 6px;
}
.image-center {
	align: center;
	margin-bottom: 4px;
	margin-right: 4px;
	margin-left: 4px;
}

.image-center {
	align: center;
	margin-bottom: 4px;
	margin-right: 4px;
	margin-left: 4px;
}

.image-leftSpaceTop {
	float: left;
	margin-bottom: 4px;
	margin-right: 6px;
	margin-top: 4px;
}

.image-rightSpaceTop {
	float: right;
	margin-bottom: 4px;
	margin-left: 6px;
	margin-top: 4px;
}

/*STYLES FOR CONTACT FORM*/

.contactPageWrapper {
	margin:0px auto;
	width:850px;
	text-align:center;
}

.marinaContactPic {
	float:left;
	margin-right:50px;
}

.inputBoxes {
	padding-right:20px;
	text-align:left;
}

.contactForm {
	background-color:#8B8FC9;
	padding-top:30px;
	padding-bottom:30px;
	margin-top:13px;
	margin-left:0px;
	float:left;
	width:405px;
  	text-align:left;
	color:#000000;
}

.contactForm ul {
	text-align:center;
	color:#FF0000;
}

input.txt {
	color: #003300;
	background-color: #FFE9D2;
	border: 1px outset #00008B;
}

input.btn {
	color: #00008B;
	background-color: #FFE9D2;
}

form div {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 0.6em;
}

form div label {
	font-size:14px;
	margin-right:4px;
	text-align:right;
	float: left;
	width: 40%;
}

form #submitBtn {
	text-align:center;
}

#cursor {cursor: pointer;}


/*STYLES FOR CONTACT CONFIRMATION PAGE*/

.contactConfirm {
	width:600px;
	margin-top:100px;
	margin-bottom:125px;
}

/*SPECIAL TEST FOR ABSOLUTELY POSITIONED IMAGE*/

.engFrBtn {
	position:absolute;
	/*right:195px;*/
	left:900px;
	top:17px;
}