/*---------------------------------------------------------*/
/* Art By Tatiana                                          */
/* Style.css                                               */
/*---------------------------------------------------------*/

/*---------------------------------------------------------*/
/*              Universal                                  */
/*---------------------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	max-width: 100%;
	min-width: 800px;
}

/*----------------------- Text Links ---------------------*/

a {
	text-decoration: none;
	color: black;
}

a:hover {
	color: gray;
}

/*----------------------- Unordered Lists ---------------------*/

ul{
	list-style-type: none;
}


/*----------------------- Headline -----------------------*/

h1 {
	font-family: Arial Narrow;
	font-size: 2em;
	font-style: normal;
	line-height: 30px;
}

h2 {
	font-family: Arial Narrow;
	font-size: 3em;
	font-style: normal;
	line-height: 70%;
}
/*---------------------------------------------------------*/
.clear {
	clear: both;
}

/*-------------- Container --------------------------------*/
#container {
	max-width: 100%;
	margin: 0 auto;
	padding: 5px;
}

/*----------------- Header ---------------------------------*/
#header {
	font-family: Arial Narrow;
	font-size: 15px;
	font-style: normal;
	margin-top: -5px;
	width: 100%;
}

#header h1#title {
	float: left;
}

#header h1#page {
	float: right;
}

/*---------------- Nav Bar -------------------------------------*/
#navbar {
	position: absolute;
	top: 60px;
	left: 5px;
	width: 100%;	
}

#navbar p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 23%;
	color: black;
	float: left;
}

/*------------------- Footer ------------------------------*/
#footer {
	position: absolute;
	top: 380px;
	left: 0px;
	width: 100%;	
}

#footer p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 15%;
	color: black;
	float: left;
}

#footer #streetdoorlogo {
	padding: 5px;
	float: right;
}

#footer #valid {
	float: right;
}
#footer #sitemap {
	float: right;
}

#footer #sitemap p {
	float: right;
	width: 100px;
}

/*--------------- Bottom Bar---------------------------*/

#bottombar p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 15%;
	color: black;
	float: left;
}

/*-------------- Copyright -----------------------------*/
#copyright {
	position: absolute;
	top: 700px;
	left: 300px;
	width: 60%;
}

#copyright #bodytext1 p {
	font-weight: bold;
	font-size: 140%;
	margin-left: 25%;
}

/*-------------- Bottom Bar Nav -------------------------*/
#return2gallery p {
	float: left;
}

#bottomnav p {
	float: right;
	width: 80px;
}

/*-------------- Body Text ----------------------------*/
#bodytext   {
	position: relative;
	top: -10px;
	font-size: 140%;
}

/*-----------------------------------------------------*/
/*              Home Page                              */
/*-----------------------------------------------------*/

/*---------------- Home Nav Bar------------------------*/
body#art-by-tatiana-home #navbar {
	position: absolute;
	top: 52px;
	left: 310px;
	width: 75%;	
}

body#art-by-tatiana-home #navbar p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 23%;
	color: black;
	float: left;
}

/*----------------- Home Footer -------------------------*/
body#art-by-tatiana-home #footer {
	position: absolute;
	top: 380px;
	left: 0px;
	width: 100%;	
}

/*---------------- Main Page Img -------------------------*/
#mainpageimg {
	position: absolute;
	top: 60px;
	left: 10px;
}

/*--------------- Introduction ---------------------------*/
#intro {
	position: absolute;
	top: 200px;
	left: 600px;
	width: 400px;
}

#intro h2#leadtext2   {
	position: relative;
	top: -10px;
	left: 100px;
}

#intro #bodytext   {
	position: relative;
	top: -20px;
	font-size: 140%;
}

/*--------------------------------------------------------*/
/*              Biography Page                            */
/*--------------------------------------------------------*/

/*------------------- Biography --------------------------*/
#biography {
	position: absolute;
	top: 100px;
	left: 400px;
	width: 600px;
}

/*--------------------------------------------------------*/
/*              Commission Page                           */
/*--------------------------------------------------------*/

/*----------------- Commission Footer ---------------------*/
body#art-by-tatiana-commission #footer {
	position: absolute;
	top: 600px;
	left: 0px;
	width: 100%;	
}

/*------------------- Commissions --------------------------*/
#commissions {
	position: absolute;
	top: 150px;
	left: 300px;
	width: 600px;
}

/*--------------------------------------------------------*/
/*              Giclee Page                               */
/*--------------------------------------------------------*/

/*------------------- Giclee --------------------------*/
#giclee {
	position: absolute;
	top: 150px;
	left: 300px;
	width: 600px;
}

/*--------------------------------------------------------*/
/*              Order Page                                */
/*--------------------------------------------------------*/

/*----------------- Order Footer -------------------------*/
body#art-by-tatiana-orderprint #footer {
	position: absolute;
	top: 1000px;
	left: 0px;
	width: 100%;	
}

/*----------------- Order Footer -------------------------*/
body#art-by-tatiana-orderportrait #footer {
	position: absolute;
	top: 1000px;
	left: 0px;
	width: 100%;	
}

/*-------------- Order Email --------------------------*/
#orderemail {
	border: solid 2px black;
}

/*---------------- Price List ----------------------------*/
#pricelist {
	position: absolute;
	top: 100px;
	left: 300px;
	width: 600px;
}

#pricelist #bodytext1 {
	position: relative;
	font-size: 140%;
}

