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

p {
	line-height: 1.5em;
	margin-bottom: 1.2em;
}

ul {
	padding-left: 20px;
}

li {
	padding-left: 5px;
}

A:link, A:visited, A:active {
	text-decoration: underline;  
	font-weight: none;
	color: #000000;
}

A:hover 	{ 
	color: #2464C1; 
}

/* Structure */

body {
	background: #FFFFFF url(sitegraphics/background.jpg) repeat-x 50% 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	text-align: center;
	letter-spacing: 0px;
}

td {
	font-size: 13px;
}

#wrapper {
	width: 950px;
	text-align: center;
	margin: 0 auto;
	text-align: left;
}

#topnavigation {
	background: url(sitegraphics/topbanner.jpg) no-repeat top left;
	height: 152px;
	margin: 0;
	padding: 0;
}

#content {
	padding: 20px 0;
	text-align: justify;
}

#wrapperbottom {
	background: #19499c url(sitegraphics/bottom.jpg) repeat-x bottom right;
	text-align: center;
	padding: 0;
}

.bottomarea {
	
}

.bottomarea td {
	color: #FFFFFF;
}

.bottomarea td a {
	color: #FFFFFF;
	text-decoration: none;
}

.bottomarea td a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Navigation */


#topnav1 {
	margin: 0;
	padding: 10px 50px 0 0;
	text-align: right;
}

#topnav1 li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	font-weight: bold;
}

#topnav1 a {
	line-height: 13px;
	margin: 0;
	padding: 0 0 0 25px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: normal;
}

#topnav1 a:hover {
	color: #97c2e7;
}

#topnav2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding:85px 0 0 0;
	text-align: center;
}

#topnav2 li {
	margin: 0;
	padding: 5px 10px;
	display: inline;
	list-style: none;
}

#topnav2 a {
	line-height: 13px;
	margin: 0;
	padding: 0 10px 0 0;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: normal;
}

#topnav2 a:hover {
	color: #97c2e7;
}

#topnav2 li>ul {
	z-index:100;
	visibility:hidden;
	position:absolute;
	margin-left: 350px;
	padding: 15px;
	text-align: right;
}
#topnav2 li:hover>ul {
	visibility:visible;
}
/* Bottom Styles */

#wrapperbottom #wrapper td {
}

#wrapperbottom h3 {
	margin-bottom: 10px;
	border-bottom: solid 1px #3a5d9f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	color: #FFFFFF;
	font-weight: normal;
}

#wrapperbottom label {
	color: #FFFFFF;
}

#wrapperbottom .inputbox {
	border: 1px solid #061e51;
	padding: 4px;
	width: 250px;
	margin: 3px 0 10px 0;
}

#wrapperbottom textarea {
	border: 1px solid #061e51;
	padding: 4px;
	width: 250px;
	margin: 3px 0 10px 0;
}

#bottomnavi {
	background: #0c2d74 url(sitegraphics/bottomnav.jpg) repeat-x top left;
	text-align: center;
	margin: 0;
	border-top: 1px solid #4265a7;
	padding: 10px 0;
}

#bottomnavi li	{
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	font-weight: bold;
	font-size: 75%;
}

#bottomnavi a	{
	margin: 0;
	padding: 0 10px;
	text-decoration: none;
	color: #FFFFFF;
	letter-spacing: 1px;	
}

#bottomnavi a:hover	{
	color: #97c2e7;
}

/* Bottom Testimonials styles */

.bottomtestimonials {
	background: url(sitegraphics/bottomtestimonial1.gif) no-repeat 0 0;
}

.bottomquote {
	font-style: italic;
	color: #a3b8db;
	font-size: 120%;
	padding: 30px 20px;
	text-align: center;
	background: url(sitegraphics/bottomtestimonial2.gif) no-repeat bottom right;
}


/* Titles */

h1 {
	font-size: 160%;
	font-weight: normal;
	text-align: left;
	color: #19499c;
	margin-bottom: 1em;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}

h1 span {
	color: #2464C1;	
}

h2 {
	font-size: 140%;
	font-weight: bold;
	color: #19499c;
	margin-top: 30px;
	margin-bottom: 0.7em;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	color: #061C5B;
	padding-bottom: 6px;
	border-bottom: solid 1px #D7DBE6;	
}

/* home styles */

#slideshow {
	height: 300px;
	margin-bottom: 20px;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius: 3px 3px;
    -moz-box-shadow: 0px 0px 6px #0d2e75;
    -webkit-box-shadow: 0px 0px 6px #0d2e75;
    box-shadow: 0px 0px 6px #0d2e75;
    -webkit-transition: -webkit-box-shadow 0.1s ease-out;
    -moz-transition: -webkit-box-shadow 0.1s ease-out;
    -o-transition: -webkit-box-shadow 0.1s ease-out;
    transition: -webkit-box-shadow 0.1s ease-out;
}

