/* ::::: GMS CSS ::::: */

h1, h2, h3, h4, h5, h6, p, ul { margin: 0pt; }
ul { padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
a { color: rgb(0, 0, 0); text-decoration: underline; }
a:hover { text-decoration: none; }
img { border: medium none ; }
form { margin: 0pt; padding: 0pt; }
body { margin: 0pt; background: #131313 url('imgs/bg.png') repeat-x scroll 0% 0%; background-position:top-center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 19px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(0, 0, 0); }
.wrapp { overflow: hidden; width: 100%; }
h2 { font-size: 18px; color: rgb(79, 15, 16); font-weight: normal; }
hr { border: 0pt none ; color: rgb(79, 15, 16); background-color: rgb(79, 15, 16); height: 1px; margin-bottom: 15px; margin-top: 25px; }
#container { margin: 0pt auto; overflow: hidden; width: 830px; }
span.top-bg { background: transparent url('imgs/topbarbg.png') no-repeat scroll 0% 0%; overflow: hidden; width: 830px; height: 25px; clear: both; display: block; }
.page { width: 830px; position: relative; }
.page-holder { background: transparent url('imgs/page-bg.png') repeat-y scroll 0% 0%; width: 100%; float: left; }
#header { margin: -14px 15px 0pt; width: 800px; position: relative; }
.logo { padding: 15px 0pt 0pt 25px; overflow: hidden; width: 300px; height: 83; float: left; }
.logo a { background: transparent url('imgs/logo-lg.png') no-repeat scroll 0% 0%; overflow: hidden; width: 300px; height: 83px; display: block; text-indent: -9999px; }
.contact { margin: 0pt 0pt 43px; overflow: hidden; float: right; color: rgb(35, 31, 32); }
.contact li { margin: 0pt 0pt 0pt -1px; padding: 0pt 5px; background: transparent url('imgs/grey-separate.gif') no-repeat scroll 0pt 5px; float: left; }
#header .title { margin: 0pt 6px 0pt 0pt; float: right; clear: right; font-size: 25px; color: rgb(208, 18, 19); line-height: 34px; font-weight: normal; white-space: nowrap; }
#main-nav { border-bottom: 5px solid #d01213; margin: 2px 0pt 0pt; padding: 1px 0pt 0pt; background: #000 none repeat scroll 0% 0%; width: 100%;  }
#main-nav:after { overflow: hidden; content: "."; clear: both; width: 100%; display: block; height: 0pt; visibility: hidden; }
#main-nav li { background: transparent url('imgs/nav-separate.gif') no-repeat scroll left center; position: relative; float: left; }
#main-nav li.first { background: transparent none repeat scroll 0% 0%; margin-left: 50px; display: inline; }
#main-nav li a, #promo .nav a { color: rgb(255, 255, 255); text-transform: uppercase; font-size: 13px; text-decoration: none; line-height: 19px; }
#main-nav li a { padding: 9px 29px 7px 33px; display: block; }
#promo .nav li a:hover, #main-nav li:hover a, #main-nav li.hover a { color: #d01213; }
#main-nav li ul { border-top: 5px solid rgb(136, 66, 41); padding: 3px 10px; background: #d01213 none repeat scroll 0% 0%; overflow: hidden; position: absolute; top: 35px; left: 20px; display: none; width: 110px; z-index: 100; }
#main-nav li ul li { padding: 2px 0pt; background: transparent none repeat scroll 0% 0%; width: 100%; display: block; position: relative; }
#main-nav li:hover ul a, #main-nav li.hover ul a { padding: 0pt; color: rgb(255, 255, 255); font-size: 12px; line-height: 15px; width: 110px; }
#main-nav li ul li a:hover { text-decoration: underline; }
#main-nav li:hover ul, #main-nav li.hover ul { display: block; }
#promo { margin: 0pt 15px; width: 800px; }
#promo .nav { border-top: 5px solid  #d01213; padding: 9px 0pt; background: #000 none repeat scroll 0% 0%; overflow: hidden; width: 100%; text-align: center; }
#promo .nav li { padding: 0pt 17px 0pt 21px; background: transparent url('imgs/nav-separate.gif') no-repeat scroll left center; display: inline; }
#promo .nav li.first { background: transparent none repeat scroll 0% 0%; padding-left: 20px; }
.extra { background: #eeeeee url('imgs/extra-border.gif') repeat-y scroll 0% 0%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; line-height: 18px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
.extra a { color: rgb#000; }
.extra .inner { padding: 4px 0pt 10px; overflow: hidden; width: 100%; }
.extra .inner .col-1 { padding: 29px 0pt 0pt 25px; background: transparent url('imgs/extra-map-bg.png') no-repeat scroll 0% 0%; width: 206px; float: left; min-height: 47px; font-size: 18px; font-weight: bold; }
* html .extra .inner .col-1 { height: 47px; }
.extra .inner .col-1 a { padding: 0pt 10px 0pt 0pt; background: transparent url('') no-repeat scroll right center; font-size: 14px; text-decoration: none; color: rgb(0, 0, 0); }
.extra .inner .col-2 { padding: 0pt 0pt 0pt 12px; width: 200px; float: left; }
.extra .inner .col-3 { padding: 0pt 26px 0pt 0pt; width: 310px; float: right; }
.extra .inner .col-3 img { border: 1px solid #000; float: left; }
.extra .inner .col-3 .text { float: right; width: 188px; }
.extra .inner .title { padding: 15px 0pt 0pt; font-size: 15px; display: block; }
.extra span.bot { background: transparent url('imgs/extra-bot-bg.png') no-repeat scroll 0% 0%; overflow: hidden; width: 100%; height: 9px; display: block; }
#content { margin: 0pt 15px; padding: 22px 0pt 0pt; overflow: hidden; width: 800px; text-align: justify; }
#content p { margin: 20px 0pt 0pt; }
#portfolio { margin: 0pt 15px; padding: 22px 0pt 0pt; overflow: hidden; width: 800px; text-align: left; }
#portfolio p { margin: 0px 0pt 0pt 20px; }
#portfolio h3 { font-size: 16px; color: rgb(79, 15, 16); font-weight: normal; margin-top: 18px; margin-bottom: 12px; }
.seo-block { padding: 0pt 0pt 0pt 26px; width: 470px; float: left; }
.seo-block h3 { font-size: 16px; color: rgb(79, 15, 16); font-weight: normal; margin-top: 18px; }
#content ul { padding: 0px 0px 12px 22px; list-style-type: square; list-style-image: none; list-style-position: outside; }
#photoborder { border: 1px solid #000; padding: 5px; margin-right: 22px; float: left; }
#photoslong { border: 1px solid #000; padding: 5px; }
#headshots { border: 1px solid #000; padding: 5px; margin-left: 22px; margin-bottom: 20px; float: right; }
.sidebar { padding: 0pt 30px 0pt 0pt; width: 230px; float: right;  }
.sidebar h3 { padding: 0pt 0pt 12px; color: rgb(79, 15, 16); font-weight: normal; }
.sidebarteam { padding: 0pt 30px 0pt 0pt; overflow: auto; width: 230px; height: 380px; float: right; line-height: 13px; text-align: left; }
.sidebarteam h3 { padding: 0pt 0pt 8px; font-size: 12px; color: rgb(79, 15, 16); font-weight: bold; }
.sidebarteam a:link, .sidebarteam a:visited { text-decoration: none; }
.sidebarteam a:hover { text-decoration: underline; }
#footer { margin: 0pt auto; padding: 22px 37px 25px; background: transparent url('') no-repeat scroll 0% 0%; width: 756px; color: #fff; line-height: 15px; }
#footer a { color: #cccccc; }
#footer ul { margin: 0pt 0pt 15px; overflow: hidden; width: 100%; }
#footer ul li { float: left; }
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px ;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 400px; /*position where enlarged image should offset horizontally */
z-index: 50;
}