@charset "utf-8";
/* CSS Document */

/**
*	COLOR VALUES
*
*	Dark Blue	#003893
*	Med Blue	#008ED6
*	Red			#D81E05
**/

/**
* Default and layout rules
*/

body{

    background-image:	url(images/contentBackground.gif);
    background-repeat:	repeat;
    background-color: 	#FFF;
    font-size:			12pt;
    font-family:		Helvetica, Arial, sans-serif;
}

img{
    border:				none;
}

#page{
    background-image:	url(images/bodyBackground.jpg);
    background-repeat:	repeat-x;
    width: 				100%;
    min-height:			768px;
    margin-right:		auto;
    margin-left:		auto;

}

#header{
    background-image:	url(images/headerBackground.jpg);
    background-repeat:	repeat-x;
    width: 				100%;
    color:				#FFF;
    height: 			98px;
}

#navigation{
    padding-top:			70px;
    float:					right;
}

#navigation .red{
    color: #D81E05;
}

#contentWrapper{
    width: 					950px;
    margin-right:			auto;
    margin-left:			auto;
    min-height:				543px;
    background-color:		#FFF;
}

#logo{
    width:					217px;
    height:					200px;
    z-index:				99;
    position: 				absolute;
    top:					1em;
    left:					1em;
}

#contentTopLtBlue{
    background-image:		url(images/topContentLtBlue.gif);
    background-repeat:		no-repeat;
    width:					542px;
    height:					52px;
    float:					right;
    text-align:				center;
    padding-top:			5px;
    font-weight: 			bold;
    color:					#FFF;
    font-size:				1.5em;
}

#content{
    min-height:				528px;
    width:					100%;
    background-color:		#FFF;
    padding-top:			25px;
    clear:					both;
}

#leftBox{
    width: 			300px;
    float:			left;
    margin-right:		10px;
    margin-left:		25px;
    margin-top:			15px;
}

#leftBox img{
    width: 300px;
}

#centerBox{
    width: 			250px;
    float:			left;
    margin-right:		10px;
    margin-left:		10px;
    margin-top:			15px;
}

#centerBox img{
    width: 250px;
}

#rightBox{
    width: 			300px;
    float:			left;
    margin-top:			15px;
    margin-right:		25px;
    margin-left:		10px;
}


.galleryRow{
    width:		840px;
    margin-right:	auto;
    margin-left:	auto;
    border:			solid 5px #AAA;
    padding:		20px;;
}


#socialNetwork{
    clear:					both;
    background-color:		#FFF;
    width:					100%;
    height: 				40px;
    color: 					#FFF;
    text-align:				center;
    font-size:				small;
    padding-top:			12px;
    margin-top:				0px;
}

#footer{
    background-image:		url(images/footer.jpg);
    background-repeat:		no-repeat;
    background-position:	top center;
    background-color:		#FFF;
    width:					100%;
    height: 				20px;
    color: 					#FFF;
    text-align:				center;
    font-size:				small;
    padding-top:			12px;
}

#footer a:link, #footer a:visited, #footer a:active{
    color:					#FFF;
}

#footer a:hover{
    color:					#00F;
}

/**
*	Content Classes
*/

.message{
    color:			#F00;
    font-variant:	small-caps;
    font-weight:	bold;
    margin:			2em;
}

.floatLeft{
    float: left;
}

.floatRight{
    float: right;
}

.halfWidth{
    width:	50%;
}

.boxed{
    border:			thin solid #000;
    margin:			5px;
    padding:		5px;
}

.indexCustomContent{
    clear:			both;
    margin-left:	auto;
    margin-right:	auto;
    width:			500px;
    padding-top:	30px;
}

.indexCustomContent .title{
    color:			#0064FF;
    font-style:		italic;
    font-weight:	bold;
    font-size:		110%;
}

.indexCustomContent .entry{
    font-style:		italic;
    font-size:		small;
}

.post{
    padding:					30px 10px 0px 10px;
    margin:						10px;
    clear:						both;
}

.post .title{
    color:						#0064FF;
    font-weight:				bolder;
    font-size:					2em;
    border-bottom:				thin solid #000;
    font-variant:				small-caps;
    margin-bottom:				.5em;
}

.post .entry{
    color:						#0064FF;
    font-size:					small;
}

.post .meta{
    color:						#0064FF;
    font-weight:				bolder;
    font-style:					italic;
    font-size:					100%;
    text-align:					right;
    font-variant:				small-caps;
    clear:						both;

}
.post .emphasis{
    font-size:			1.5em;
    font-weight:		bold;
    font-style:			italic;
}

.subPost{
    padding:					10px;
    margin:						10px;
    clear:						both;
}

.subTitle{
    color:						#0064FF;
    font-weight:				bolder;
    font-size:					1.5em;
    border-bottom:				thin solid #000;
    font-variant:				small-caps;
    margin-bottom:				.5em;
}

.subEntry{
    color:						#0064FF;
    font-size:					small;
}

.subMeta{
    color:						#0064FF;
    font-weight:				bolder;
    font-style:					italic;
    font-size:					.5em;
    text-align:					right;
    font-variant:				small-caps;
}

.imageGallery ul li{
    display: 			block;
    float: 			left;
    list-style-type: 	none;
    padding:			0px 10px 20px 10px;
    text-align:		center;
    vertical-align:	baseline;
}

.imageGallery img{
    border:1px solid #0064FF;
    padding:2px;
}

.discountTable{
    border: #FF0000 thick solid;
    border-collapse:collapse;
    border:1px thick solid #FF0000;
}

.discountTable tr{
    border: #FF0000 thin solid;
}

.discountTable td{
    border: #FF0000 thin solid;
}

#columns {
    width: 910px;
}

#columns .column {
    position: relative;
    width: 48%;
    padding: .5%;
    border: solid 1px #0064FF;
}

#columns .left {
    float: left;
}

#columns .right {
    float: right;
}
