/* --------------------------------------------------
CSS Code for Lloyd Films

Version:	3.0
Author:		Forrest Lloyd
E-mail:		forrest@Information-Systems.biz
website:	Information-Systems.biz
 
Modification History:
Forrest Lloyd 2/7/2010
2/7/2010 - Forrest validated.
2/4/2011 - Forrest changed pricing and samples
-----------------------------------------------------*/
/* =General
-----------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0px;
  padding: 0px;
}

/* Put it back on certain elements */
pre, blockquote, form, fieldset, table {
  margin: 1em 0;
}


p	{
	/*text-indent:1em;*/
	margin: .6em .3em .1em .8em;
}

ol, ul	{
	margin-left:2em;
}


/* Header Settings*/
h1	{
	font-size: 18px;
	margin:.2em 0em .2em .2em;
	text-align:center;
	color: #534741;
	}
	
h2	{
	font-size: 20px;
	margin:1.2em 0em 0em .7em;
	color: #534741;
	}	
	
h3	{
	font-size:20px;
	margin:.7em;
	color: #534741;
	}
	
h4	{
	font-size:12px;
	margin:.7em;
	}
	
h5	{
	font-size:10px;
	margin:.7em;
	}


/*--------------------------------------------------------------------------*/	
/* =Typography
-----------------------------------------------------------------------------*/
body	{
	font-family:Arial, Helvetica, sans-serif;
	color: black;
	background-color:#d5e9f0;
	z-index:1;
	font-size: 16px;
}

/* =Wrapper
------------------------------------------------------------------------------*/
#wrapper	{
	width:1024px;
	height:768px;
	background-image:url(../images/common/background-75percent-trans.gif);
	background-repeat:no-repeat;
	z-index:1;
	border: 1px solid;
	margin-left:auto;
	margin-right:auto;
	
}

/* =Social Network Links
-----------------------------------------------------------------------------*/
#twitter	{
	width:35px;
	height:40px;
	position:relative;
	top:10px;
	float:right;
}

#twitter img {
	border:none;
}
	
#facebook	{
	width:35px;
	height:40px;
	position:relative;
	top:10px;
	float:right;
}


#facebook img {
	border:none;
}

#linkedin	{
	width:35px;
	height:40px;
	position:relative;
	top:10px;
	float:right;
}

#linkedin img {
	border:none;
}

/* =Contact Information
-----------------------------------------------------------------------------*/
#contact	{
	width:125px;
	height:40px;
	margin-left:5px;
	margin-top:.6em;
	clear: both;
	float:right;
}


#contact p	{
	margin: 0px;
	padding:0px;
	text-indent:0px;
}

#contact a	{
	color:black;
}

/* =Branding
-----------------------------------------------------------------------------*/
#banner	{
	width:200px;
	height:70px;
	position:relative;
	left:40px;
	top:-30px;
	float:left;
}

/* =Main Navigation buttons
-----------------------------------------------------------------------------*/
#nav	{
	width:830px;
	height:42px;
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	background-color:#93c6d9;
	color: #534741;
	position:relative;
	left:100px;
	font-size:18px;
	clear:both;
	}
			
#nav ul li	{
	width: auto;
	list-style-type: none;
	padding:.3em 1.4em 0 1.4em;
	float: left;
	}
	
#nav ul a	{
	padding: 0 .2em;
	text-decoration: none;
	}
	
/* Mark the nav button associated with current web page */
#home #nav .home a,
#samples #nav .samples a,
#about #nav .about a,
#pricing #nav .pricing a,
#contactus #nav .contactus a,
#links #nav .links a
	{
	color: white;
}
	
#nav ul li a:link  		/* link pseudo code selector */
	{
	color: #534741;
}
	
#nav ul li a:visited	/* visited pseudo selector - red */
	{
	color: #534741;
}
		
#nav ul li a:hover		/* hover pseudo selector - white */
	{
	color: white;
}
	
#nav ul li a:active		/* hover pseudo selector - green */
	{
	color: black;
}


