/* Style Sheet for Red Beagle Web Development, (c) 2008 Red Beagle Web Development */

/* Styles for general page layout */
body { background: #1495C8 url(../images/gradient-bkgd.gif) repeat-x; font-family: verdana, arial, sans-serif; color: #444444; font-size: 0.625em; min-width: 900px; text-align: center; padding: 0px; margin: 0px; }
#plate { position: relative; top: 0px; width: 900px; text-align: left; padding: 0px; margin: 0px auto; background: #ffffff url("../images/content-bkgd.gif");}

#logo { position: absolute; top: 0px; left: 0px; }
#logo_sw { position: absolute; top: 92px; left: 0px; height: 24px; width: 350px; background-image: url("../images/logo-sw.gif"); }
#logo_se { position: absolute; top: 92px; left: 791px; height: 254px; width: 109px; background-image: url("../images/logo-se.gif"); }
#content { position: absolute; width: 900px; top: 100px;  }
#words { position: relative; top: 260px; left: 360px; width: 510px; padding-bottom: 10px; margin-bottom: 250px; }
#words_wide { position: relative; top: 125px; left: 15px; width: 870px; padding-bottom: 10px; margin-bottom: 135px; }
#words_nofeature { position: relative; top: 125px; left: 360px; width: 510px; padding-bottom: 10px; margin-bottom: 135px; }
#feature { position: absolute; top: 116px; left: 1px; width: 890px; height: 138px; }

#portfolio { position: absolute; top: 264px; left: 11px; height: 251px; width: 334px; background: transparent url(../images/portfolio.gif) no-repeat; cursor: pointer;}
#portfolio_spot { position: absolute; top: 264px; left: 11px; width: 334px; text-align: right; padding-top: 70px; }

#port_page { position: relative; height: 350px; }
#port_business, #port_artists { position: absolute; width: 400px; height: 350px; top: 0px; }
#port_business { background: #ffcbb6 url("../images/port_business.gif"); left: 10px; }
#port_artists { background: #ffcbb6 url("../images/port_artists.gif"); left: 447px; }

#copyright_area { text-align: center; margin: 0px; padding: 5px 25px 0px 350px; height: 96px; background: #ffffff url("../images/content-bottom.gif") no-repeat;}

.rightObject { float: right; padding: 0px 0px 0px 10px; }

p, td, legend { font-size: 1.2em; margin: 0px 0px 10px 0px; }
li { margin: 0px; padding: 0px 0px 5px 0px; }
ul { font-size: 12px; }
table { border-collapse: collapse; border: 1px solid #EA5B39; background: #FFEAE5; color: #805A4A; }
td { padding: 3px; }
#right_inner_sidebar table { border: 0px; }
h1, h2 { font-family: georgia, times, serif; }
h1 { text-align: center; padding: 0px; padding: 15px 0px 5px 0px; font-size: 2.0em; }
h2 { font-size: 1.8em; text-align: left; font-weight: bold; padding: 0px; margin: 5px 0px 5px 0px; }
.rightie { text-align: right; }
.alert { font-weight: bold; color: #ff3333; }
a, a:link { color: #ba4112; }
a:visited { color: #ee5b39; }
a:hover { color: #138bba; text-decoration: underline; }

.copyright_text { margin: 0px; font-size: 1.1em; line-height: 1.2; }
.contact_text { text-align: center; font-size: 1.4em; }

.quote { font-style: italic; margin-bottom: 5px; line-height: 1.4; }
.client { margin-left: 35px; margin-bottom: 25px; }

textarea, input { background-color: #ffffff; border: 1px solid #EA5B39; color: #000000; }

/* PULLDOWN MENU STYLES */
#menu0 { position: absolute; top: 92px; left: 350px; padding: 0px; }
#menu0_0, #menu0_1, #menu0_2, #menu0_3, #menu0_4 { position: absolute; top: 0px; cursor: pointer; }
#menu0_0 { left: 0px; }
#menu0_1 { left: 60px; }
#menu0_2 { left: 210px; }
#menu0_3 { left: 292px; }
#menu0_4 { left: 369px; }

.menu-about { position: absolute; background-color: #FFD7CE; padding: 0px; display: none; border: 1px solid #EA5B39; border-width: 0px 1px 1px 1px; }
.submenu1 { padding: 3px 10px; cursor: pointer; font-size: 1.1em; }
.submenu1_link, a.submenu1_link, a.submenu1_link:hover, a.submenu1_link:visited, a.submenu1_link:link { text-decoration: none; color: #000000; font-weight: bold; }

/* Styles related to images */
img { border: 0px; }

#port1, #port2, #port3, #port4, #port5, #port6, #port7, #port8, #port9, #port10, #port11, #port12, #port13, #port14, #port15 { position: absolute; border: 2px solid transparent; cursor: pointer;}
#port1, #port2, #port3, #port4, #port5 { top: 33px; }
#port6, #port7, #port8, #port9, #port10 { top: 97px; }
#port11, #port12, #port13, #port14, #port15  { top: 161px; }
#port1, #port6, #port11 { left: 7px; }
#port2, #port7, #port12 { left: 74px; }
#port3, #port8, #port13 { left: 141px; }
#port4, #port9, #port14 { left: 208px; }
#port5, #port10, #port15 { left: 275px; }

.p00, .p01, .p02, .p10, .p11, .p12, .p20, .p21, .p22, .p30, .p31, .p32 { position: absolute; border: 2px solid transparent; cursor: pointer;}
.p00, .p01, .p02 { top: 28px; }
.p10, .p11, .p12 { top: 108px; }
.p20, .p21, .p22 { top: 188px; }
.p30, .p31, .p32 { top: 268px; }
.p00, .p10, .p20, .p30 { left: 18px; }
.p01, .p11, .p21, .p31 { left: 148px; }
.p02, .p12, .p22, .p32 { left: 278px; }