#slideshow ul {
	margin:0; 
	padding:0px;
	list-style-type:none;
}

#slideshow li{
	margin:0; 
	padding:0;
	list-style-type:none;
}


#homesections h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 120%;
	color: #19499c;
}

#homesections td {
	width: 25%;	
	padding-right: 40px;
	text-align: justify;
}

#rightcell td {
	padding-right: 0;	
}

.highlight {
	text-align: center;
	font-weight: bold;
	font-style:italic;
}

#homesections td {
	text-align: left;	
}

#homesections .portfolioimage {
	text-decoration: none;
    color: inherit;
    cursor: pointer;
    margin: 0;
    display: inline-block;
    background: white;
    padding: 2px;
    line-height: 0;
	font-size: 90%;
	text-transform: uppercase;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius: 3px 3px;
    -moz-box-shadow: 0px 0px 6px #AAA;
    -webkit-box-shadow: 0px 0px 6px #AAA;
    box-shadow: 0px 0px 6px #AAA;
    -webkit-transition: -webkit-box-shadow 0.1s ease-out;
    -moz-transition: -webkit-box-shadow 0.1s ease-out;
    -o-transition: -webkit-box-shadow 0.1s ease-out;
    transition: -webkit-box-shadow 0.1s ease-out;
}

#tweets ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

#tweets li {
	list-style-type:none;
	color: #97c2e7;
}

/* Portfolio */

#clickbelow {
	color: #19499C;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 10px;
}

#company td {
	width: 25%;
	text-align: left;
}

#company ul {
	padding: 0;
}

#company li {
	margin: 0;
	padding: 5px 0;
	list-style: none;
	font-weight: normal;
	font-size: 10px;
	letter-spacing: 1px;
}

#company a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #000000;
}

#company a:hover {
	color: #2464C1;
}

#portfolio {
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	margin: 20px 0;
}

#printmediaareas {
	text-align: center;
}

#printmediaareas a {
	line-height: 13px;
	margin: 0 10px;
	padding: 0 5px;
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: bold;
}

#printmediaareas a:hover {
	color: #2464C1;
}

/* Gallery Styling */
.portfoliogallery .image-title,
.portfoliogallery .image-description,
.portfoliogallery .image-author,
.portfoliogallery .image-link {
    display:none;
}

.portfoliogallery
{
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: none;
}

.portfoliogallery td {
    text-align: center;
    padding: 10px 20px;
}

.portfoliogallery h1 {
	line-height: 1em;
	margin-bottom: 0;
	margin-top: 10px;
	font-size: 110%;
	text-transform: uppercase;
	color: #19499c;
	text-align: center;
}

.portfoliogallery p {
	text-align: left;
	line-height: 1.2em;
	margin-bottom: 0;
	margin-top: 10px;
	font-size: 100%;
	color: #000000;
}

.portfoliogallery .button {
	text-align: center;
}

.portfoliogallery img {
	border: solid 1px #999999;	
}

.portfolioimage {
	text-decoration: none;
    color: 19499c;
    cursor: pointer;
    margin: 10px 10px 5px 10px;
    display: inline-block;
    line-height: 0;
	font-size: 100%;
	text-transform: uppercase;
}
.portfolioimage:hover
{
    -moz-box-shadow: 0px 0px 6px #AAA;
    -webkit-box-shadow: 0px 0px 6px #AAA;
    box-shadow: 0px 0px 8px #AAA;
}

/*.portfoliogallery .portfolioimage a img
{
    border: none;
    padding: none;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius: 3px 3px;
}


.portfoliogallery ul.portfolioimages
{
    list-style-type: none;
    border: none;
    padding: 0;
}

.portfoliogallery ul.portfolioimages li.portfolioimage
{
    display: inline;
    line-height: 0;
    padding: 0;
}

.portfoliogallery ul.portfolioimages li.portfolioimage a
{
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    margin: 10px;
    display: inline-block;
    background: white;
    padding: 2px;
    line-height: 0;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius: 3px 3px;
    -moz-box-shadow: 0px 0px 6px #AAA;
    -webkit-box-shadow: 0px 0px 6px #AAA;
    box-shadow: 0px 0px 6px #AAA;
    -webkit-transition: -webkit-box-shadow 0.1s ease-out;
    -moz-transition: -webkit-box-shadow 0.1s ease-out;
    -o-transition: -webkit-box-shadow 0.1s ease-out;
    transition: -webkit-box-shadow 0.1s ease-out;
}

.portfoliogallery ul.portfolioimages li.portfolioimage a img
{
    border: none;
    padding: none;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius: 3px 3px;
}

.portfoliogallery ul.portfolioimages li.portfolioimage a:hover
{
    -moz-box-shadow: 0px 0px 6px #222;
    -webkit-box-shadow: 0px 0px 6px #222;
    box-shadow: 0px 0px 8px #222;
}*/

