/* BeaconConstructionGroup.com - Designed and Developed by www.QuinnCom.net */
body { background-image:url(../images/background.jpg); text-align: center; }
p { margin:0; padding:10px 10px 10px 0; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:14px; color:#000; text-align:justify; line-height:1.4em; }

.floatright { float:right; }
.floatleft { float:left; }
.hidden { visibility:hidden;}
.clear { clear:both; }
.paddingright { padding:0 10px 0 0; }
.textleft { text-align:left; }

/* HEADINGS */ 
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; border:0; }
h1 a { width:399px; height:83px; display:block; text-decoration:none; background-image:url(../images/logo.jpg); }
h2 { font-size:18px; color:#000; text-transform:uppercase; }
h3 { font-size:18px; color:#666; text-transform:uppercase; }

/* GRID */ 
div#container { margin:0 auto; width:980px; text-align:center; }
div#container div#wrapper { padding:0; border:0; margin:0; text-align:left; }

/* HEADER */ 
div#container div#wrapper div#header { width:980px; height:150px; background-color:#000; background-image:url(../images/sub-line.jpg); background-position:bottom; background-repeat:no-repeat; } 
div#container div#wrapper div#header div#logo { float:left; padding:28px 60px 29px 12px; width:399px; height:83px; }
div#container div#wrapper div#header div#navigation { float:right; width:448px; height:120px; margin:0;}
div#container div#wrapper div#header div#navigation ul { margin:0; padding:0; } 
div#container div#wrapper div#header div#navigation li { float:left; list-style:none; display:inline; }
div#container div#wrapper div#header div#navigation li a { margin:0; padding:0; text-decoration:none; }
div#container div#wrapper div#header div#navigation li#navigation-home { width:90px; height:120px; display:block; overflow:hidden; }
div#container div#wrapper div#header div#navigation li#navigation-home:hover { text-indent:-90px; overflow:hidden; }
div#container div#wrapper div#header div#navigation li.navigation-home-active { text-indent:-90px; overflow:hidden; }
/* div#container div#wrapper div#header div#navigation li#navigation-about { width:105px; height:120px; display:block; overflow:hidden; } */
/* div#container div#wrapper div#header div#navigation li#navigation-about:hover { text-indent:-105px; overflow:hidden; } */
div#container div#wrapper div#header div#navigation li.navigation-about-active{ text-indent:-105px; overflow:hidden; }
div#container div#wrapper div#header div#navigation li#navigation-gallery { width:128px; height:120px; display:block; overflow:hidden; }
div#container div#wrapper div#header div#navigation li#navigation-gallery:hover { text-indent:-128px; overflow:hidden; }
div#container div#wrapper div#header div#navigation li.navigation-gallery-active { text-indent:-128px; overflow:hidden; }
div#container div#wrapper div#header div#navigation li#navigation-contact { width:125px; height:120px; display:block; overflow:hidden; }
div#container div#wrapper div#header div#navigation li#navigation-contact:hover { text-indent:-125px; overflow:hidden; }
div#container div#wrapper div#header div#navigation li.navigation-contact-active { text-indent:-125px; overflow:hidden; }

/* CONTENT */ 
div#container div#wrapper div#content { width:980px; height:100%; background-color:#FFF; margin:0; padding:5px 0 0 0; overflow:hidden; }
div#container div#wrapper div#content a { color:#296bd9; text-decoration:underline; }
div#container div#wrapper div#content a:hover { color:#4d8ffd; text-decoration:none; }
div#container div#wrapper div#content div.header-image { clear:both; margin:0 auto; padding:0; text-align:center; }
div#container div#wrapper div#content div.left-column { float:left; width:630px; height:100%; padding:20px 40px 2000px 10px; margin:0 0 -2000px 0; }
div#container div#wrapper div#content div.gallery-page { margin:10px; width:960px; text-align:center; }
div#container div#wrapper div#content div.gallery-page .thumb { background-color:#000; padding:4px; margin:0 17px 18px 0; width:125px; height:125px; }
div#container div#wrapper div#content div.gallery-page .thumb:hover { background-color:#4d8ffd; }
div#container div#wrapper div#content div.gallery-page h2, h3 { text-align:left; }
div#container div#wrapper div#content div.gallery-page h3 a { color:#666; text-decoration:none; } 

div#container div#wrapper div#content div.right-column { float:right; width:275px; height:100%; background-color:#efefef; border-top:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; border-right:solid 1px #e2e2e2; padding: 10px 0 2000px 5px; margin:10px 10px -2000px auto;}
div#container div#wrapper div#content div.right-column p { text-align:center; }
div#container div#wrapper div#content div.right-column h2 { padding-bottom:5px; }
div#container div#wrapper div#content div.right-column div.contact-page p { text-align:left; line-height:1.8em; font-family:Arial, Helvetica, sans-serif; }
div#container div#wrapper div#content div.right-column div.contact-page p strong { font-weight:bold; }

/* FOOTER */ 
div#container div#wrapper div#footer { width:960px; height:60px; background-color:#000; background-image:url(../images/sub-line.jpg); background-position:top; background-repeat:no-repeat; border-top:solid 1px #e2e2e2; padding:20px 10px 0 10px; }
div#container div#wrapper div#footer p { margin:0; padding:0; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:14px; color:#FFF; text-align:left; width:600px; }
div#container div#wrapper div#footer a { font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:14px; color:#FFF; text-decoration:underline; } 
div#container div#wrapper div#footer a:hover { text-decoration:none; }
div#container div#wrapper div#footer ul { clear:left; margin:0; padding:0; }
div#container div#wrapper div#footer li { list-style:none; display:inline; }
div#container div#wrapper div#footer li span { color:#FFF; padding:0 8px; }

/* SCROLL TO TOP */ 
#toTop { width:100px; background-color:#000; border:1px solid #000; text-align:center; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:14px; padding:10px; position:fixed; bottom:10px; right:10px; cursor:pointer; color:#FFF; text-decoration:none; }
#toTop:hover { background-color:#FFF; color:#000; }