/* =Navigation About - Pull Down Menu
____________________________________________________________________________*/
#about_menu	{
	width:auto;
	height:auto;
	position:absolute;
	float:none;
	top:35px;
	left:400px;
	background-color: #93c6d9;
	color: #534741;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	z-index:5;
	visibility:hidden;
}

/* Mark the nav button associated with current web page */
#testimonials #about_menu .testimonials a,
#qanda #about_menu .qanda a
	{
	color: white;
}

#about_menu a:link  		/* link pseudo code selector */
	{
	color: #534741;
}
	
#about_menu a:visited	/* visited pseudo selector - red */
	{
	color: #534741;
}
		
#about_menu a:hover		/* hover pseudo selector - white */
	{
	color: white;
}
	
#about_menu a:active		/* hover pseudo selector - green */
	{
	color: black;
}

#about_menu a	{
	font-size:18px;
	text-decoration: none;
}

/* =Content All Pages
-----------------------------------------------------------------------------*/
#content	{
	width:830px;
	height:515px;
	position:relative;
	left:100px;
	background-image: url(../images/common/trasparent-square.png);
	z-index:2;
	border-left: 1px solid;
	border-right: 1px solid;
	clear:both;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer	{
	width:830px;
	height:50px;
	position:relative;
	left:100px;
	top:-6px;
	z-index:5;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	background-color:#93c6d9;
	text-align:center;
	font-size:10px;
}


/* =Home page
-----------------------------------------------------------------------------*/
#home #content	{  /* Select radum pictures for home page  */
	background: url(../images/page_home/brides/img_rotator.php) no-repeat;
}

#home_1	{
	width:335px;
	padding-left:20px;
	padding-right:20px;
	margin-right:3px;
	height:515px;
	position:relative;
	float:right;
	background-image: url(../images/page_home/text-square-375x516.png);
	background-repeat:no-repeat;
}

/* =About US page
-----------------------------------------------------------------------------*/
#about_1  {           /*  lense  */
	width:465px;
	height:515px;
	position:absolute;
	z-index:3;
	top:-2px;
}


#about #about_2	{	/* grume and bride */
	width:300px;
	height:508px;
	position:relative;
	float:left;
	top:20px;
	right:40px;
	z-index:4;
}

#about #about_3	{  /* text on right */
	width:510px;
	height: 515px;
	margin-right:20px;
	float:right;
}

	
/* =Contact US page
-----------------------------------------------------------------------------*/
#contact_1	{
	width:365px;
	height:510px;
	float:left;
}

#contact_2	{
	width:410px;
	height:510px;
	position:relative;
	float:right;
	padding-right:30px;
	padding-left:10px;
}

/* =Pricing page
-----------------------------------------------------------------------------*/
#pricing #content	{
	overflow:auto;	
}

#print_page	{
	width:100px;
	height:20px;
	position: relative;
	z-index:7;
	left:850px;
	top:-30px;
	color: #f3e7c6;
	clear:both;
}

.pricing	{
	font-style:italic;
}


/* =Samples pages
-----------------------------------------------------------------------------*/
.text	{
	position:relative;
	left:320px;
	top:20px;
}

table	{
	border-collapse:separate;
	border-spacing:38px 30px;
	table-layout:fixed;
	text-align: center;
	font-size: 16px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

#samples #content table img	{
		border: 1px solid black;
}

#return	{
	width:100px;
	position:relative;
	left:100px;
}

#sample_description	{
	width:510px;
	height:auto
}

/* =Sample_1, Sample_2, etc pages
-----------------------------------------------------------------------------*/

/* =Sample_1
-----------------------------------------------------------------------------*/
#sample_1 #content	{
	width:830px;
	height:650px;
	position:relative;
	left:100px;
	background-image: url(../images/common/trasparent-square.png);
	z-index:2;
	border: 1px solid;
	clear:both;
}

#video_1	{
	width:720px;
	height: 480px;
	margin-left:auto;
	margin-right:auto;
}

#video_1a	{
	width:720px;
	height:405px;
	border:1px solid black;
}

