﻿
/********************************************************************************/
/* reset.css */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	/* line-height: 1; */
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/********************************************************************************/




body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-align:center; margin:auto; padding:auto; 
  background-image:url(images/cloth023.jpg);
  padding:5px;
}

/*==============================================*/
/*        Main Page                             */
/*==============================================*/

#divMainPage		{ margin:none; border:solid 1px black; padding:0px; background-color:#FFFFFF; float:left; }
#divSectionPage		{ margin:none; border:solid 1px black;}
/*-------------- Top  ---------------*/
#MainTop { margin:0px; }
.SiteTitle    { font-size:45px; font-weight:bold; margin:0px; }
.SiteSubTitle { font-size:25px; font-weight:bold; color:Red; margin:0px; }
.SiteSubTitle2 { font-size:27px; font-weight:bold; color:Black; margin:0px; }

#SubTop					{ margin:none; border-bottom:solid 1px black; }
#SubTop .SiteTitle		{ font-size:25px; font-weight:bold; height:40px; line-height:40px; vertical-align:middle; }

/*-------------- Middle ---------------*/
#MainMiddle               { width:920px; margin:20px auto 20px auto; }
#MainMiddle .ThumbColumn  { width:300px; float:left; margin-left:10px; }
#MainMiddle .MenuColumn   { width:300px; float:left; }

ul.Main_SectionMenu { font-size:13px; }
ul.Main_SectionMenu li { border-left:solid 1px black; border-right:solid 1px black; }
ul.Main_SectionMenu li a { text-decoration:none; font-weight:normal; background:none; color:black; display:block; height:25px; line-height:25px; vertical-align:middle; background-image:url(images/back2.png);}
ul.Main_SectionMenu li a:hover { font-weight:bold; background-image:url(images/back.png); }

ul.Main_Thumbs { }
ul.Main_Thumbs li { width:145px; height:110px; float:left;  margin:auto;   /* border:solid 1px black; */ }
ul.Main_Thumbs li a			{ text-decoration:none; color:black; display:block;  margin:0; padding:0; border:solid 1px #FFFFFF; }
ul.Main_Thumbs li a:hover	{ border:solid 1px #A5CFE9; }
ul.Main_Thumbs li a img {  width:95px; height:95px; margin:auto;   }

/*-------------- Bottom  ---------------*/
#MainBottom {  }

#MainBottom .MainBottomText { font-size:17px; line-height:1.5; text-transform:uppercase; font-weight:bold; }
#MainBottom .ContactText    { font-weight:bold; line-height:1.5; }
#MainBottom .ContactText2    { font-weight:bold; line-height:1.5; color:Red; }
/*==============================================*/

 

/*==============================================*/
/*        Section Page                          */
/*==============================================*/

#HomeMenu       { width:299px; float:left; text-align:left; border-right:solid 1px black; }
#LeftMenu       { width:240px; float:left; text-align:left; border-right:solid 1px black; }
#SectionContent { width:747px; float:left; text-align:center; background-color:#FFFFFF; }


/*--------------  Left Menu  ---------------*/
#LeftMenu ul      { }
#LeftMenu ul li   { height:30px; line-height:30px; text-align:left; vertical-align:middle; font-size:11px; font-weight:bold; overflow:hidden;}
#LeftMenu ul li a { height:30px; text-decoration:none; font-weight:normal; color:#343434; display:block; background-image:url(images/background.png); }
#LeftMenu ul li a:hover { font-weight:normal; background-image:url(images/background2.png); color:Black; }
#LeftMenu ul li a.current, #LeftMenu ul li a.current:hover {  font-weight:bold; color:Black; background-color:#FFFFFF; }

#HomeMenu ul      { }
#HomeMenu ul li   { height:25px; line-height:25px; text-align:left; vertical-align:middle; font-size:11px; font-weight:bold; overflow:hidden;}
#HomeMenu ul li a { height:25px; text-decoration:none; font-weight:normal; color:#343434; display:block; background-image:url(http://hybridcases.com/App_Themes/default/images/background.png); }
#HomeMenu ul li a:hover { font-weight:normal; background-image:url(http://hybridcases.com/App_Themes/default/images/background2.png); color:Black; }
#HomeMenu ul li a.current, #HomeMenu ul li a.current:hover {  font-weight:bold; color:Black; background-color:#FFFFFF; }

/*--------------  Right Content  ---------------*/
#PageContentBox { width:100%; text-align:center; margin:0 auto 0 auto; }
#PageContentBox img.imgSectionPage { width:720px; margin:0 auto 0 auto;  }


.NavImage img					{ margin: 10px 20px 10px 20px; }	
.NavImage input					{ margin: 10px 20px 10px 20px; }

ul.SectionPageNav               { width:510px;  margin:20px auto 10px auto; text-align:center; }

ul.SectionPageNav li            { float:left; text-align:center; padding:5px; margin:0 10px 0 10px; text-align:center; }

/*
ul.SectionPageNav li            { width:70px; float:left; text-align:center; padding:5px; margin:0 10px 0 10px; }
ul.SectionPageNav li.NavButton  { font-weight:bold; border:solid 1px black; background-color:Gray;  }
ul.SectionPageNav li a          { text-decoration:none; display:block; color:Black; font-size:11px; }
ul.SectionPageNav li a:hover    { text-decoration:underline; }
*/

ul.SectionPageNav li.PageXofY   { clear:both;  }

/*==============================================*/

.moBody				{  }
.moHeader			{  }
