BODY /* full page */
	{
	padding: 0 0 0 0;
	border: 0px solid white;
	margin: 0 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, Times, serif;
	line-height: 100%;
	color: #000033;
	background-color: white;
	background-image: url(images/background1.png);
	background-position: center center;
	background-repeat: repeat-x;
	background-attachment: fixed;
	}

span
    {
        display: none;
    }

.accesskey
    {
    	text-decoration: underline;
	}

object
    {
        position: relative;
        z-index: -100;
        padding: 0;
		border: 0px solid red;
        margin: 0px 0 0 0;
    }

div.footer /* footer */
    {
        position: relative;
        left: auto; right: auto;
        z-index: 1;
        clear: both;
        width: 770px;
        height: 45px;
        padding: 0px 0 0 0;
		border: 0px solid cyan;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        background-position: top center;
        background-repeat: no-repeat;
        /* Mozilla ignores crazy MS image filters, so it will skip the following */
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/footer_bar.png", enabled="true", sizingMethod="scale");
    }
div.footer[class] /* IE ignores styles with [attributes], so it will skip the following. */
    {
        background-image: url(images/footer_bar.png);
    }

p.foot  /* for footer text */
	{
        width: 600px;
        height: 20px;
        padding: 0px 0px 0px 0px;
        border: 0px solid #00528C;
    	margin: 0px auto 0px auto;
		text-align: center;
		font-family: Verdana, Helvetica, Times, serif;
        font-size: 11px;
		color: #00528C;
        clear: both;
        text-align: center;
        background-color: transparent;
	}

p.foot a
	{
        padding: 0px 3px;
        border: 0px solid ;
    	margin: 0px 0px;
		color: white;
        text-decoration: none;
        background-color: #00528C;
	}
p.foot a:hover
	{
		color: #00528C;
        text-decoration: none;
        background-color: transparent;
	}

div#centerdiv /* centered page */
    {
        position: relative;
        left: auto; right: auto;
        z-index: 0;
        clear: both;
        width: 770px;
        padding: 0px 0 0 0;
		border: 0px solid blue;
        margin-left: auto;
        margin-right: auto;
        background-color: transparent;
        background-position: top center;
        background-repeat: repeat-y;
        /* Mozilla ignores crazy MS image filters, so it will skip the following */
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/background_bar1.png", enabled="true", sizingMethod="scale");
    }
div#centerdiv[id] /* IE ignores styles with [attributes], so it will skip the following. */
    {
        background-image: url(images/background_bar1.png);
    }

div.header, div#flashcontent2  /* page header */
	{
        position: relative;
        left: 0px; top: 0px;
        z-index: 0;
        height: 200px;
        width: 706px;
        padding: 0px 0 0 0;
        border: 0px solid red;
    	margin: 0px auto 0 auto;
		color: white;
        background-color: transparent;
        background-position: top center;
        background-repeat: no-repeat;
        clear: both;
	}
div#flashcontent2  /* page header image */
	{
        background-image: url(images/header_image.png);
	}

div.iheader, div#flashcontent1  /* index page header */
	{
        position: relative;
        left: 0px; top: 0px;
        z-index: 0;
        height: 296px;
        width: 706px;
        padding: 0px 0 0 0;
        border: 0px solid lime;
    	margin: 0px auto 0 auto;
		color: white;
        background-color: transparent;
        background-image: url(images/index_header.png);
        background-position: top center;
        background-repeat: no-repeat;
        clear: both;
	}
div#flashcontent1  /* index page header image */
	{
        background-image: url(images/index_header.png);
	}

div.navigation  /* navigation column - outer of div.navcontent */
	{
        position: relative;
        left: 1px; top: 0;
        z-index: 10;
        height: 41px;
        width: 708px;
        padding: 0px auto 0px auto;
        border: 0px solid white;
    	margin: 0px auto 0px auto;
		color: red;
        background-color: transparent;
        background-image: url(images/nav_bar.png);
        background-position: top center;
        background-repeat: repeat-x;
	}
