b {color:black;}
body {
	background-color:#BAE0DC;
}

#db_update {
/*	background-color:#FF6;*/
}
#container {
	/*width: 900px;*/
	/*border:5px inset #630;*/
	margin-left:auto;
	margin-right:auto;
	/*background-color: aqua;  */
	padding: 5px 40px;
	
}
#banner {

	font-family: impact, sans-serif;
	font-size: 1.5em;
	color: #341f80;
	text-transform: uppercase;
	background-image: url(images/bannerback.gif);
	background-position: center;
	background-repeat: no-repeat;
	border:  6px ridge silver;
	padding-left: 4em;
	margin: 0 -20px;
	margin-top:0px;
	height: 150px;
	background-size: 100% 148px;
}
#logo{
	width:535px;
	height:100px;
	background-image: url(slickbytelogo.gif);
	z-index:5;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	background-repeat:no-repeat;
	
}
#logo p{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:17px;
	position:absolute;
	margin:60px 5px auto 40px;
}

#banner img {
	padding-top: 0px;
	padding-right: 20px;
}

/*#content {
 background-image: url(album_p.jpg);
 width:100%;
 font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
 /*padding: 20px 0px 40px 0px;*/
	/* border-left:  2px solid black;
	margin-right: 0px;
 position:absolute;
 top: 210px;
}
*/	
#content {
	width:100%;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	margin-right: 0px;
}
#floatframe1 {
	position:absolute;
	left:30px;
	top:280px;
}
#frame1_text {
	position:absolute;
	left:30px;
	top:280px;
	padding:70px 30px 10px 40px;
	width:400px;
	height:500px;
	
}
#frame1_text a{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#deliver_impact {
	position:absolute;
	left:50px;
	top:350px;
	
}
#fdeliver_impact {
	
}
/*#floatframe1 h3 {
	
}*/
#album {
	/*background-image: url(album_p.jpg);*/
	margin-top:40px;
	margin-left:-20px;
	/*width: 600px;*/
	/*height:800px;*/
	float:left;
}
#main {
	margin-top:32px;
	/*width: 750px;*/
	/*height:650px;*/
	margin-left:130px
}
#main img {
	max-width: 100px;
	max-height:100px;
	border: 1px solid white;
	margin-left:auto;
	margin-right:auto;
	
}
/*#main a {
	margin: 20px;
}*/
#rightmain {
	background-image:url(rightback.gif);
	background-repeat:repeat;
	width:300px;
	float:right;
	height: auto;
	padding:5px;
	margin: 20px 0px 0px 0px;
	font-size:14px;
}
#pagebuttons {
	position:absolute;
	top:225px;
	clear:both;
	font-size:24px;
	color:#633

}
.text_baloon {
	position:absolute;
	z-index:5;
	width:100px;
	

}
.baloon_text {
	position:absolute;
	z-index:6;
}
.demop {
	/*margin-bottom:50px;*/
	

}
#demo {
	margin-bottom:50px;
	

}
#demo_next_buttton {
	position:fixed;
	bottom:0px;
	right:0px;
	width:200px;
	height:50px;
	

}
#demo_screenshot {
	position:absolute;
	top:250px;
	left:50px;
	margin:20px;
	border:2px solid #903;
	width:500px;
	display:inline-block;
	float:left;
	/*padding:25px;*/
	background-color:#FF0;
}
#screenshot_image {
	width:480px;
	margin:1px;
	/*margin-left:auto;
	margin-right:auto;*/
	
}
#demo_text {
	display:inline-block;
	width:auto;
	position:absolute;
	top:250px;
	left:560px;
	min-width:200px;
	margin-bottom:50px;
	
	
	
}
#demo_text h2, p {
	margin:0px 0px 0px 10px;
}
#demo_next_buttton img{
	width:200px;
	height:50px;
	

}
/*#pagebuttons a{
	font-size:24px;
	color:#900;
	padding:0 30px;
}*/
#pagebuttons img{
	height:35px;
	width:150px;
	display:inline-block;
}
#page-footer {
	border-color:red;
	height:200px;
	min-width:400px;
	width:100%;/*position: bottom, left;*/
}
.form-input {
	font-size:0.5em;
}
.img_landscape {
	/*height:365px;
	width:498px;*/
	border:20px groove #663333;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}
.img_portrait {
	/*height:498px;
	width:365px;*/
	border:20px groove #663333;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}
.buttons {
	clear:both;
	margin-top:10px;
}
.picture {
}
#content ul li {
	color: #3c373e;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	font-style: italic;
}
#content h1 {
	color: #5c1f7f;
	font-size: 1.8em;
	font-weight: normal;
}
#content h2 {
	color: #5c1f7f;
	font-size: 1.5em;
	font-weight: normal;
}
#content h3 {
	font-size: 1.2em;
	font-weight: normal;
}
#content p {
	color: #3c373e;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	/*position:relative;*/
	/*top:100px;*/
}
#content a {
}
#content a:link {
	color: #008364;
}
#content a:visited {
	color: #008364;
}
#content a:hover {
	color: #593525;
}
#footer {
	clear: both;
	color: black;
	background-color: #0D1B9E;
	color: black;
	margin: 0px 0px 0px -10px;
	padding-left:20px;
	/*height: 50px;*/
	border-top: 1px solid black;
	width:100%;
}
#footer img {
	padding-left: 30px;
	padding-right: 30px;
	clear:both;
}
#footer p {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	color: white;
	font-size: .9em;
}
#w3cxhtml {
}
#w3ccss {
}
/*#mainframe
{
	float:left;
	
}
*/
#pic_nav, #nav {
	background-color: #0D1B9E;
	margin: 0px 0px 0px 0px;
	border:  none;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#pic_nav h2, #nav h2 {
	padding-left: 2em;
}
#pic_nav a, #nav a {
	color: white;
	text-decoration: none;
	font-family: Impact,  Charcoal, sans-serif;
	padding-left:0px;
	padding-right:0px;
}
#pic_nav ul,  #nav ul {
	list-style-type: none;
	text-decoration:none;
}
#pic_nav ul li, #nav ul li {
	font-family: arial black, arial, sans-sarif;
	font-size: 1.2em;
	display:inline-block;
	padding-left: 20px;
}
#pic_navul li a, #nav ul li a {
	font-family: arial black, arial, sans-sarif;
}
#pic_nav ul li a:visited, #nav ul li a:visited {
	color: #11aa55;
	text-decoration: none
}
#pic_nav ul li a:hover, #nav ul li a:hover {
	color: #aaa055;
	text-decoration: underline
}

