/*
Main CSS style
 
Copyright 2006 Sherman & Co.
all rights reserved

developed by Patrick J. Batey 
email: info@avtomaticgrafik.com

no stealing
----------------------------------------------------------------
*/


/*
global styles ---
----------------------------------------------------------------
*/
body{
font:  12px Verdana, lucia-granda;
background-image: url("images/bg.jpg");
background-repeat: repeat-x;
background-color: white;
}
h1{
font-size: 14px;
padding: 5px 0px;
}
.main{
text-align: center;
position: absolute;
background-color: white;
margin-left: -300px;
margin-top: 5px;
margin-bottom: 10px;
width: 600px;
height: 100%;
left: 50%;
right: 50%;
}
.header{
text-align: left;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}

#contact{
float: right;
/*font-family: arial, sans-serif;*/
color: darkslategray;
margin-top: -73px;
width: 60%;
font-size: 10px;
}
#contactxt{
float: right;
margin-top: 0px;
}
#logo{
font-size: 11px;
}
#address{
}
#mid{
}
.nav{
padding-top: 5px;
padding-bottom: 5px;
}
.button{
margin: -2px;
}
.content{
text-align: left;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
}
.footer{
text-align: center;
/*background-color: yellow;*/
font-size: 10px;
padding-top: 20px;
padding-bottom: 5px;
/*margin-top: 60%;*/
margin-top: 100px;
margin-bottom: 5px;
clear: both;
}
#tagline{
position: absolute;
color: #7E8A75;
font-size: 12px;
font-weight: bold;
font-style: italic;
right: 178px;
top: 68px;
}
/*
anchor styles ----
----------------------------------------------------------------
*/

ul li a:link, ul li a:visited{
color: #333333;
text-decoration: underline;
}
ul li a:hover{
color: #999999;
text-decoration: underline;
}
a:link, a:visited{
color: #333333;
text-decoration: underline;
}
a:hover{
color: #999999;
text-decoration: underline;
}
.homenews a:link, .homenews a:visited{
text-decoration: none;
color: black;
}
.homenews a:hover{
text-decoration: none;
color: black;
background-color: #F0F0F0;
}

/*
homepage only styles ----
----------------------------------------------------------------
*/
#newstxt{
position: inherit;
float: right;
margin-top: -350px;
font-size: 10px;
width: 180px;
}

#hometxt{
width: 360px;
}
#headlines{
font-size: 15px;
}


/*
interior global styles ---
----------------------------------------------------------------
*/
#trail{
	position: absolute;
	font-size: 10px;
	right: 20px;
	top: 393px;
	left: 409px;
	width: 177px;
	height: 15px;
}
ul{
display: block;
padding: 10px;
margin-right: 20px;
background-color: #E1F0E7;
list-style: none;
/*list-style-image: url("images/arrow.png");*/
list-style-position: inside;
margin-left: 15px;
padding: 4px;
line-height: 1.3em;
}
ul ul{
display: block;
margin: 10px;
background-color: #F5FDF8;
list-style-position: inside;
text-indent: -3em;
padding-left: 2em;
}



/*
'our team' syles only ----
----------------------------------------------------------------
*/
#teamnav{
position: absolute;
font-size: 10px;
left: 20px;
top: 388px;
}
#email{
/*float: right;*/
font-size: 11px;
line-height: 2em;
}

/*
'news' styles only ---
----------------------------------------------------------------
*/
.newseven {
padding-left: 5px;
padding-right: 5px;
}
.newsodd {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
background-color: #F0F0F0;
}


/*
'samples' styles only ---
----------------------------------------------------------------
*/

