@charset "utf-8";
/* CSS Document */

body  { 
background-image:url('images/background.jpg');margin:0;padding:0;color:#333333;font-size:100%;
        

}

/* Resets and Styles */
img{border:none;}
.clear{clear:both;text-align:justify;}
a:link {color:#FFFF00;text-decoration:none;}
a:visited {color:#FFFF00;text-decoration:none;}
a:hover{color:#FF0000;}
h1{color:#000000;font-size:1.4em; margin:5px 0;}
.Strong{font-weight:bold;}
.BlueBox{background:#F9F9F9;border:1px solid #E1F2FF;padding:15px 15px 15px 12px;margin:20px 0;}
#message_box {position: absolute;top: 0; left: 0;z-index: 10;background:#ffc;padding:5px;border:1px solid #CCCCCC;text-align:center;font-weight:bold;font-size:1.4em;width:99%;}

#map_canvas { 
display: block;
width:555px;
height:245px;
margin-right: auto;
margin-left: auto;
margin-top:6em;

 
}

#player{ display:none;}
/* Form Styles */
.formbutton{cursor:pointer;border:outset 3px #ffff00;background:#999;color:#000000;font-weight:bold;padding: 1px 2px;background:url(../images/submitbg.gif) repeat-x left top;width:180px;height:30px;}
.formbutton:hover{color:#FFA500;}
.Mandetory {color:#E25E07;font-size:20px;}
.ErrorMsg{color:#FF0000;font-size:0.9em;padding-left:5px;}
.inputBox, .textareaBox {border:1px solid #ccc; font:normal 14px Arial, Helvetica, sans-serif; padding:6px 5px; width:370px;color:#333333;}
.textareaBoxSm {border:1px solid #ccc; font:normal 14px Arial, Helvetica, sans-serif; padding:6px 5px; width:170px;color:#333333;}
.inputBoxSm{border:1px solid #ccc; font:normal 14px Arial, Helvetica, sans-serif; padding:6px 5px; width:170px;color:#333333;}
.selectBoxSm {border:1px solid #ccc; font:normal 14px Arial, Helvetica, sans-serif; padding:6px 5px;margin-right:10px; width:165px;color:#333333;}
.selectBox{border:1px solid #ccc; font:normal 14px Arial, Helvetica, sans-serif; padding:6px 5px; width:309px;color:#333333;}
label, input, select, textarea {display:block;float:left;width:150px;margin-bottom:10px;}
label {width:60px;text-align:left;padding-right:10px;margin-top:2px;}
textarea {height:50px;color:#333333;}
br {clear:left;}
#robotic { display: none; }


div#links              { /* links */
	position        : absolute;
	left            : 135.00pt;
	top             : 891pt;

  width:900px;
         text-align:justify;
}





/* PageWrap */
#PageWrap{width:980px;margin:0 auto;text-align:center;background:url(../images/bg.gif) repeat-y;}
#Page{width:945px;margin:0 auto;text-align:center;background:#FFFFFF;}

/* Header */
#Header{background:url(images/header.jpg) no-repeat;width:945px;height:360px;text-align:left;}
#Logo{padding:30px 0 0 10px;}
#Logo img{float:left;margin:54px 0 0 2px;}
#Logo h1{float:left;font-size:2em;color:#000066;margin:0;padding:0;cursor:pointer;}
#Logo p{clear:left;font-size:1.5em;color:#000033;}

/* Menu */
.kwicks {list-style:none; position:relative; margin:0; padding:0; border-top:1px #FFF solid;border-bottom:4px #ffff00 solid;}
.kwicks li{width:155px; height:108px; display:block; overflow:hidden; padding:0;}
.kwicks li img{cursor:pointer;}
.kwicks.horizontal li {margin-right:3px;float: left;border-radius: 15px;}
.kwicks.horizontal #kwick_4 {}

/* Content */
#Content{min-height:250px;text-align:left;padding:10px;font-size:1.1em;}
#Main{float:left;width:581px;margin:0 20px 0 0;text-align:justify;}
#SideBar{float:right;width:299px;background:#000000;border:2px #ffff00 solid; border-radius: 15px;padding:10px;margin-bottom:10px;color:#ffff00;font-size:1em;}
#SideBar h1{color:#ffff00;font-size:1.2em;padding:10px;margin:4px 0 8px 0;}
#metal{float:right;}
#metalbackground {float:left;margin-top:2.2em;color:#ffff00;background:url(../images/localbackground.jpg);}


#icons{float:left;margin-bottom:0.6em;} 
#gafimg{float:right;border:outset 6px #000000;border-radius: 15px;}
#top_roof_repair{float:left;border:outset 7px #000000;border-radius: 15px;}
#rooferimg{float:right;margin-right:0.6em;margin-top:6.2em;border:outset 6px #000000;border-radius: 15px;}
#roofers_Virginia_Beach{float:right;margin-right:0.6em;margin-top:6.2em;border:outset 6px #000000;border-radius: 15px;}
#roofer_Virginia_Beach{float:right;margin-right:0.6em;margin-top:6.2em;border:outset 6px #000000;border-radius: 15px;}
#roofing_Virginia_Beach_last{float:right;margin-right:0.6em;margin-top:6.2em;border:outset 6px #000000;border-radius: 15px;}
#bottomvideo{float:left;margin-left:0.6em;margin-top:3.2em;border:outset 6px #000000;border-radius: 15px;}

#middlearticle{text-align:justify;width:900px;}
#bottomarticle {float:left;margin-left:1.2em;text-align:justify;width: 465px; }
#video {float:left;margin-left:1.2em; margin-bottom:2.1em;margin-top:1em;}
#webgallery {position: relative;	top:18em;	right: 14.1em;}

#feeds{float:right;margin-right:0.6em;margin-top:6.7em;background-color:yellow;width:396px;  height:1000px;border:inset 7px #000000;border-radius: 15px;}
#goodrooferguy{float:right;margin-right:0.6em;margin-bottom:1em;border:outset 6px #000000;border-radius: 15px;}
#whyusgallery {position: relative; top:24em;	right: 15.5em; }
#whyusbottomarticle {float:left;margin-left:1.2em;text-align:justify;width: 495px; }
#needaroofimg{border:inset 6px #000000; border-radius: 12px;margin-bottom:1.1em;}
#localresults {float: right;width:500px;  height:523px; background:url(../images/localbackground.jpg); overflow:hidden; border:inset 6px #000000; border-radius: 12px; }
#otherlocalresults {float: left;width:500px;  height:523px; background:url(../images/localbackground.jpg); overflow:hidden; border:inset 6px #000000; border-radius: 12px; }
#roofrepairgallery {position: relative;  bottom:0em;	left: 0em;width: 59.0em; background:url(../images/back.png);}
#othersubpage {position: relative;  bottom:0em;	left: 0em;width: 53.7em; background:url(../images/back.png);}    
/*Classes*/
.locallinks td { width:50%;  vertical-align:top; }
.locallinks a { font-size:54%;color:#ffff00;}
.locallinks h3 { font-weight:bold; color:#ffff00;}
.locallinks h4 { font-size:15px; font-weight:bold; color:#ffff00;}



/* Footer */
#Footer{float:none;}
#Footer p{margin:4px 0;}

/* Slider */
#slider { width: 520px; /* important to be same as image width */    height: 235px; /* important to be same as image height */    position: relative; /* important */	overflow: hidden; /* important */	border:2px #333333 solid;}
#slider ul{margin:0;padding:0;}
#sliderContent {    width: 520px; /* important to be same as image width or wider */    position: absolute;	top: 0;	margin-left: 0;}
.sliderImage {    float: left;    position: relative;	display: none;}
.sliderImage span {    position: absolute;	font: 10px/15px Arial, Helvetica, sans-serif;    padding: 10px 13px;    width: 520px;height:25px;   background-color: #000;}
.clear {	clear: both;}
.sliderImage span strong {    font-size: 14px;}
.top {	top: 0;	left: 0;}
.bottom {	bottom: 0;    left: 0;}

/* Fancy Box */
#Gallery img{border:2px #F2F2F2 solid;}
div#fancy_overlay {	position: fixed;	top: 0;	left: 0;	width: 100%;	height: 100%;	background-color: #666;	display: none;	z-index: 30;}
* html div#fancy_overlay {	position: absolute;	}
div#fancy_wrap {	text-align: left;}
div#fancy_loading {	position: absolute;	height: 40px;	width: 40px;	cursor: pointer;	display: none;	overflow: hidden;	background: transparent;	z-index: 100;}
div#fancy_loading div {	position: absolute;	top: 0;	left: 0;	width: 40px;	height: 480px;	background: transparent url('../images/fancy_progress.png') no-repeat;}
div#fancy_loading_overlay {	position: absolute;	background-color: #FFF;	z-index: 30;}
div#fancy_loading_icon {	position: absolute;	background: url('../images/fancy_loading.gif') no-repeat;	z-index: 35;	width: 16px;	height: 16px;}
div#fancy_outer {	position: absolute;    top: 0;    left: 0;    z-index: 90;    padding: 18px 18px 33px 18px;    margin: 0;    overflow: hidden;    background: transparent;    display: none;}
div#fancy_inner {	position: relative;	width:100%;	height:100%;	border: 1px solid #BBB;	background: #FFF;}
div#fancy_content {	margin: 0;	z-index: 100;	position: absolute;}
div#fancy_div {	background: #000;	color: #FFF;	height: 100%;	width: 100%;	z-index: 100;}
img#fancy_img {	position: absolute;	top: 0;	left: 0;	border:0; 	padding: 0; 	margin: 0;	z-index: 100;	width: 100%;	height: 100%;}
div#fancy_close {	position: absolute;	top: -12px;	right: -15px;	height: 30px;	width: 30px;	background: url('../images/fancy_closebox.png') top left no-repeat;	cursor: pointer;	z-index: 181;	display: none;}
#fancy_frame {	position: relative;	width: 100%;	height: 100%;	display: none;}
#fancy_ajax {	width: 100%;	height: 100%;	overflow: auto;}
a#fancy_left, a#fancy_right {	position: absolute; 	bottom: 0px; 	height: 100%; 	width: 35%; 	cursor: pointer;	z-index: 111; 	display: none;	outline: none;}
a#fancy_left {	left: 0px; }
a#fancy_right {	right: 0px; }
span.fancy_ico {	position: absolute; 	top: 50%;	margin-top: -15px;	width: 30px;	height: 30px;	z-index: 112; 	cursor: pointer;	display: block;}
span#fancy_left_ico {	left: -9999px;	background: transparent url('../images/fancy_left.png') no-repeat;}
span#fancy_right_ico {	right: -9999px;	background: transparent url('../images/fancy_right.png') no-repeat;}
a#fancy_left:hover {  visibility: visible;}
a#fancy_right:hover {  visibility: visible;}
a#fancy_left:hover span {	left: 20px; }
a#fancy_right:hover span {	right: 20px; }
.fancy_bigIframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: transparent;}
div#fancy_bg {	position: absolute;	top: 0; left: 0;	width: 100%;	height: 100%;	z-index: 70;	border: 0;	padding: 0;	margin: 0;}
div.fancy_bg {position: absolute;display: block;z-index: 70;border: 0;padding: 0;margin: 0;}
div.fancy_bg_n {top: -18px;width: 100%;height: 18px;background: transparent url('../images/fancy_shadow_n.png') repeat-x;}
div.fancy_bg_ne {	top: -18px;	right: -13px;	width: 13px;	height: 18px;	background: transparent url('../images/fancy_shadow_ne.png') no-repeat;}
div.fancy_bg_e {	right: -13px;	height: 100%;	width: 13px;	background: transparent url('../images/fancy_shadow_e.png') repeat-y;}
div.fancy_bg_se {	bottom: -18px;	right: -13px;	width: 13px;	height: 18px;	background: transparent url('../images/fancy_shadow_se.png') no-repeat;}
div.fancy_bg_s {	bottom: -18px;	width: 100%;	height: 18px;	background: transparent url('../images/fancy_shadow_s.png') repeat-x;}
div.fancy_bg_sw {	bottom: -18px;	left: -13px;	width: 13px;	height: 18px;	background: transparent url('../images/fancy_shadow_sw.png') no-repeat;}
div.fancy_bg_w {	left: -13px;	height: 100%;	width: 13px;	background: transparent url('../images/fancy_shadow_w.png') repeat-y;}
div.fancy_bg_nw {	top: -18px;	left: -13px;	width: 13px;	height: 18px;	background: transparent url('../images/fancy_shadow_nw.png') no-repeat;}
div#fancy_title {	position: absolute;	bottom: -33px;	left: 0;	width: 100%;	z-index: 100;	display: none;}
div#fancy_title div {	color: #FFF;	font: bold 12px Arial;	padding-bottom: 3px;}
div#fancy_title table {	margin: 0 auto;}
div#fancy_title table td {	padding: 0;	vertical-align: middle;}
td#fancy_title_left {	height: 32px;	width: 15px;	background: transparent url(../images/fancy_title_left.png) repeat-x;}
td#fancy_title_main {	height: 32px;	background: transparent url(../images/fancy_title_main.png) repeat-x;}
td#fancy_title_right {	height: 32px;	width: 15px;	background: transparent url(../images/fancy_title_right.png) repeat-x;}