/*Upload form field control*/
#upload_finish{
	width:140px;
	height:50px;
	overflow: hidden;
	display: inline-block;
	position:relative;
	border:1px solid #009;
	margin:5px;
	cursor:pointer;
	background: url(finnish.png) no-repeat;

}

#upload_finish:hover{
	border:4px inset #CFC;
	margin:2px;
}

#update_form div{
	
	margin:5px;
}
/*.ul_label{
	margin:5px 20px 5px 0px;		
}
*/
#pic_title {
	display:inline-block;
}

#page_display {
	display:inline-block;
}
#photographer {
	display:inline-block;
}

#company {
	display:inline-block;
}

#short_description {
	display:inline-block;
}
#long_description {
	display:inline-block;
}
#price {
	display:inline-block;
}
#display_on_page {
	display:inline-block;
}
#user_comment {
	display:inline-block;
}
#ul_filename {
	display:inline-block;
	/*visibility:hidden;*/
}
#ul_f_stop {
	display:inline-block;
	/*visibility:hidden;*/
}
#ul_make {
	display:inline-block;
	/*visibility:hidden;*/
}
#ul_model {
	display:inline-block;
	/*visibility:hidden;*/
}
#ul_exposure {
	display:inline-block;
	/*visibility:hidden;*/
}
#ul_iso {
	display:inline-block;
	/*visibility:hidden;*/
}
#ul_date_taken {
	display:inline-block;
	/*visibility:hidden;*/
}
#ul_flash {
	display:inline-block;
	/*visibility:hidden;*/
}
#ul_focal_len {
	display:inline-block;
	/*visibility:hidden;*/
}



