/* 

STYLE SHEET FOR Tylor Made Creative WEB SITE
Created by Russel Taylor
www.taylormadecreative.com

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	8. Highslide
	
Notes

*/

/* --------- 1. defaults  --------- */

* { margin: 0; padding: 0; }

body { text-align:center; background:#100D0B url(../images/bodyBkg.jpg) top center repeat-y; }
		
/*  --------- 2. structure  --------- */

#wrapper { margin: 0 auto; width: 771px; text-align:left; padding-bottom:40px; }
		
#masthead { }
		
#logo { background: url(../images/logo.jpg) no-repeat; width: 334px; height: 33px; margin: 12px 0 12px 40px; }

/* NEW */
#content2 { background:url(../images/stage2_mid.jpg) repeat-y; width:771px; height:auto; }
#content2top { background:url(../images/stage2_top.jpg) no-repeat; width:771px; height:147px; }
#content2bot { background:url(../images/stage2_bot.jpg) no-repeat; width:771px; height:153px; padding:0;}
#content2Pad { padding: 0 100px 0 100px; min-height: 300px; }
.test { background-color:#00FF00; width:571px; height: 100px;}

.colomnLeft { width:275px; float:left; padding-right:10px; }
.colomnRight { width:275px; float:right; padding-left:10px; }
#center { margin:0 auto; text-align:center; vertical-align:middle; height:400px; }

#content {
		background: url(../images/stage.jpg) no-repeat;
		width: 771px;
		height: 513px;
		}
		
/* GRID */

.columnContainer { width:570px; margin-bottom:10px; }

/* 1/3 columns */
.colomn { width:180px; float:left; display:inline; margin-right:10px; }		
.coulumnborder { width:170px; padding-right:9px; border-right:1px solid #C8C4C2; }

.debug1 { background-color:#ff0000; }
.debug2 { background-color:#00ff00; }
.debug3 { background-color:#0000ff; }
		
#footer { width:771px; height: 60px; }
#number { background-image: url(../images/phone.jpg); width: 125px; height: 15px; float: right; margin: 6px 100px 0 0; }
.entry { display:block; padding:0 0 24px 0; margin:0 0 20px 0; border-bottom:1px solid #C8C4C2; }
.entry2 { display:block; padding:0; margin:0 0 20px 0; border-bottom:1px solid #C8C4C2; }
.note { margin-top:24px; font:95% "Courier New", Courier, mono; text-align:center; }
.line { border-bottom:1px solid #C8C4C2; margin:6px 0 0 0; }
.line2 { border-bottom:1px solid #C8C4C2; margin:0 0 12px 0; }

.link { margin:8px 0 24px 0; padding:0 15px 0 0; float:left; background:transparent url(../images/icon_arrow.gif) no-repeat scroll 100% 2px; display:block; outline:none; text-transform:uppercase; }
.link:hover { margin:8px 0 24px 0; padding:0 15px 0 0; float:left; background:transparent url(../images/icon_arrow2-over.gif) no-repeat scroll 100% 2px; display:block; outline:none; }
.infoBlock { border-bottom:1px solid #C8C4C2; margin-bottom:12px; /*min-height: 160px;*/ }
.infoBlockEnd { display:block; margin-bottom:12px; /*min-height: 160px;*/ }


.separator { clear: both; }

.separatorInvisible { clear: both; height: 1px; }

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}

/* ---------- 3. links and navigation ---------- */

a { color:#A97129; text-decoration:underline; /*border-bottom: 1px solid #C8C4C2;*/ }		
a:hover { color:#15DCB7; /*color: #FF3300;*/ text-decoration:none; /*border-bottom: 1px solid #A97129;*/ }
/* #37A9B4, #15DCB7, #A97129 */

#navigation {}
#navigation ul {}
#navigation li { float:left; list-style-type:none; padding-left: 0px; }
#navigation a { display:block; text-indent:-9999px;  outline:none; border:none; }
#navContainer { width: 625px; height: 60px; padding: 46px 0 0 70px; margin: 0; z-index: 2; }

#navContainerBtm { width: 600px; margin:0 auto; padding-top:6px; text-align:center;  }
#navigationBtm li { float:left; list-style-type:none; padding-left: 4px; }
#navigationBtm a { display:block; outline:none; border:none; font-weight:bold; }
#navContainerBtm a { font-weight:bold; }

#navigation a:hover { border:none }

		
#contact { padding-left:100px;}
#contact li { float:left; list-style-type:none; padding-left: 0px; }
#contact a { display:block; text-indent:-9999px;  outline:none; border:none; }
li.contact a { background:url(../images/btn_contact2.gif) no-repeat; width:76px; height:14px; }
li.contact a:hover { background:url(../images/btn_contact2-over.gif) no-repeat; width:76px; height:14px; }


li.home a { background:url(../images/btn_home.jpg) no-repeat; width:119px; height:43px; }
li.home a:hover { background:url(../images/btn_home-over.jpg) no-repeat; width:119px; height:43px; }

li.web a { background:url(../images/btn_web.jpg) no-repeat; width:119px; height:43px; }
li.web a:hover { background:url(../images/btn_web-over.jpg) no-repeat; width:119px; height:43px; }

li.print a { background:url(../images/btn_print.jpg) no-repeat; width:119px; height:43px; }
li.print a:hover { background:url(../images/btn_print-over.jpg) no-repeat; width:119px; height:43px; }

li.logos a { background:url(../images/btn_logos.jpg) no-repeat; width:119px; height:43px; }
li.logos a:hover { background:url(../images/btn_logos-over.jpg) no-repeat; width:119px; height:43px; }

li.concept a { background:url(../images/btn_concept.jpg) no-repeat; width:119px; height:43px; }
li.concept a:hover { background:url(../images/btn_concept-over.jpg) no-repeat; width:119px; height:43px; }


/* div.transbox
  {
  width: 400px;
  height: 180px;
  margin: 30px 50px;
  background-color: #ffffff;
  border: 1px solid black;
  /* for IE */        /*
  filter:alpha(opacity=60);
  /* CSS3 standard */ /*
  opacity:0.6;
  /* for Mozilla */   /*
  -moz-opacity:0.6;
  }
*/


/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #C8C4C2;
		}

body { font-size: 70%; }

h1, h2, h3, h4, p, ul { }

h1 { text-indent:-9999px; width:100%; margin:0 0 20px 0; border-bottom:1px solid #C8C4C2; }
h2 { color: #A97129; font:120% Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; margin-bottom:26px; }
/*h1 { color: #A97129; font-size: 140%; font-weight: bold; margin-bottom: 6px; text-align:left; }*/
/*h2 { color: #A97129; font-size: 120%; font-weight: normal; letter-spacing: 1px; margin-bottom:26px; text-align:left; }*/
h3 { color: #C8C4C2; font-size: 100%; font-weight: normal; text-transform:uppercase; }
h4 { font-size: 100%; }
h5 { color: #A97129; font:120% Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-transform:uppercase; }

h1.home { background: url(../images/title_welcome.gif) no-repeat; hieght:15px; }
h1.web { background: url(../images/title_web.gif) no-repeat; hieght:15px; }
h1.print { background: url(../images/title_print.gif) no-repeat; hieght:15px; }
h1.other { background: url(../images/title_other.gif) no-repeat; hieght:15px; }
h1.contact { background: url(../images/title_contact.gif) no-repeat; hieght:15px; }
h1.webhosting { background: url(../images/title_webhosting.gif) no-repeat; hieght:15px; }

p { margin-bottom:16px; /* for IE */filter:alpha(opacity=100); /* CSS3 standard */opacity:1.0; /* for Mozilla */-moz-opacity:1.0; }

ul { }

dl { margin:0 0 20px; }
dt { color: #A97129; font-weight:bold; margin:0 0 10px; }
dd { margin:0 0 6px 0; }
dd.price { font-weight:bold; margin-top:12px; }

em { font:95% "Courier New", Courier, mono; }

blockquote { }
p.alignLeft { float:left; margin-right:12px; }
p.alignRight { float:right; margin-left:12px; }
.alignCenter { margin:0 auto; text-align:center; }
.margintop {margin-top:30px;}
.color { color:#A97129; }
.small { font-size:87%; }
#caption { padding-top:6px; font-style:italic; }
/*.lineTop { display:block; padding:0; margin:0 0 20px 0; border-bottom:1px solid #C8C4C2; }*/

/* ---------- 5. images ---------- */

img { border: 3px solid #A97129; }
a img:hover { border: 3px solid #15DCB7; }
		
		
img.alignLeft { float:left; margin-right:8px; }
img.alignRight { float:right; margin-left:8px; }
img.picHome { margin:0 0 20px 0; }
.noborder { border:none; }
.noborder img { border:none; }
.noborder a { border:none; }
.noborder a:hover { border:none; }

/* ---------- 6. tables ---------- */

table {
		}
		
caption {
		}
		
tr {
		}

th, td {
		}
		
th {
		}
		
td {
		} 
table.thumbs50 {
}
td.thumbs50 {
	width: 50px;
	height: 50px;
	background-color: #24211D;
	/*border-top: 1px solid #1F1C18;
	border-right: 1px solid #2E2A25;
	border-bottom: 1px solid #2E2A25;
	border-left: 1px solid #1F1C18;*/

}

td.thumbs50 a {
	border-bottom: 0;
	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.6;
  	/* for Mozilla */
  	-moz-opacity:0.6;
}

td.thumbs50 a:hover {
	border-bottom: 0;
	/* for IE */
  	filter:alpha(opacity=100);
  	/* CSS3 standard */
  	opacity:1.0;
  	/* for Mozilla */
  	-moz-opacity:1.0;
}

/* ---------- 7. forms ---------- */	
		
form {
		}
		
.field {
	color:#000;
	width: 265px;
	border: 1px solid #000;
	margin: 6px 0 18px 0;
	background: #FFF url(images/forms_field.gif) no-repeat;
	text-indent:4px;
	float:left;
	}
.message {
	color:#000;
	width: 265px;
	height:160px;
	border: 1px solid #3A5471;
	background: #FFF url(images/forms_message.gif) no-repeat;
	padding: 4px;
	margin: 6px 0 18px 0;
	}
.searchsubmit { padding-left: 6px; float:right; }

/* ---------- 8. Highslide ---------- */	

/* -- High Slide Styles-- */

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
	margin:0 0 3px 0;
}
.highslide img {}
/*.highslide img { filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; }
.highslide:hover img { filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0; }*/

.highslide-image {border: 0px;}
.highslide-image:hover {border: 0px;}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    /*border: 2px solid white;*/
    border-top: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height: 13px;
    padding: 5px;
    background-color: #534D48;
	text-align:left;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}