.sample_image{
text-align: center;
padding: 1px;
margin: 1px;
}
.sample_image_media{
text-align: left;
padding: 1px;
margin: 1px;
}
.sample_image_ad{
text-align: left;
padding: 20px;
margin-left: 5px;
margin-top: 0px;
}
.sample_image_web{
text-align: left;
padding: 20px;
margin-bottom: 20px;
margin-top: 0px;
}
.photo{ 
padding: 15px;
margin: 5px;
background-color: white;
border: 8px solid #F0F0F0;
}
.ads{ 
padding: 15px;
margin-left: 20px;
margin-bottom: 20px;
border: 8px solid #F0F0F0;
}
.web{
padding: 10px;
margin-right: 10px;
float: left;
border: 8px solid #F0F0F0;
}
.media{
top: 10px;
padding: 5px;
margin-right: 10px;
margin-bottom: 10px;
border: 8px solid #F0F0F0;
}
.branding{
padding: 10px;
margin-bottom: 10px;
margin-right: 10px;
border: 8px solid #F0F0F0;
}
.collateral{ 
padding: 5px;
margin-bottom: 10px;
margin-right: 5px;
background-color: white;
border: 8px solid #F0F0F0;
}
#samplesblockA{
padding-left: 20px;
width: 45%;
float: left;
}
#samplesblockB{
padding-right: 20px;
width: 45%;
float: right;
}
.samples{
padding: 10px 5px;
clear: both;
border-top: 1px solid gray;
}


.sbimg{
float: left;
margin-bottom: 10px;
margin-right: 5px;
padding: 5px;
border: 1px solid #D4CACE;
}
/*
site map styles only ---
----------------------------------------------------------------
*/

.map{
text-align: left;
padding: 20px;
list-style: disc;
}

/*
pop-up! window styles only ---
----------------------------------------------------------------
*/
.photo_pop_land{
position: absolute;
text-align: center;
margin-top: -226px;
margin-left: -340px;
left: 50%;
top: 50%;
}
.photo_pop_port{
position: absolute;
text-align: center;
margin-top: -290px;
margin-left: -193px;
left: 50%;
top: 50%;
}
.ad_pop_land{
position: absolute;
text-align: center;
margin-top: -212px;
margin-left: -340px;
left: 50%;
top: 50%;
}
.ad_pop_port{
position: absolute;
text-align: center;
margin-top: -290px;
margin-left: -225px;
left: 50%;
top: 50%;
}
.media_pop{
position: absolute;
text-align: center;
margin-top: -290px;
margin-left: -225px;
left: 50%;
top: 50%;
}
.collateral_pop_01{
position: absolute;
text-align: center;
margin-left: -162px;
margin-top: -290px;
left: 50%;
top: 50%;
}
.collateral_pop_02{
position: absolute;
text-align: center;
margin-left: -166px;
margin-top: -290px;
left: 50%;
top: 50%;
}
.collateral_pop_03{
position: absolute;
text-align: center;
margin-left: -340px;
margin-top: -260px;
left: 50%;
top: 50%;
}
.collateral_pop_04{
position: absolute;
text-align: center;
margin-left: -194px;
margin-top: -290px;
left: 50%;
top: 50%;
}
.collateral_pop_05{
position: absolute;
text-align: center;
margin-left: -193px;
margin-top: -290px;
left: 50%;
top: 50%;
}
.collateral_pop_06{
position: absolute;
text-align: center;
margin-left: -340px;
margin-top: -226px;
left: 50%;
top: 50%;
}
.collateral_pop_07{
position: absolute;
text-align: center;
margin-left: -250px;
margin-top: -100px;
left: 50%;
top: 50%;
}
.collateral_pop_08{
position: absolute;
text-align: center;
margin-left: -300px;
margin-top: -240px;
left: 50%;
top: 50%;
}
.collateral_pop_09{
position: absolute;
text-align: center;
margin-left: -324px;
margin-top: -290px;
left: 50%;
top: 50%;
}
.collateral_pop_10{
position: absolute;
text-align: center;
margin-left: -340px;
margin-top: -170px;
left: 50%;
top: 50%;
}
.collateral_pop_11{
position: absolute;
text-align: center;
margin-left: -194px;
margin-top: -290px;
left: 50%;
top: 50%;
}
.collateral_pop_12{
position: absolute;
text-align: center;
margin-left: -224px;
margin-top: -290px;
left: 50%;
top: 50%;
}
.media_pop_02{
position: absolute;
text-align: center;
margin-left: -188px;
margin-top: -290px;
left: 50%;
top: 50%;
}
.media_pop_03{
position: absolute;
text-align: center;
margin-left: -290px;
margin-top: -290px;
left: 50%;
top: 50%;
}
.media_pop_04{
position: absolute;
text-align: center;
margin-left: -201px;
margin-top: -290px;
left: 50%;
top: 50%;
}