@charset "UTF-8";
/* STYLE RESET BEGINS */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* STYLE RESET ENDS */

/* POPICH SITE STYLES */

body {
font-size: 70%;
}
  
html>body {
font-size: 11px;
}

body {
	background-image: url(/images/TopBg.gif);
	background-repeat:repeat-x;
	background-position: top;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background-color: #000000;
}
  
p {
line-height: 1.66em;
margin-bottom: 1.66em;
}

#Container {
	width:800px;
	margin: 0px auto;
}

#TopContainer {
	position:relative;
height: 143px;
padding-bottom: 20px;
}

#Logo {
	position:absolute;
	left:590px;
	top:48px;
	}

#MiddleContainer {
height: 430px;
clear: both;
padding-bottom: 24px;
overflow: hidden;
}

#IntroContainer {
float: left;
width: 520px;
}

#Intro {
height: 375px;
width: 484px;
margin-left: 130px;
margin-top: 20px;
}

#LeftCol{
float: left;
height: 100%;
padding-left: 24px;
width: 124px;
}

#RightCol {
float: left;
height: 100%;
margin-left: 14px;
width: 608px;
padding: 0px 14px;
border-left: 1px solid #666;
border-right: 1px solid #666;
height: 410px;
overflow: hidden;
}

#SecondColumn {

width: 376px;
padding-right: 14px;
float: left;
}

#ThirdColumn {
width: 200px;
padding-left: 14px;
float: left;
border-left: 1px solid #666;
height: 100%;
}

#PortfolioLeft {
width: 180px;
float: left;

padding-right: 14px;
height: 100%;
}

#PortfolioRight {
padding-left: 19px;
float: left;
}

#PortfolioImage {
width: 395px;
height:350px;
padding-top: 2px;
}

#PortfolioThumbnails {
clear: both;
}

#PortfolioThumbnails ul {
padding-top: 24px;
height: 30px;
}

#PortfolioThumbnails li {
display: inline;
}

#PortfolioThumbnails li a {
text-decoration: none;
padding: 4px 8px;
margin-right: 7px;
background-color: #999;
color: #999;
border: 3px solid #FFF;
}

#PortfolioThumbnails li a:hover, 
#PortfolioThumbnails a.Selected {
border: 3px solid #F30;
}

#Footer {
margin: 0px 0px 0px 20px; 
	background-color:#000000; 
color: #FFFFFF;
clear: both;
padding-top: 0px;
}

#Footer a {
color: #FFFFFF;
text-decoration: none;
}

#Footer a:hover {
text-decoration: underline;
}

#Footer li {
display: inline;
padding: 0px 42px 0px 0px;
letter-spacing: .1em;
}

/* Navigation */

a, a:link, a:active, a:visited {
color: black;
}

#GlobalNav {
margin-left: 24px;
position: absolute;
top: 120px;
}

#GlobalNav li {
display: inline;
padding-right: 35px;
}

#GlobalNav li a, #GlobalNav li a:link, #GlobalNav li a:active, #GlobalNav li a:visited {
color: #000000;
text-transform: uppercase;
text-decoration: none;
letter-spacing: .2em;
font-size: 1.1em;
}

.SectionNav li {
padding-bottom: 1em;
}

.SectionNav li a {
font-size: 1em;
text-decoration: none;
line-height: 1.4em;
letter-spacing: .025em;
}
	
#Portfolio a:hover {
color: rgb(225, 78, 57) !important;
}

#Services a:hover {
color: rgb(247, 146, 57) !important;
}

#About a:hover, #History a:hover, #Clients a:hover {
color: rgb(0, 155, 97) !important;
}

#Contact a:hover {
color: rgb(14, 122, 192) !important;
}

#History a:hover, #Clients a:hover {
	color: rgb(2,155,98);
}

#Madison a:hover, #Braeburn a:hover, 
#Bristol a:hover, #Foss a:hover, #Island a:hover, 
#Vernon a:hover, #Swedish a:hover, 
#Trophy a:hover, #Tullys a:hover,
#Union a:hover, #Vance a:hover {
	color: rgb(258,78,58) !important;
}

/* Type Styles */


h1 {
	margin: 0;
	font-size: 1.6666666666666667em;
	font-weight: bold;

	line-height: 1.5em;
	margin-bottom: .75em;

}

h2 {
font-weight: bold;
line-height: 2.22em;
}


h3 {
font-weight: bold;
line-height: 1.6em;
margin-bottom: 1.26em;
}

.FirstColumn, .SecondColumn, .ThirdColumn {
float: left;
width:190px;
margin-left: 0px;
padding-right: 5px;
}

.FirstColumn {
margin-left: 3px;
}

.FirstColumn li, .SecondColumn li, .ThirdColumn li {
list-style-type: disc;
list-style-position: inside;
line-height: 1.6em;
}

.ThirdColumn {
padding-right: 0px !important;
}

/* Border Styles */

.ThinBorder {
border: 1px solid #999;
}

.Emphasis {
font-weight: bold;
color: rgb(225, 78, 57);
}

/* Gallery Styles */

ul.gallery {
	width: 395px;
	list-style: none;
}
	
#img-gallery {
	background: #FFF;
	width: 395px;
}

#img-gallery ul {
	list-style: none;
	display: none;
	padding: 20px 0px 0px 5px;
	height: 50px;
width: 395px;
}

#img-gallery ul li {
	display: inline; 
}

#img-gallery ul a {
	text-decoration: none;
	padding: 10px;
	margin-right: 7px;
	background-color: #999;
	color: #999;
	border: 3px solid #FFF;
font-size: 1px;
}

#img-gallery ul a#playstop {
	display: none;
}

#img-gallery ul a#playstop.stop {
	display: none;
}

#img-gallery ul a.active, #img-gallery ul a:hover {
	border: 3px solid #e14e39;
}

#img-gallery #img-description {
	display: none;
}

#img-gallery #img-description p {
	font-size: 1px;
	color: #FFF;
	height: 1px;
}

#img-gallery img {
	height: 313px;
	padding: 2px 0px 0px 5px;
}

/* POPICH SITE STYLES END */