/**************************universal settings************************/

* {

padding: 0;
margin: 0;
}

/************************general settings*************************/
body {
font-family: Arial, Lucida, Verdana ;
font-size: 1em;
background: #fff url(../images/background.jpg) top left no-repeat;
}

/********************nav list for banners gallery and misc pages**********************/
#left {
position: absolute;
width: 17%;
top: 335px;
left: 50px;
display: block;
}

#left h2 {
margin: 0;
color: #ffffff;
font: 1.5em Arial, Lucida, Verdana;
font-weight: bold;
padding: 5px 0 0 10px;
}

#left p {
padding: 20px 5px 5px 5px;
color: #000000;
line-height: 1.2em;
font: 0.8em Arial, Lucida, Verdana;
}

#nav ul {

}

#nav ul li {
margin: 2px 0 2px 10px;
list-style: none;
color: #00549F;
}

#nav ul li a {
font: 0.8em Arial, Lucida, Verdana;
color: #ffffff;

}

#nav a:link {
color: #ffffff;
}

#nav li a:hover {
color: #00549F;
}

/******************************nav list for home about contact*****************************/

#navlist ul  {
padding: 0 0 0 10px;
border-bottom: 2px solid #000000;
border-top: 2px solid #000000;
}

#navlist ul li {
margin: 50px;
list-style: square;
color: #e2007f;
}

#navlist ul li a {
font: 1em, Arial, Lucida, Verdana;
font-weight: bold;
color: #000000;
}

#navlist ul li a:link {
color: #000000;
}

#navlist ul li a:hover {
color: #e2007f;
}

/******************************home page***********************************************/
#header {
position: absolute;
	left: 20px;
	top: 10px;
	width: 240px;
}

#flash-movie {
width: 650px;
}

#flash {
margin: 330px 0 0 360px;
}

#header h1 {
margin: 0;
color: #e2007b;
font: 2.5em Arial, Lucida, Verdana;
padding: 10px 0 0 0;
font-style: italic;
font-weight: bold;
}

#container_home {
margin: 0 auto;
}


#container_home h2 {
color: #6f067b;
font: 2em Arial, Lucida, Verdana;
padding: 10px 0 0 10px;
font-weight: bold;
}

/*************************************about me page**************************************************/
#container_about {
}

#about {
width: 550px;
padding: 360px 0 0 360px;
}

#about p { 
  font: 0.8em Arial, Lucida, Verdana; 
 padding: 5px;
    text-align: justify;
line-height: 1.4em;
color: #00549F;
}

#about h2 {
color: #e2007f;
font: 1.5em Arial, Lucida, Verdana;
padding: 0 0 0 12px;
font-weight: bold;
}

/**********************************banner page ******************************************/
#container_banners {
height: 1000px;
margin: 0 auto;
}

#ban {
width: 65px;
margin: 255px 0 55px 620px;
display: block;
}

#banners {
width: 200px;
margin: 0 0 10px 563px;
padding: 150px 0 0 0;
}

#banners a img {
border: 1px solid #fff;
margin: 2px;
}

#banners a img:hover {
border: 1px solid #6f067b;
}


.digital {
margin: 15px;
}

.digital a img {
border: 1px solid #fff;
margin: 7px 3px 3px 3px;
}

#ban a img:hover {
border: 1px solid #6f067b;
}


.clear  { clear:both;

}

/***************************pop-up-banners***********************/

/* right hand side info text for photos */
#banner_txt {
	position: absolute;
	left: 950px;
	top: 17px;
	width: 20%;
    background: #322000;
    padding: 1em;
}

#banner_txt p {
line-height: 1.2em;
font: 1em Arial, Lucida, Verdana; 
color: #fd8011;
text-align: justify;
}

.ban a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	border: none;
}
/****************************image making gallery page**********************************************/
#container_gallery {
margin: 0 auto;
}

/*************************gallery***********************/
#arts {
width: 400px;
padding: 345px 0 0 470px;
}

#arts a img {
border: 1px solid #00549F;
margin: 2px;
}

#arts a img:hover {
border: 1px solid #E2007f;
}


#arts_txt { 
margin: 0 auto;
width: 480px;
padding: 0 145px 20px 13px;
}

#arts h2 {
color: #e2007f;
font: 1.5em Arial, Lucida, Verdana;
padding: 0 0 30px 2px;
font-weight: bold;
}

#arts_txt p {	
margin: 5px 0 0 0 ;
font: 0.8em Arial, Lucida, Verdana; 
line-height: 1.3em;
color: #00549F;
}


/*******************************websites*******************************/
#websites {
width: 100px;
padding: 200px 0 10px 350px;
}

}

/******************************container******************************/
#container_photo {
margin: 0 auto;
}

/*******************************contact me******************************************/
#container_contact {
margin: 0 auto;
}

#contact {
margin: 370px 0 50px 250px;
display: block;
}

#contact p {
padding: 10px 0 0 0;
margin: 0 0 0 130px; 
font: 1.5em Arial, Lucida, Verdana;
font-size: 0.8em; 
text-align: justify;
line-height: 1.4em;
color: #00549F;
}

#contact h2 {
color: #e2007f;
font: 1.5em Arial, Lucida, Verdana;
margin: 0 0 0 500px;
font-weight: bold;
}

#contact ul li {
margin: 10px 100px 10px 130px;
list-style: none;
color: #e2007f;
}

#contact ul li a {
font: 0.8em Arial, Lucida, Verdana;
color: ##00549F;

}

#contact a:link {
color: #00549F;
}

#contact li a:hover {
color: #e2007f;
}


/******************************links***********************************/
#container_links {
margin: 0 auto;
}

#links {
margin: 0 auto;
padding: 350px 0 10px 250px;
display: block;
}

#links p {
padding: 20px 0 0 0;
 margin: 0 0 0 130px; 
  font: 0.8em Arial, Lucida, Verdana; 
    text-align: justify;
color: #00549F;
}

#links h2 {
color: #e2007f;
font: 1.5em Arial, Lucida, Verdana;
margin: 0 0 0 54px;
font-weight: bold;
}


#nav2 ul li {
margin: 10px 0 0 130px;
list-style: none;
font-style: italic;
color: #e2007f;
}

#nav2 ul li a {
font: 0.8em Arial, Lucida, Verdana;
color: #00549F;

}

#nav2 a:link {
color: #00549F;
}

#nav2 li a:hover {
color: #e2007f;
}

.flyer {
margin: 30px 0 0 0;
float: right;
}

.flyer_text {
width: 300px;
}

#rights-box {
margin: 0 auto;
width: 650px;
font: 1em Arial, Lucida, Verdana;
padding: 10px 0 0 183px;
color: #00549F;
}

.rights p {
margin: 5px 0 0 180px;
font: 0.6em Arial, Lucida, Verdana;
color: #00549F;
}


#large {
text-align:center;
}


#closeup {
margin: 0 auto;
position: relative;
text-align: center;
padding: 10%;
}

#flash_movies {
width: 70%;
margin: 0 0 0 30%;
padding: 70px 0 55px 0;
display: block;
}

.movie {
padding: 4px;
}

.movie a img {
border: 1px solid #043e67;
margin: 3px;
}

.movie a img:hover {
border: 1px solid #fff;
}