@media screen and (max-width: 720px) 
{
  
	 /* html {
		  -webkit-text-size-adjust: none;
		  -moz-text-size-adjust:none;
		  -mz-text-size-adjust
	  }*/
  body
  {
	  width:80%;
  }
  
  #container {
	  width: 100%;
	  border:none;
	  margin-left:auto;
	  margin-right:auto;
	  /*background-color: aqua;  */
	  padding: 0 20px;
  }
  #logo{
	  display:none;
	  /*width:107px;
	  height:20px;
	  background-image: url(slickbytelogo.gif);
	  background-size:107px 20px;
	  z-index:5;
	  position:absolute;
	  left:25px;
	  margin-left:auto;
	  margin-right:auto;
	  margin-top:25px;
	  background-repeat:no-repeat;
	  */
  }
  #logo p{
	  display:none;
  }
  #banner{
	  display:none;
	  background-image:none;
	  
	  
  /*	position:absolute;
	  top:0px;
	  left:0px;
	  font-family: impact, sans-serif;
	  font-size: 1.5em;
	  color: #341f80;
	  text-transform: uppercase;
	  background-image: none;
	  background-position: center;
	  background-repeat: no-repeat;
	  border:  6px ridge silver;
	  padding-left: 4em;
	  margin: 0 -20px;
	  margin-top:0px;
	  height:auto*/
  }
  
  #banner img{
	display:none;
}
  
  #nav {
	  background-color: #0D1B9E;
	  margin: 0px 0px 0px 0px;
	  border:  none;
	  width:90%;
	  margin-left:auto;
	  margin-right:auto;
  }
  #nav ul li {
	  font-family: arial black, arial, sans-sarif;
	  font-size: 1.2em;
	  display:block;
	  padding-left:  0px;
  }
  
  #pic_nav {
	  display:none;
	  background-color: #0D1B9E;
	  margin: 0px 0px 0px 0px;
	  border:  none;
	  width:100%;
	  margin-left:auto;
	  margin-right:auto;
  }
  #album {
	  /*background-image: url(album_p.jpg);
	  background-size:100% 100%;
	  background-repeat:no-repeat;*/
	  margin-top:40px;
	  margin-left:-20px;
	  width: 100%;
	  height:100%;
	  clear:both;
  }
  #rightmain {
	  background-image:url(rightback.gif);
	  background-repeat:repeat;
	  width:100%;
	  position:static;
	  left:0px;
	  clear:both;
	  height: auto;
	  padding:0;
	   margin-left: -118px;
	  font-size:14px;
  }
  #pagebuttons {
	  position:absolute;
	  top:20px;
	  right:auto;
	  left:auto;
	  font-size:8px;
	  color:#633;
  }
  /*#pagebuttons a .previous_link
  {
	  left:0;	
  }
  #pagebuttons a .next_link{
	  right:0;	
  }
  #pagebuttons a .home_link{
	  left:auto;
	  right:auto;
  }*/
  #pagebuttons img{
	  height:20px;
	  width:80px;
  }
  #main {
	  margin-top:32px;
	  margin-left:0px;
	  width: 90%;
	  height:90%;
	  clear:both;
	 /* margin-left:-18px;*/
	 /* padding-left:140px;*/
  }
  #main img
  {
		max-width:75px;
		max-height:75px;
		margin:0px;
  }
 /* #mainframe
  {
	  clear:both;
	  max-width:90%;
	  
  }*/
  .buttons
  {
	  max-width:100%;	
  }
  .buttons  img
  {
	  width:30%;	
  }

} /*at media portrait phone closing brace*/