/* -----------------------------------
   Site: Starpointe Marketing http://starpointemarketing.com
   Author: Ryan Jenkins
   Updated: 7/20/2009
   Updated by: Ryan Jenkins
   ----------------------------------- */

/* Add global color notation: see http://www.slideshare.net/maxdesign/efficient-maintainable-css-presentation slide #50 */

/* -----------------------------------
         General Page Styles
   ----------------------------------- */
html {text-align:center;}
body {background-image:url('http://starpointemarketing.com/cms/cmsimages/stripe.png'); background-position:center; background-repeat:repeat-y; background-color:#446D8C; text-align:left;}
h2,h3,h4,h5,h6 {margin-bottom:5px;}
h2 {color:#87c900;}
h3 {color:#3A5B78;}
p,ol,ul,li,label,input {font-family:Georgia;}
a:link {color:#3A5B78; background-color:#FFF; text-decoration:none;}
a:visited {color:#3A5B78; background-color:#FFF; text-decoration:none;}
a:focus {color:#FFF; background-color:#3B5B78;}
a:hover {color:#FFF; background-color:#3B5B78;}
a:active {color:#FFF; background-color:#3B5B78;}
acronym {cursor:help; border-bottom:1px dotted #000000;}


/* -----------------------------------
         Page Header Styles
   ----------------------------------- */
#page-header {margin-top:15px; border-bottom:1px solid #B4B4B4;}
#page-header h1#logo {height:75px; overflow:hidden; position:relative; width:460px;}
#page-header h1#logo span {background:url(http://www.starpointemarketing.com/cms/cmsimages/logo-image.gif) no-repeat; display:block;
height:100%; left:0; position:absolute; top:0; width:100%;}

    /* --------------------------------
            Page Navigation Styles
    ----------------------------------- */
    #page-navigation {position:relative; margin-top:20px;}
    #page-navigation ul {list-style:none;}
    #page-navigation li {display:inline; font-size:200%; font-family:arial;}
    #page-navigation li a:link {color:#3A5B78; background-color:#FFF; text-decoration:none; padding:10px;}
    #page-navigation li a:visited {color:#3A5B78; background-color:#FFF; text-decoration:none; padding:10px;}
    #page-navigation li a:focus {color:#FFF; background-color:#3B5B78; padding:10px;}
    #page-navigation li a:hover {color:#FFF; background-color:#3B5B78; padding:10px;}
    #page-navigation li a:active {color:#FFF; background-color:#3B5B78; padding:10px;}

/* -----------------------------------
         Hero Section Styles
   ----------------------------------- */
#hero-section {background-color:#E3E9ED; border-bottom:1px solid #B4B4B4; padding-top:25px; }
#hero-section p {font-size:110%;}


/* -----------------------------------
         Body Content Styles
   ----------------------------------- */
#body-content {margin-top:25px;}
#body-content p {font-size:14px;}
#body-content img.image-big {margin:15px 80px 25px; width:460px;}
#body-content img.image-huge {width:620px; grid_8 alpha omega}
#body-content img.image-left {float:left; margin-right:20px; width:300px;}
#body-content img.image-right {float:right; margin-left:20px; width:300px;}
#body-content form {margin-bottom:20px;}
#body-content form div {margin-bottom:5px;}
#body-content form span.label {width:90px; float:left;}
#body-content form span.button {clear:both; margin-left:90px;}
#body-content .intro {font-size:120%; font-style:italic; margin-bottom:20px; color:#646464;}