﻿/* 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; font-size: 11px }
body {vertical-align:middle;  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; }
h5 { font-size: 15px; line-height: normal; font-weight: normal; text-decoration: none; color: White; margin: 0 0 10px 0; font-family:Arial Unicode MS; }


/*Site Structure */
.MasterContainer {position:relative; top:0; width: 1020px; margin:100px auto; z-index:1005;  }
.MainContent { }
.SocialMediaLikes {position: relative; float: left; padding: 0 0 0 40px; top: 20px;}
.CoworkLink {position: absolute; padding: 0 0 0 350px; bottom: -20px;}


.ConnectContainer {position:fixed; top:18px; margin:0 0 0 210px; 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 10px; z-index:1003;}
.Nav {position:fixed; top:35px; margin:0 0 0 510px; 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:160px; 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; }
.NavButtonQuote { line-height: normal; cursor: pointer; margin: 0 0 0 10px; text-indent:-9999px; text-decoration: none; height: 40px; width:125px; text-align: left; float: left; background-image: url(../ImagesProfessional/navButtonQuote.png); background-repeat: no-repeat; }
.NavButtonQuote:hover { background-position: 0 -40px; }
.Active { background-position: 0 -40px; }


.BoxClose {top:0px; float: right;}
.OverlayHeader { position: absolute; top: 0px; float: left; padding: 20px 0 0 50px; width: 200px; font-size: 26px; color: #000; font-weight: bold; }
.Quote {height: 470px; background-color: #fff;}
.HeadText {font-size: 2.0em; color: #000; font-weight:bold;}
.QuoteLaunch {position: relative; top: 100px; z-index: 9999; padding:0 120px 0 0; float: right;}
.GetQuoteLink {font-size: 1.5em; font-weight: bold;}
.QuoteHead { padding: 15px 0 0 30px;}
.QuoteSubHead { padding: 15px 0 10px 10px;}
.RightFields {position: absolute; width: 300px; top: 0px; right: 30px; padding: 20px 30px 20px 30px;}
.LeftFields {position: absolute; width: 300px; top: 50px; float: left; padding: 10px 30px 20px 30px;}
.InputBlock {width: 200px; padding: 0px 10px 0px 10px;}
.Comments { padding: 5px 20px 10px 20px;}
.DropDownBlock {width: 150px; padding: 5px 20px 10px 20px;}
.checkList {width: 200px; padding: 0px 20px 10px 20px;}
.inputLabel {color: #000;}
.TextArea {width:300px;}
.TextBoxGeneric { width: 200px;}
.ContactSubmit {position: absolute; bottom: -60px; height: 30px; width: 75px; left: 85px;}
.Submit {position: absolute; bottom: 60px; height: 30px; width: 75px; left: 50px;}
.SubmitButton {height: 30px; width: 150px; }

.Notification {font-size:1.4em; color:#669966; width: 200px;}
.StandardNL {color:Green; }
.Success {color:Green; }
.Success span{color:Green; }
.Failure {color:Red; }
.Failure span{color:Red; }


.emailOverlayBody { padding: 15px 15px 0 25px; position: absolute; Top: 50px}
.emailField { width: 250px; float: left; padding: 10px 0 0 20px;}
.emailText{	width:200px;	float:left;	margin: 0 0 2px 0;}
.emailLabel{ min-width:95px;	float:left;	margin: 2px 5px 0 0;}
.emailMessageText{	width:300px; height:70px;	float:left;	margin: 0 0 20px 0; 	}

.error { color: #FF0000; }

.LoaderWhiteBackground {position: absolute; bottom:60px; left: 200px;}
.Conversion {position: absolute; bottom: 0px; left:0px; width: 1px; height: 1px;}