.logogallery
{
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: none;
}

.logogallery td {
	width: 380px;
    text-align: center;
    padding: 0;
}

.logogallery ul.portfolioimages
{
    list-style-type: none;
    border: none;
    padding: 0;
}

.logogallery ul.portfolioimages li.portfolioimage
{
    display: inline;
    line-height: 0;
    padding: 0 30px;
}

.printgallery {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: none;
}

.printgallery td {
    text-align: center;
    padding: 20px;
}

.printgallery img {
	border: solid 1px #666666;	
}

.printgallery a:hover {
	background: #cc0000;
	z-index:1;
}

.printimage:hover
{
    -moz-box-shadow: 0px 0px 6px #AAA;
    -webkit-box-shadow: 0px 0px 6px #AAA;
    box-shadow: 0px 0px 8px #AAA;
}

.popupcontent {
	background: #FFFFFF;
	padding: 20px 20px 20px 640px;
	min-height: 460px;

}

.popupcontent p {
	font-size: 90%;
	padding: 0 30px;
	margin-bottom: 5px;
}

.popupsection {
	margin-top: 10px;	
}

.popupcontent h2 {
	font-size: 140%;
	padding: 0;
	text-align: center;
	margin-bottom: 1em;
	margin-top: 10px;
}

.website {
	padding-top: 430px;	
	margin-top: 10px;
}

.hikeforequality {
	background: url(sitegraphics/websites_hikeforequality.jpg) no-repeat 50% -15px;
}

.neildouglas {
	background: url(sitegraphics/websites_neildouglas.jpg) no-repeat 50% -15px;
}

.autovillage {
	background: url(sitegraphics/websites_autovillage.jpg) no-repeat 50% -15px;
}

.nrgexperts {
	background: url(sitegraphics/websites_nrgexperts.jpg) no-repeat 50% -15px;
}

.completecurtains {
	background: url(sitegraphics/websites_completecurtains.jpg) no-repeat 50% -15px;
}

.anderson {
	background: url(sitegraphics/websites_andersonstocktaking.jpg) no-repeat 50% -15px;
}

.volvo {
	background: url(sitegraphics/websites_volvomilitarysales.jpg) no-repeat 50% -15px;
}

.magnolia {
	background: url(sitegraphics/websites_magnolia.jpg) no-repeat 50% -15px;
}

.ndblock {
	background: url(sitegraphics/websites_ndblock.jpg) no-repeat 50% -15px;
}

.aes {
	background: url(sitegraphics/websites_aes.jpg) no-repeat 50% -15px;
}

.fountain {
	background: url(sitegraphics/websites_fountain.jpg) no-repeat 50% -15px;
}

.ashleacatering {
	background: url(sitegraphics/websites_ashleacatering.jpg) no-repeat 50% -15px;
}

.shape {
	background: url(sitegraphics/websites_shape.jpg) no-repeat 50% -15px;
}

.bellecurtains {
	background: url(sitegraphics/websites_bellecurtains.jpg) no-repeat 50% -15px;
}

.veo {
	background: url(sitegraphics/websites_veo.jpg) no-repeat 50% -15px;
}

/* Testimonials */

#testimonialtext{
	margin: 10px 0 0 0;
	background: url(sitegraphics/quote_top.gif) no-repeat top left;
}

#testimonial {
	margin: 0;
	padding: 10px;
	font-style: italic;
	background: url(sitegraphics/quote_bottom.gif) no-repeat bottom right;
}

#logos {
	margin: 0;
	padding: 4px 0;
	height: 18px;
	text-align: center;
}

#logos li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	font-weight: bold;
	padding: 5px;
}

#client {
	margin-top: -15px;
	font-size: 90%;
	padding: 10px;
	font-weight: bold;
	color: #061C5B;
}

/* contact forms */

form {
	
}

#formbox {
	border: 1px solid #000000;
	width: 250px;
	margin: 4px;
	padding: 2px;
}

#formcell {
	border: 0px;
	margin: 4px;
	
}

#formtext {
	border: 0px;
	margin: 4px;
}

/* misc */

.button a {
	background: url(sitegraphics/button_bg1.jpg) repeat-x 0 0;
	padding: 4px 10px;
	font-weight: normal;
	margin: 0 4px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 80%;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	/*
    -moz-box-shadow: 0px 0px 6px #AAA;
    -webkit-box-shadow: 0px 0px 6px #AAA;
    box-shadow: 0px 0px 6px #AAA;*/
}	

.button a:hover {
	background: url(sitegraphics/button_bg2.jpg) repeat-x 0 0;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
}

.catlindesigns {
	font-weight: bold;
	color: #061C5B;
}