#video_1b	{
	width:700px;
	height:150px;
	margin-left: auto;
	margin-right: auto;	
}


/* =Sample_2
-----------------------------------------------------------------------------*/
#sample_2 #content	{
	width:830px;
	height:650px;
	position:relative;
	left:100px;
	background-image: url(../images/common/trasparent-square.png);
	z-index:2;
	border: 1px solid;
	clear:both;
}

#video_2	{
	width:720px;
	height: 480px;
	margin-left:auto;
	margin-right:auto;
}

#video_2a	{
	width:720px;
	height:405px;
	border:1px solid black;
}

#video_2b	{
	width:700px;
	height:150px;
	margin-left: auto;
	margin-right: auto;	
}


/* =Sample_3
-----------------------------------------------------------------------------*/
#sample_3 #content	{
	width:830px;
	height:650px;
	position:relative;
	left:100px;
	background-image: url(../images/common/trasparent-square.png);
	z-index:2;
	border: 1px solid;
	clear:both;
}

#video_3	{
	width:720px;
	height: 480px;
	margin-left:auto;
	margin-right:auto;
}

#video_3a	{
	width:720px;
	height:405px;
	border:1px solid black;
}

#video_3b	{
	width:700px;
	height:150px;
	margin-left: auto;
	margin-right: auto;	
}

/* =Sample_4
-----------------------------------------------------------------------------*/
#sample_4 #content	{
	width:830px;
	height:650px;
	position:relative;
	left:100px;
	background-image: url(../images/common/trasparent-square.png);
	z-index:2;
	border: 1px solid;
	clear:both;
}

#video_4	{
	width:720px;
	height: 480px;
	margin-left:auto;
	margin-right:auto;
}

#video_4a	{
	width:720px;
	height:405px;
	border:1px solid black;
}

#video_4b	{
	width:700px;
	height:150px;
	margin-left: auto;
	margin-right: auto;	
}

/* =Sample_5
-----------------------------------------------------------------------------*/
#sample_5 #content	{
	width:830px;
	height:650px;
	position:relative;
	left:100px;
	background-image: url(../images/common/trasparent-square.png);
	z-index:2;
	border: 1px solid;
	clear:both;
}

#video_5	{
	width:720px;
	height: 560px;
	margin-left:auto;
	margin-right:auto;
}

#video_5a	{
	width:720px;
	height:540px;
	border:1px solid black;
}

#video_5b	{
	width:700px;
	height:150px;
	margin-left: auto;
	margin-right: auto;	
}



/* =Sample_1
-----------------------------------------------------------------------------*/
#sample_6 #content	{
	width:830px;
	height:650px;
	position:relative;
	left:100px;
	background-image: url(../images/common/trasparent-square.png);
	z-index:2;
	border: 1px solid;
	clear:both;
}

#video_6	{
	width:510px;
	height: 431px;
	margin-left:auto;
	margin-right:auto;
}

#video_6a	{
	width:500px;
	height:375px;
	border:1px solid black;
}

#video_6b	{
	width:500px;
	height:150px;
	margin-left: auto;
	margin-right: auto;	
}


/* =Links
-----------------------------------------------------------------------------*/	
#links_1	{
	width:395px;
	height:443px;
	margin-left:40px;	
	float:left;
}

#links_2	{
	width:395px;
	height:443px;
	float:right;
}

#links_1 a:link, #links_2 a:link		{
	color: black;
}
	
#links_1 a:visited, #links_2 a:visited	{
	color: black;
}
		
#links_1 a:hover, #links_2 a:hover		{
	color: blue;
}
	
#links_1 a:active, #links_2 a:active	{
	color: black;
}

/* =testimonials
-----------------------------------------------------------------------------*/	
#testimonials #content	{
	overflow:auto;	
}

/* =Question and Answer page
-----------------------------------------------------------------------------*/
#qanda #content	{
	overflow:auto;	
}

/* =Privacy page
______________________________________________________________________________*/
#privacy #content	{
	overflow:auto;	
}