/*
Theme Name:Full Fab Inc.
Theme URI:http://fullfabinc.com/
Description:Theme for the fullfabinc.com web site.
Author:Gorirra Consulting
Author URI:http://gorirra.com/
*/

@charset "utf-8";

body {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#000000; margin:0px; padding:0px; background-image:url('images/bg3.jpg'); background-repeat:repeat-x; background-position:top; background-color:#416879;}

#header .txt,
#nav .txt,
#content .txt,
#footer .txt  {width:740px; padding-right:10px; padding-left:10px; display:block; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto;}

#header                   {display:block;}
#header .txt              {font-size:36pt; font-family:Georgia, "Times New Roman", Times, serif; padding-top:10px; background-color:#FFFFFF; padding-bottom:10px;}
#header .txt .contactinfo {float:right; font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold; text-align:right; margin-top:25px;}

#nav                      {font-weight:bold; font-size:120%; text-align:center;}
#nav .txt                 {border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#18272E; padding-bottom:5px; background-color:#c6161d; border-top-width:1px; border-top-style:solid; border-top-color:#18272E; padding-top:5px; background-image:url('images/nav_bg.jpg'); color:#7A0D11; text-transform:uppercase;}
#nav .txt ul              {margin:0px; padding:0px;}
#nav .txt li              {display:inline; border-left:1px solid #7A0D11; padding:0 15px;}
#nav .txt li:first-child  {border-left:none;}

#nav .txt a:link,
#nav .txt a:visited,
#nav .txt a:active  {text-decoration:none; color:#FFFFFF;}
#nav .txt a:hover   {color:#C7C7C7;}

.hpmovie {width:760px; margin-right:auto; margin-left:auto; height:200px; background-color:#FFFFFF;}

#content .txt           {line-height:175%; padding-top:15px; padding-bottom:30px; background-color:#FFFFFF;}
#content .txt a:link,
#content .txt a:active,
#content .txt a:visited {color:#0A0A0A;}
#content .txt a:hover   {color:#575757;}
#content .txt .boxes    {display:block; overflow:hidden;}

#content .txt .box1,
#content .txt .box2 {width:355px; margin-right:5px; margin-left:5px; float:left; margin-bottom:10px;}
#content .txt li    {list-style-type:square;}

#lbc        {background-image:url('images/project_longbeach2a.png'); background-repeat:no-repeat; background-position:top; height:210px; width:310px; margin-right:auto; margin-left:auto; text-align:center;}
#lbc:hover  {background-image:url('images/project_longbeach2a.png'); background-repeat:no-repeat; background-position:bottom;}

.leftimage      {float:left; margin-right:20px; margin-bottom:20px; display:block;}
.rightimage     {float:right; margin-bottom:20px; margin-left:20px;}
#inline-sample  {display:none;}
.jig            {clear:both;}

.contactForm        {margin-right:auto; margin-left:auto;}
.contactForm .left  {text-align:right;}

#footer                 {text-align:center; display:block; padding:0px; clear:both; margin-top:0px; margin-right:0px; margin-bottom:50px; margin-left:0px;}
#footer .txt            {padding-top:10px; padding-bottom:20px; font-size:9px; color:#FFFFFF; background-color:#2E2E2E; background-image:url('images/footer_bg.jpg'); background-position:center bottom; background-repeat:no-repeat; border-top-width:5px; border-top-style:solid; border-top-color:#c6161d;}
#footer .txt a:link,
#footer .txt a:active,
#footer .txt a:visited  {text-decoration:none; color:#FFFFFF;}
#footer .txt a:hover    {text-decoration:underline; color:#999999;}
#footer .txt ul         {margin:0px; padding:0px;}
#footer .txt li         {display:inline; margin-right:5px; margin-left:5px;}

#lightwindow  {line-height:18px!important;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 20px 20px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 20px 20px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
