/* Main CSS file for picurio.com landing pages
 * April 1, 2009
 */

/* Important to set margin and padding to 0 here so that divs can expand to edge of window */
html, body { font-family:Trebuchet MS, sans-serif; margin:0px; padding:0px; height:100%; text-align:center; } /*background-image:url(../images/background_gradient2.png); background-repeat:repeat-x; }*/
img { border:0 }  /* necessary for firefox not to draw borders around button */

#centered_body_div { width:100%; height:100%; background:white; text-align:center; }
#footer_spacing_div { min-height:100%; height:auto !important; height:100%; margin:0px auto -75px; }
#toolbar_wrapper { width:100%; height:70px; margin:auto; text-align:center; background:#057BE5; }
#toolbar { width:870px; height:70px; margin:auto; text-align:left; background:#057BE5; }
#header_bar_div { width:900px; height:67px; background-color:#057BE5; margin:10px auto; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-spacing:0px; border:1px solid #3D70A9; }
#header_bar_table { width:750px; margin:5px 0 0 75px; font-size:11pt; }
#logo { margin:0px 0 0 10px; }
#beta_stamp { height:30px; width:50px; margin-bottom:-13px; margin-left:-49px }
#toolbar_links { text-align:right; position:relative; top:-40px; width:500px; left: 250px; font-size:13px; color: white}
.link { color:white; text-decoration:none; }
.link:hover { text-decoration:underline; }

/* the extra height lines allow us to fix the footer at the bottom of the page in all browsers */
#centered_content_div { width:100%; height:auto; }
/* text-align is necessary to center content block in IE */
#color_bar { background-color:#057BE5; text-align:center; }
#color_bar_content { width: 900px; height: 350px; }
#color_bar_content_table { text-align:center; }
#screenshot { height:300px; width:400px }
.color_bar_text_header { font-size:32px; text-align:left; font-weight:bold;  color:white }
.color_bar_text { font-size:17px; text-align:left; color:white }
.gray { color:#222222 }
 
div.left_column {  font-size:20px; font-weight:bold; line-height:24px; margin-top:15px; width:200px; padding:5px; color:#222222; float:left; clear:left; text-align:left; }
.right_column { font-size: 14px; line-height: 20px; width: 500px; margin-top: 15px; margin-left: 40px;padding: 5px; color: #222; float:left; text-align:left; }
.wrapper { width:900px; }

td.blue { font-size:24px; line-height: 24px; background:#057BE5; color:white; }
td.gray { font-size:20px; line-height: 20px; background:#EEEEEE; color:#666666; }
td.white { font-size:20px; line-height: 20px; background:white; color:#057BE5; }
td.left { width:300px; margin-left: 75px; margin-right: 15px;  padding:5px; float:left; text-align:center; }
td.right { width:300px; margin-left: 15px; margin-right: 75px;  padding:5px; float:left; text-align:center; }

ui { list-style:none; }
li { padding:5px }
li.small { font-size:12px }

#info_bar { height:auto; width:auto; background-color:white; text-align:center;}
#info_bar_content { height:120px; margin: 0 auto; }
.info_bar_column { width:300px; text-align:center; }

.text_box_text { text-align:left; color:black; margin:auto; width:300px;}
.content_image { position:relative; top:28px; left:35px; }
.content_header   { font-size:17px; padding-left: 75px; margin-top:-10px; font-weight:bold; text-align:left;}
.content_bullet { font-size:17px; margin-top: -17px; margin-left:75px; margin-right:10px; }

.payment { position:relative; left:70px; top:-30px; }
.drop_down { position:relative; }
.paypal_button { position:relative; top:-20px; left:68px; }

#footer_spacer { height:70px; }

#footer { height:20px; margin:0 auto 0; text-align:center; background-color:white; }
#footer_line { }
.footer_text { text-align:center; color:#222222; font-size:13px; }
.footer_text a { color:#222222; }
.white_footer_text { text-align:center; color:white; font-size:13px; }
.white_footer_text a { color:white; }



/* colors, orange: #F38E00, dark blue: #0E53B7, light blue: #057BE5 */