#pricelist #bodytext2 {
	position: relative;
	font-size: 140%;
}

/*--------------------------------------------------------*/
/*              Contact Me Page                           */
/*--------------------------------------------------------*/

/*----------------- Contact Me Footer --------------------*/
body#art-by-tatiana-contactme #footer {
	position: absolute;
	top: 700px;
	left: 0px;
	width: 100%;	
}

/*------------------- EMail --------------------------*/
#emailform {
	position: absolute;
	top: 120px;
	left: 300px;
	width: 600px;
}

#mailinglist {
	position: absolute;
	top: 450px;
	left: 300px;
	width: 600px;
}

/*--------------------------------------------------------*/
/*              Gallery Pages                             */
/*--------------------------------------------------------*/

/*-----------------  Footer --------------------*/
body#art-by-tatiana-gallery #footer {
	position: absolute;
	top: 800px;
	left: 0px;
	width: 100%;	
}

body#art-by-tatiana-architecture #footer {
	position: absolute;
	top: 450px;
	left: 0px;
	width: 100%;	
}

body#art-by-tatiana-birds1 #footer {
	position: absolute;
	top: 550px;
	left: 0px;
	width: 100%;	
}

body#art-by-tatiana-birds2 #footer {
	position: absolute;
	top: 550px;
	left: 0px;
	width: 100%;	
}

body#art-by-tatiana-birds3 #footer {
	position: absolute;
	top: 500px;
	left: 0px;
	width: 100%;	
}

body#art-by-tatiana-portraits1 #footer {
	position: absolute;
	top: 500px;
	left: 0px;
	width: 100%;	
}

body#art-by-tatiana-portraits2 #footer {
	position: absolute;
	top: 600px;
	left: 0px;
	width: 100%;	
}

body#art-by-tatiana-shoes1 #footer {
	position: absolute;
	top: 770px;
	left: 0px;
	width: 100%;	
}

body#art-by-tatiana-shoes2 #footer {
	position: absolute;
	top: 770px;
	left: 0px;
	width: 100%;	
}

body#art-by-tatiana-shoes3 #footer {
	position: absolute;
	top: 550px;
	left: 0px;
	width: 100%;	
}

body#art-by-tatiana-nature #footer {
	position: absolute;
	top: 450px;
	left: 0px;
	width: 100%;	
}

/*-------------- Copyright -----------------------------*/

body#art-by-tatiana-gallery #copyright {
	position: absolute;
	top: 900px;
	left: 300px;
	width: 60%;
}

body#art-by-tatiana-architecture #copyright {
	position: absolute;
	top: 500px;
	left: 300px;
	width: 60%;
}

body#art-by-tatiana-birds1 #copyright {
	position: absolute;
	top: 600px;
	left: 300px;
	width: 60%;
}

body#art-by-tatiana-birds2 #copyright {
	position: absolute;
	top: 600px;
	left: 300px;
	width: 60%;
}

body#art-by-tatiana-birds3 #copyright {
	position: absolute;
	top: 550px;
	left: 300px;
	width: 60%;
}

body#art-by-tatiana-nature #copyright {
	position: absolute;
	top: 500px;
	left: 300px;
	width: 60%;
}

body#art-by-tatiana-portraits1 #copyright {
	position: absolute;
	top: 550px;
	left: 300px;
	width: 60%;
}

body#art-by-tatiana-portraits2 #copyright {
	position: absolute;
	top: 650px;
	left: 300px;
	width: 60%;
}

body#art-by-tatiana-shoes1 #copyright {
	position: absolute;
	top: 850px;
	left: 300px;
	width: 60%;
}

body#art-by-tatiana-shoes2 #copyright {
	position: absolute;
	top: 850px;
	left: 300px;
	width: 60%;
}

body#art-by-tatiana-shoes3 #copyright {
	position: absolute;
	top: 600px;
	left: 300px;
	width: 60%;
}


/*----------------------- Picture Boxes ---------------------*/

#picbox1 {
	position: absolute;
	top: 150px;
	left: 50px;
}

#picbox2 {
	position: absolute;
	top: 150px;
	left: 450px;
}

#picbox3 {
	position: absolute;
	top: 150px;
	left: 900px;
}

#picbox4 {
	position: absolute;
	top: 475px;
	left: 50px;
}

#picbox5 {
	position: absolute;
	top: 475px;
	left: 450px;
}

#picbox6 {
	position: absolute;
	top: 475px;
	left: 900px;
}



/*--------------------------------------------------------*/
/*              Individual Pages                          */
/*--------------------------------------------------------*/
/*-----------------  Image Gallery --------------------*/
#imggallery {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 100%;	
}

/*-----------------  Image Footer --------------------*/
#imgfooter {
	position: absolute;
	top: 500px;
	left: 0px;
	width: 100%;	
}

/*-----------------  Columns --------------------*/

#col1 {
	position: absolute;
	top: 10;
	left: 5px;
}

#col2 {
	position: absolute;
	top: 100px;
	left: 500px;
	width: 750px;
}

#col2 p {
	font-size: 15px;
	font-style: normal;
	line-height: 16px;
}

#col2 #title p {
	font-size: 20px;
}

/*-----------------  Image Footer --------------------*/
#art-by-tatiana-portrait3 #imgfooter {
	position: absolute;
	top: 550px;
	left: 0px;
	width: 100%;	
}

/*---------------------------------------------------------*/
/*  End of Style.CSS                                       */
/*---------------------------------------------------------*/