#navcontainer
    {
        height: 41px;
        margin: 0;
        border: 0px solid white;
        padding: 0px;
    }
#navcontainer ul
    {
        height: 41px;
        width: 560px;
    	margin: 0px auto 0 auto;
        border: 0px solid white;
        padding: 0px;
        list-style-type: none;
        text-align: center;
    }
#navcontainer ul li
    {
    	margin: 0px auto 0 auto;
        border: 0px solid white;
        padding: 0px;
        float: left;
    }
#navcontainer ul li a
    {
        text-decoration: none;
        font-size: 13px;
        float: left;
        height: 41px;
        width: 110px;
        margin: 0px;
        border-top: 0px solid #003D6C;
        border-right: 1px solid #003D6C;
        border-bottom: 0px solid #C7D9E5;
        border-left: 1px solid #C7D9E5;
        padding: 0px;
    }

.index  /* "index" button */
	{
        background-image: url(images/home_button.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
	}
.index a:hover
	{
        background-image: url(images/home_button_on.png);
        background-repeat: no-repeat;
        background-position: -1px 0px;
	}
.index a#current
	{
        background-image: url(images/home_button_current.png);
        background-repeat: no-repeat;
        background-position: -1px 0px;
	}

.about  /* "about us" button */
	{
        background-image: url(images/about_button.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
	}
.about a:hover
	{
        background-image: url(images/about_button_on.png);
        background-repeat: no-repeat;
        background-position: -1px 0px;
	}
.about a#current
	{
        background-image: url(images/about_button_current.png);
        background-repeat: no-repeat;
        background-position: -1px 0px;
	}

.services  /* "services" button */
	{
        background-image: url(images/services_button.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
	}
.services a:hover
	{
        background-image: url(images/services_button_on.png);
        background-repeat: no-repeat;
        background-position: -1px 0px;
	}
.services a#current
	{
        background-image: url(images/services_button_current.png);
        background-repeat: no-repeat;
        background-position: -1px 0px;
	}

.portfolio  /* "portfolio" button */
	{
        background-image: url(images/portfolio_button.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
	}
.portfolio a:hover
	{
        background-image: url(images/portfolio_button_on.png);
        background-repeat: no-repeat;
        background-position: -1px 0px;
	}
.portfolio a#current
	{
        background-image: url(images/portfolio_button_current.png);
        background-repeat: no-repeat;
        background-position: -1px 0px;
	}

.contact  /* "contact us" button */
	{
        background-image: url(images/contact_button.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
	}
.contact a:hover
	{
        background-image: url(images/contact_button_on.png);
        background-repeat: no-repeat;
        background-position: -1px 0px;
	}
.contact a#current
	{
        background-image: url(images/contact_button_current.png);
        background-repeat: no-repeat;
        background-position: -1px 0px;
	}

#index
	{
        width: 99%;
        padding: 0px 0px;
        border: 0px solid #e1e1e1;
    	margin: 0px 0px;
        font-size: 11px;
		color: #00528C;
        clear: both;
        text-align: center;
        background-color: transparent;
	}
#index a
	{
        padding: 0px 3px;
        border: 0px solid ;
    	margin: 0px 0px;
		color: #4682B4;
        text-decoration: none;
        background-color: transparent;
	}
#index a:hover
	{
		color: white;
        text-decoration: none;
        background-color: #4682B4;
	}

div.container /* content */
	{
        position: relative;
        left: 1px; bottom: 0;
        width: 708px;
        min-height: 420px;
        padding: 30px 0 0px 0;
		border: 0px solid red;
    	margin: 0 auto 0 auto;
        background-color: transparent;
        background-position: top center;
        background-repeat: repeat-y;
        background-image: url(images/base_bg_sides.png);
        clear: both;
	}
div.container_footer
	{
        position: relative;
        left: 1px; bottom: 0;
        width: 708px;
        height: 55px;
        padding: 0px 0 0px 0;
		border: 0px solid lime;
    	margin: 0 auto 0 auto;
        background-color: transparent;
        background-position: bottom center;
        background-repeat: no-repeat;
        background-image: url(images/base_bg.png);
        clear: both;
	}

div.icontainer /* index content */
	{
        position: relative;
        left: 0px; bottom: 0;
        width: 706px;
        padding: 15px 0px 0px 0px;
		border: 0px solid lime;
    	margin: 0 auto 0 auto;
        background-color: transparent;
        clear: both;
	}

div.main  /* main column */ /* outer of div.maincontent */
	{
        width: 545px;
        float: left;
        padding: 0px 0px 0px 25px;
        border: 0px solid red;
    	margin: 0px 0px 0px 0px;
		color: white;
        background-color: transparent;
	}

div.content  /* main page content */ /* inner of div.main */
	{
        width: 528px;
        float: left;
        padding: 0px 0px 0px 0px;
        border: 1px solid #e1e1e1;
    	margin: 13px 0px 0px 0px;
		color: #0B2057;
        background-color: #f4f4f4;
        clear: both;
	}

div.maincontent  /* main page content */ /* inner of div.main */
	{
        width: 532px;
        float: right;
        padding: 0 0 0 0;
        border: 1px solid #e1e1e1;
    	margin: 13px 0 0 0;
		color: #0B2057;
        background-color: #f4f4f4;
        clear: both;
	}

/* HEADER STYLING */
h1   /* primary page header */
	{
        padding: 0;
        border: 0;
        margin: 0 0 0 0;
		font-family: Arial, Helvetica, Times, serif;
        font-size: 25px;
        font-weight: bold;
        font-style: normal;
        text-transform: uppercase;
		color: black;
        line-height: 100%;
	}

h2   /* secondary page header */
	{
        padding: 0;
        border: 0;
        margin: 0 0 0 0;
		font-family: Arial, Helvetica, Times, serif;
        font-size: 22px;
        font-weight: bold;
        font-style: normal;
        text-transform: uppercase;
		color: black;
        line-height: 100%;
	}

h3   /* main page 'content' header */
	{
        padding: 0;
        border: 0;
        margin: 0 0 0 0;
		font-family: Arial, Helvetica, Times, serif;
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
        text-transform: none;
		color: black;
        line-height: 100%;
	}

h4   /* main page 'section' header */
	{
        padding: 0;
        border: 0px dotted red;
        margin: 0;
		font-family: Arial, Helvetica, Times, serif;
        font-size: 1.1em;
        font-weight: bold;
        font-style: normal;
        font-variant: small-caps;
		color: #00417C;
	}

h5   /* navigation header */
	{
        padding: 0px;
        border: 0px dotted ;
        margin: 0px;
        color: #0B2057;
		font-family: Verdana, Helvetica, Times, serif;
        font-size: 11px;
        font-weight: bold;
        font-style: normal;
        text-align: left;
        text-transform: none;
        line-height: 100%;
	}

h6
	{
        padding: 0px;
        border: 0px dotted ;
        margin: 0px;
		font-family: Verdana, Helvetica, Times, serif;
        font-size: 10px;
        font-weight: bold;
        font-style: normal;
        text-align: left;
        text-transform: none;
        line-height: 100%;
	}

/* TEXT STYLING */
p.p1
	{
        padding: 0px;
        border: 0px solid red;
        margin: 10px 100px 10px 100px;
		text-align: left;
		font-family: Arial, Helvetica, Times, serif;
		font-size: 0.9em;
        font-weight: normal;
		color: #0B2057;
        line-height: 120%;
	}
p.r
	{
        padding: 0px;
        border: 0px solid lime;
        margin: 10px 100px 10px 100px;
		font-size: 0.9em;
        font-weight: normal;
        text-align: right;
	}
p.c
	{
        padding: 0px;
        border: 0px solid green;
        margin: 10px 100px 10px 100px;
		font-size: 0.9em;
        font-weight: normal;
        text-align: center;
	}

acronym
    {
		border-bottom: 1px dotted ;
        cursor: help;
	}

big
    {
        font-size: 20px;
    }

small
    {
        font-size: 10px;
        color: #0B2057;
    }

span.upper   /* uppercase text */
	{
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        line-height: 130%;
        display: inline;
    }

a
    {
        padding: 0px;
        border: 0px solid white;
        margin: 0px;
        color: black;
        text-decoration: none;
    }

a.email
    {
        padding: 0 3px;
        color: #00528C;
        text-decoration: none;
    }
a.email:hover
    {
        padding: 0 3px;
        color: white;
        text-decoration: none;
        background-color: #00528C;  /* #0B2057 */
    }

a.link
    {
        padding: 2px 5px 2px 5px;
        border: 1px solid #6593B5;
        margin: 0px 0px 0px 0px;
        color: #00528C;
        font-size: 12px;
        text-decoration: none;
    }
a.link:hover
    {
        color: white;
        background-color: #00528C;  /* #0B2057 */
    }

div.hr
	{
        height: 20px;
        border: 1px solid #f4f4f4;
        padding: 0px;
        margin: 10px 0 0 0;
        clear: both;
	}
hr
	{
        width: 60%;
        color: #B90000;
        background-color: #B90000;
        border: 0px solid ;
        height: 2px;
        padding: 0px;
        margin: 10px auto;
	}

/* PORTFOLIO PAGE STYLING */
div.port
    {
        min-height: 800px;
        padding: 20px 0px 0px 0px;
    	border: 0px solid cyan;
        margin: 0px 60px 0px 77px;
    }
div.port2, div.port3
    {
        float: left;
        width: 109px;
        padding: 10px 10px 5px 10px;
    	border: 1px solid #E9E9E9;
        margin: 0px 10px 15px 0px;
        color: black;
		font-family: Arial, Helvetica, Times, serif;
        font-size: 11px;
        font-weight: normal;
        text-align: left;
        line-height: 120%;
        background-color: #F7F6FB;
    }
div.port2
    {
        height: 130px;
    }
img
	{
		vertical-align: middle;
        padding: 0px;
        border: 0px solid white;
        margin: 0px 0px 5px 0px;
	}


/* FORM STYLING */
legend
    {
    	display: none
    }
fieldset
    {
        padding: 0 0 0 20px;
    	border-style: none;
        font-family: Verdana, Arial, Helvetica, Times, serif;
    }
input.wide, textarea.wide
    {
        width: 480px;
        color: black;
    }
input
    {
        color: black;
    }
select.wide
    {
        width: 484px;
        color: black;
    }

/* BLANK TABLE STYLING */
table.blank
    {
        width: 490px;
        margin-left: auto;
        margin-right: auto;
        font-size: 1em;
        color: #0B2057;
        border-collapse: collapse;
    }
table.blank TD
    {
        text-align: left;
        padding: 4px;
        margin: 0px;
    }
table.blank a
    {
        color: #1691DF;
        text-decoration: none;
    }
table.blank a:hover
	{
		color: white;
        text-decoration: none;
        background-color: #1691DF;
	}

/* BASIC TABLE STYLING */
table.basic
    {
        width: 490px;
        border: 2px solid #B90000;
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
        font-size: 12px;
        color: #0B2057;
        font-weight: normal;
        background-color: white;
        border-collapse: collapse;
    }
table.basic TH
    {
    	border: 1px solid #F4F4F4;
        padding: 5px;
        margin: 0px;
        color: #B90000;
        background-color: #D7D7E4;
        text-align: center;
    }
table.basic TD
    {
        text-align: left;
        border-bottom: 1px dotted #CD5C5C;
    	border-right: 1px solid #F4F4F4;
        padding: 4px;
        margin: 0px;
    }
table.basic a
    {
        color: #1691DF;
        font-weight: bold;
        text-decoration: underline;
    }
table.basic a:hover
	{
		color: white;
        text-decoration: none;
        background-color: #1691DF;
	}

/* INSTANT MESSAGE TABLE STYLING */
table.message
    {
        width: 490px;
        border: 2px solid #B90000;
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
        font-size: 12px;
        color: black;
        font-weight: bold;
        background-color: white;
        border-collapse: collapse;
    }
table.message TH
    {
    	border: 1px solid #F4F4F4;
        padding: 5px;
        margin: 0px;
        color: #B90000;
        background-color: #D7D7E4;
        text-align: center;
    }
table.message TD
    {
        text-align: left;
        border-bottom: 1px dotted #CD5C5C;
    	border-right: 1px solid #F4F4F4;
        padding: 4px;
        margin: 0px;
    }
table.message a
    {
        color: #1691DF;
        font-weight: bold;
        text-decoration: none;
    }
table.message a:hover
	{
		color: white;
        text-decoration: none;
        background-color: #1691DF;
	}
/* basic bullet list */
ul.bullet
    {
        list-style-type: disc;
        list-style-position: outside;
        padding: 0px 0px 0px 100px;
        border: 0px solid red;
        margin: 0 50px 0 50px;
		color: #0B2057;
        font-size: 0.9em;
		text-align: left;
        line-height: 120%;
    }

/* portfolio list */
.ortfolio, .ortfolio ul
	{
        padding: 0px 0px;
        border: 0px solid ;
    	margin: 20px 0;
		list-style: none;
		color: #B90000;
        text-align: left;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 11px;
        font-weight: normal;
	}

.ortfolio a
	{
        width: 300px;
        padding: 5px;
        border: 1px solid white;
		margin: 0px auto;
        background-color: #E4E4E4;
		color: #B90000;
		font-size: 14px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        display: block;
        line-height: 170%;
	}

.ortfolio a:hover
	{
		color: white;
	    background: #0B2057;
	}


/* navigation menu */
.nav, .nav ul           /* all lists */
	{
        padding: 0px;
        border: 0px solid ;
    	margin: 0;
		list-style: none;
        float: left;
        text-align: left;
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 11px;
        font-weight: normal;
        letter-spacing: 0px
	}

.nav a                  /* 'a' the link */
	{
        padding: 0 0 0 10px;
        border: 0px solid ;
		margin: 0;
        display: block;
		width: 140px;
		color: black;
        text-align: left;
        text-decoration: none;
        line-height: 170%;
	}

.nav a:hover             /* 'a' the link on hover*/
	{
		color: white;
	    background: black;
	}

.nav a.current            /* 'a' the current page*/
	{
		color: #1691DF;
        font-weight: bold;
	}

.nav a.current:hover      /* 'a' the current page*/
	{
		color: white;
	    background: #1691DF;
	}

#transbox    /* This is the white area the text will be within */
	{
        position: absolute; top: 140px; left: 487px;
        height: 187px;
        width: 202px;
        padding: 0;
        border: 0px solid red;
    	margin: 0;
    	background-color: #fff;
    	filter:alpha(opacity=75); /* MS Internet Explorer */
    	-moz-opacity:0.75; /* Mozilla v1.6 and below */
    	opacity: 0.75; /* CSS-3 Standards */
        -khtml-opacity: 0.75; /* Safari */
	}

#transbox *   /* means 'every child' basically a wildcard for every chlid of #transbox */
	{
        position: relative;
	}

#transbox div   /* Styles the text of the div  */
	{
    	font-weight: normal;
    	color: black;
		text-align: justify;
        line-height: 100%;
	}