/* Primary CSS for:	BeachScreens.com
   Site Design by: 	Craig A. Berry
   Update:		Winter 2009
*/

	a:link {color: #000000}		/* unvisited link */
	a:visited {color: #000000}	/* visited link */
	a:hover {color: #FFE89F}	/* mouse over link */
	a:active {color: #FFC000}	/* selected link */


body { background-image: url('site-grafix/Beach-Screens-Background-Gradient-tall.jpg'); background-repeat: repeat-x; background-color: #F08B43; font: 100% Arial, Helvetica, sans-serif;
       margin: 0; padding: 0; text-align: center;}

.BeachScreens #container {width: 760px; text-align: center; padding: 0; margin-left: auto; margin-right: auto; margin-top: .5em; margin-bottom: .5em; border: 0px solid black;}
.BeachScreens #pagefooter {width: 100%; padding-top: 5px; padding-bottom: 5px; margin: 0; text-align: left; border: 0px solid black; font-size: 0.8em;}
.beachscreens #sitemap	{text-align: center; font-size: 10pt; font-weight: bold; letter-spacing: 0px; }


img				/* generic image, no border */
{
border: 0px solid #000000;
}

img.gallery-L			/* landscape image, large */
{
border: 3px solid #000000;
width: 450px;
}

img.gallery-P			/* portrait image, large */
{
border: 3px solid #000000;
height: 450px;
}

img.thumb-L			/* landscape image, small */
{
border: 3px solid #000000;
width: 130px;
}

img.thumb-P			/* portrait image, small */
{
border: 3px solid #000000;
height: 130px;
}

img.small-blank				/* small blank image, no border */
{
border: 0px solid #000000;
width: 10px;
height: 10px;
}



td.25				/* standard table cell */
{
valign: top;
align: center;
width: 25%;
}

img.mini			
{
border: 3px solid #000000;
width: 70px;
height: 52px;
}

img.thumbframe { 
width:130px; 
height:97px; 
background:url(images/BeachScreens.gif); 
} 


img.blank
{
border: 0px solid #000000;
width: 130px;
height: 97px;
}





img.obama
{
border: 3px solid #000000;
}

img.ads1
{
border: 3px solid #000000;
width: 327px;
height: 30px;
}

img.ads2
{
border: 3px solid #000000;
width: 282px;
height: 54px;
}

img.client
{
border: 3px solid #000000;
width: 212px;
height: 165px;
}

img.animation
{
border: 3px solid #000000;
width: 150px;
height: 100px;
}

img.update
{
border: 3px solid #000000;
width: 50px;
height: 25px;
}

img.shutterfly
{
border: 3px solid #000000;
width: 760px;
height: 30px;
}

p.right {text-align: right;}

p.center 
{
text-align: center;
color: #000000;
font-weight: normal;
letter-spacing: 0px;
}

p.left {text-align: left;}

p.sitemap
{
text-align: left;
color: #000000;
font-size: 11pt;
font-weight: normal;
letter-spacing: 0px;
}

p.breadcrumb
{
text-align: left;
color: #000000;
font-size: 10pt;
font-weight: normal;
letter-spacing: 0px;
}

p.small-center
{
text-align: center;
color: #000000;
font-size: 10pt;
font-weight: normal;
letter-spacing: 0px;
}

p.medium-center
{
text-align: center;
color: #000000;
font-size: 15pt;
font-weight: bold;
letter-spacing: -1px;
}

p.big-center
{
text-align: center;
color: #000000;
font-size: 20pt;
font-weight: bold;
letter-spacing: -1px;
}

h1 
{
color: #000000;
font-size: 20pt;
font-weight: bold;
letter-spacing: -1px;
} 

h2 
{
color: #000000;
font-size: 14pt;
font-weight: bold;
letter-spacing: -1px;
}