﻿/* CSS RESET v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* Globals */
* { margin: 0; padding: 0; font-family:Trebuchet MS, Arial Unicode MS, Trebuchet MS, Lucida Grande, Bitstream Vera Sans, Arial, Helvetica, sans-serif; color: #000000; line-height: 1.5em; }
html { overflow:hidden; }
body {vertical-align:middle; font-size: 0.8em; margin:0px auto;  padding:0px;  height: 100%; font-family:arial,tahoma,verdana,sans;  border:0px; background-color:Black; background-image:url(../ImagesProfessional/backgroundSmall.jpg); background-repeat:no-repeat; z-index:1;}
body.Clean { background-image: none; background-color: White; }
body.Overlay { padding: 15px; }
a { color: Black; text-decoration: none; }
a:hover { text-decoration:underline; }

.Black {color:Black;}

p { margin: 10px 0 10px 0; }

h1 { font-size: 40px; line-height: normal; font-weight: bolder; text-decoration: none; color: White; margin: 0 0 10px 0; }
h2 { font-size: 18px; line-height: normal; font-weight: normal; text-decoration: none; color: White; margin: 0 0 10px 0; font-family:Arial Unicode MS; }
h3 { font-size: 16px; line-height: normal; font-weight: bold; text-decoration: none; color: White; }
h4 { font-size: 15px; line-height: normal; font-weight: bold; text-decoration: none; color: #666666; }

/*Site Structure */
.MasterContainer {position:relative; top:0; width: 1020px; margin:100px auto; z-index:1005;  }
.MainContent { }

.ConnectContainer {position:fixed; top:18px; margin:0 0 0 270px; z-index:1003; width:300px;}
.Connect {height:35px; width:275px; z-index:1003; padding:20px 0 10px 0px; margin:0 auto 0;}
.Logo {position:fixed; top:18px; margin:0 0 0 40px; z-index:1003;}
.Nav {position:fixed; top:35px; margin:0 0 0 595px; z-index:1003;}
.ShadowLeft {position:fixed; left:0; top:0px; background-image: url(../ImagesProfessional/Shadow-Left.png); background-repeat:repeat-y; width:250px; height:100%; z-index:1000;}
.ShadowRight {position:fixed; right:0; top:0px; background-image: url(../ImagesProfessional/Shadow-Right.png); background-repeat:repeat-y; width:230px; height:100%; z-index:1000;}
.Header {position:fixed; left:0; top:0px; background-image: url(../ImagesProfessional/Shadow-Top.png); background-repeat:repeat-x; height:250px; width:100%; z-index:1;}
.Footer {position:fixed; left:0; bottom:0px; margin:0 auto 0; background-image: url(../ImagesProfessional/Shadow-Bottom.png); background-repeat:repeat-x; height:230px; width:100%; z-index:1000;}
.map_canvas {width:350px; height:350px; border:5px solid White; margin:40px 50px 0 0;}

.PageContent { width:1000px; margin: 0 auto 0; position:fixed; z-index:1003; }
.RoundingContainer { font-size: 0.1%; }
.PageContent .RoundingContainer { height: 10px; background-repeat: repeat-x; }
.PageContent .RoundingContainer .Left { float: left; height: 10px; width: 10px; background-repeat: no-repeat; }
.PageContent .RoundingContainer .Right { float: right; height: 10px; width: 10px; background-repeat: no-repeat; }
.PageContent .RoundingContainer .Middle { float: left; height: 10px; width: 980px; background-repeat: repeat-x; }
.PageContent .RoundingContainer.Top .Left { background-image: url(../ImagesAlternative/contentShadowTopLeft.png); }
.PageContent .RoundingContainer.Top .Right { background-image: url(../ImagesAlternative/contentShadowTopRight.png); }
.PageContent .RoundingContainer.Top .Middle { background-image: url(../ImagesAlternative/contentShadowTop.png);  }
.PageContent .RoundingContainer.Bottom .Middle { background-image: url(../ImagesAlternative/contentShadowBottom.png); margin-bottom:1px; }
.PageContent .RoundingContainer.Bottom .Left { background-image: url(../ImagesAlternative/contentShadowBottomLeft.png); }
.PageContent .RoundingContainer.Bottom .Right { background-image: url(../ImagesAlternative/contentShadowBottomRight.png);}
.PageContent .ContentContainer { background-image: url(../ImagesAlternative/contentShadowBody.png); }
.PageContent .ContentContainer .ContentArea { margin: 0 10px 0 10px; padding: 3px 10px 23px 10px;  }
.PageContent .ContentContainer .ContentArea .ContentHeader{ width:950px; text-align:center; padding:15px 0 15px 0;}
.PageContent .ContentContainer .ContentArea .ContentSubHeader{ width:950px; text-align:center; padding:0;}
.PageContent .ContentContainer .ContentArea .Content{ width:800px; padding:20px 75px 0 75px;}
.PageContent .ContentContainer .ContentArea .WorkBox {width:206px; padding:0 16px 0 16px; float:left;}

.SiteContainer { clear: both; }
.SiteContainer .RoundingContainer2 { height: 20px; background-repeat: repeat-x;  }
.SiteContainer .RoundingContainer2 .Left { float: left; height: 20px; width: 20px; background-repeat: no-repeat; }
.SiteContainer .RoundingContainer2 .Right { float: right; height: 20px; width: 20px; background-repeat: no-repeat; }
.SiteContainer .RoundingContainer2.Top { background-image: url(../Images/bg_main_site_top2.gif);}
.SiteContainer .RoundingContainer2.Top .Left { background-image: url(../Images/cnr_main_site_top_left.gif); }
.SiteContainer .RoundingContainer2.Top .Right { background-image: url(../Images/cnr_main_site_top_right.gif); }
.SiteContainer .ContentContainer2 { clear: both; background-image: url(../Images/bg_main_site_shadow.gif); }
.SiteContainer .ContentContainer2 .ContentArea2 { margin: 0 15px 0 15px; padding: 0px 10px 10px 10px; border: 1px solid #bebebe; border-top: none; border-bottom: none; }

/* End Site Structure */

.NavButtonAbout { line-height: normal; cursor: pointer; margin: 0 0 0 10px; text-indent:-9999px; text-decoration: none; height: 40px; width:110px; text-align: left; float: left; background-image: url(../ImagesProfessional/navButtonAbout.png); background-repeat: no-repeat; }
.NavButtonAbout:hover { background-position: 0 -40px; }
.NavButtonWork { line-height: normal; cursor: pointer; margin: 0 0 0 10px;text-indent:-9999px; text-decoration: none; height: 40px; width:110px; text-align: left; float: left; background-image: url(../ImagesProfessional/navButtonWork.png); background-repeat: no-repeat; }
.NavButtonWork:hover { background-position: 0 -40px; }
.NavButtonContact { line-height: normal; cursor: pointer; margin: 0 0 0 10px; text-indent:-9999px; text-decoration: none; height: 40px; width:110px; text-align: left; float: left; background-image: url(../ImagesProfessional/navButtonContact2.png); background-repeat: no-repeat; }
.NavButtonContact:hover { background-position: 0 -40px; }
.Active { background-position: 0 -40px; }




