@charset "UTF-8";

/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

img { border: none; }

a { outline: none; }

body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background-color: #0d1c47; background-image: url(images/bg.jpg); background-repeat: repeat-x; }

/************************* Tags *****************/

h1 { padding-top: 20px; font-size: 1.9em; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; }

.smaller { font-size: 0.7em; }

h2 { padding-top: 20px; font-size: 1.7em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: lighter; color: #fff; }

.htwo { padding-top: 20px; font-size: 1.7em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: lighter; color: #fff; }

h3 { padding-top: 20px; font-size: 1.7em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: lighter; color: #fff; }

p { padding-top: 15px; font-size: 1.2em; line-height: 1.6em; color: #fff; }

/************************* Classes *****************/

.flr { float: right; padding: 0 0 0 10px; }

.fll { float: left; padding: 18px; }

/************************* Header *****************/

#wrap { width: 918px; margin: 0 auto; }

#top { width: 918px; height: 57px; float: left; background: url(images/top.jpg) no-repeat top; }

/******************** Nav Top *****************/

#nav { width: 606px; height: 57px; float: right; }

#nav ul { margin-left: 60px; }

#nav li { float: left; display: inline; padding: 0 10px; }

#nav a { display: block; line-height: 56px; font-size: 1.3em; padding: 0 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; text-decoration: none; }

#nav a:hover { color: #CCC; }

/******************** Content Top *****************/

#left { width: 312px; height: 332px; float: left; background: url(images/left-bg.jpg) no-repeat bottom; }

#logofl { width: 298px; height: 108px; background: url(images/gwent-logo.jpg) no-repeat top; }

/******************** Side Nav *****************/

#navb { width: 312px; float: left; }

#navb ul { width: 312px; float: left; }

#navb li { list-style-type: none; }

#navb a { display: block; line-height: 42px; padding-left: 20px; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; text-decoration: none; }

#navb a:hover { color: #3454a5; }

.border { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #05102d; border-bottom-color: #122554; }

.topborder { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #122554; }

.botborder { border-top-width: 1px; border-top-style: solid; border-top-color: #05102d; }

#right { width: 606px; height: 292px; padding: 20px 0; float: left; }

/******************************* Content *****************************/

#content { width: 918px; clear: left; }

/******************** Leftcol *****************/

#leftcol { width: 291px; float: left; }

.call { height: 120px; padding: 10px 0 0 15px; background-color: #122554; margin-bottom: 10px; }

#callflash { height: 120px; width: 291px; padding: 10px 0 0 0; margin-bottom: 10px; } 

#scrap { height: 280px; padding: 10px 0 0 15px; padding-bottom: 0px; margin-bottom: 0px; }

.testimonials { height: 120px; padding: 0 0 0 15px; margin-bottom: 10px; }

.call p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; line-height: 2em; }

.tel { font-family: Arial, Helvetica, sans-serif; font-size: 3em; font-weight: bold; }

#contact { height: 200px; padding-left: 15px; background-color: #122554; }

#contact input { margin: 2px; border: 1px double #CCC; }

#contact select { margin: 2px; border: 1px double #CCC; }

#contact p { font-size: 1.7em; font-family: Georgia, "Times New Roman", Times, serif; }

/******************** Rightcol *****************/


#rightcol { width: 606px; float: right; margin-bottom: 20px; }

.menu { float: left; width: 162px; height: 110px; background-color: #122554; margin-bottom: 10px; margin-right: 14px; color: #fff; padding: 10px 10px 10px 15px; }

.menup { font-size: 1.1em; line-height: 1.6em; }

.menutitles { font-size: 1.8em; font-family: Trebuchet MS, Georgia, "Times New Roman", Times, serif; line-height: 3em; }

.menu a { color: #fff; text-decoration: none; }

.menu a:hover { color: #3454a5; }

.menutitles a:hover { color: #23418e; }

#text { clear: left; width: 531px; padding: 15px 30px; background-color: #122554; margin-right: 15px; padding-bottom: 20px; overflow: hidden; }

#text ul { padding: 10px 0 5px 10px; }

#text li { color: #fff; font-size: 1.1em; line-height: 1.4em; }

#text li a { color: #fff; }

#text a { color: #CCC; }

#text li a:hover { color: #3454a5; }

#text a:hover { color: #3454a5; }

.fensa { background-color: #182e6a; padding-bottom: 10px; overflow: hidden; float: left; margin-right: 15px; width: 591px; }

.linkbox { border: 1px dashed #FFF; padding: 0 10px 15px 10px; margin-top: 10px; }

#rightform { float: right; width: 230px; padding: 0px 0px 20px 20px; border: 1px dashed #FFF; }

.gmap { margin: 20px 0; }

.directions { color: #000; margin: 20px 0; background-color: #fff; padding: 10px 20px; width: 340px; }

.directions a { color: #000; }

.divide { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #FFF; padding-bottom: 20px; }

.threecol { width: 33%; margin: 10px 0; float: left; }

.linkcolor { color: #fff; }

/******************** Footer *****************/

#footer { clear: both; padding: 20px 0; background: url(images/footer.jpg) no-repeat top; }

#footer ul { text-align: center; padding-top: 10px; width: 960px; margin: 0 auto; }

#footer p { text-align: center; padding: 0; }

#footer li { display: inline; padding: 0 10px; color: #fff; font-size: 1.1em;  }

#footer li a { color: #fff; text-decoration: none; font-size: 1.1em; line-height: 1.8em; }

#footer li a:hover { color: #28469d; font-size: 1.1em; }

#hold { text-align: center; padding-bottom: 10px; }

#hold li a { color: #FFF; display: inline; padding: 0 10px; text-align: center; }

/******************** lightbox *****************/

#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#lightbox img { width: auto; height: auto; }

#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav { left: 0; }

#hoverNav a { outline: none; }

#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left; }

#nextLink { right: 0; float: right; }

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData { padding:0 10px; color: #666; }

#imageData #imageDetails { width: 70%; float: left; text-align: left; }

#imageData #caption { font-weight: bold; }

#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }

#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; }

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }