/* CSS Document xintyr.com/style.css xintyrllc-phoenix-20070913 
	- Embedded styles: home, portfolio, contact, about
	- Inline styles: portfolio
*/

/* Begin Structure */
* {	
	margin: 0;
	padding: 0;
	border: 0;
	}

body { background:#eeeeee; }

#center {
	width: 775px;
	margin: 0 auto;
	color: black;
	background-color: white;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

#header {
	width: 725px;
	height: 80px;
	margin: 0 auto;
	text-align: left;
	}

#banner {
	width: 724px;
	height: 155px;
	margin: 0 auto;
	border-top: 1px solid #cccccc;
	border-right: 1px solid white;
	}

#nav {
	text-align: left;
	width: 725px;
	height: 25px;
	margin: 0 auto;
	border-top: 1px solid #880000;
	border-bottom: 1px solid #880000;
	}

div.content {
	width: 725px;
	margin: 20px auto;
	}
	
div.content_stretch_height {
	width: 725px;
	height: 500px;
	margin: 20px 0 20px 25px;
	}
	
#content_text, #about_text {
	width: 750px;
	height: 180px;
	margin: 8px 10px;
	}

#footer {
	width: 725px;
	height: 45px;
	margin: 0 auto;
	border-top: 1px solid #cccccc;
}
	
ul#h_nav { list-style:none; }

ul#h_nav li { display:inline; }

ul.error {
	text-align: left;
	color: #990000;
	line-height: 130%;
	margin-left: 18px;
	}
/* End Structure */



/* Begin Links */	
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #880000;
	text-decoration: none;
	outline: none;
}
a.nav, a.nav:link, a.nav:visited, a.home, a.about, 
a.portfolio, a.contact, a.employ {
	padding-right: 25px;
	font-size: 16px;
	line-height: 27px;
}
a.nav:hover, a.index:hover, a.home:hover, a.about:hover, a.portfolio:hover, a.contact:hover, a.employ:hover {
	color: #cccccc;
	font-size: 16px;
	text-decoration: none;
}
body.home a.home, body.about a.about, body.portfolio a.portfolio, body.contact a.contact, body.employ a.employ { color: #444444; }

a.small {
	font-size: 10px;
	}

a.small:hover {
	font-size: 10px;
	}
	
a.footer {
	font-size: 12px;
	}
	
a.footer:hover {
	font-size: 12px;
	text-decoration: underline;
	}
	
a.text {
	font-size: 14px;
	text-decoration: none;
	}
	
a:hover, a.text:hover {
	text-decoration: underline;
	}
/* End Links */



/* Define Typography & Colors */
p {
	padding: 5px 30px 14px 20px;
	line-height: 130%;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	}

p.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-align: center;
	padding-top: 4px;
	}
	
p.heading {
	font-family: Tahoma;
	font-size: 200%;
	font-weight: bold;
	line-height: 110%;
	letter-spacing: 0.2em;
	color: #550000;
	margin: 8px 0 7px 0;
	padding: 0;
	text-align: right;
	}
	
p.text {
	font-family: Arial;
	font-size: 14px;
	margin: 0 0 12px 0px;
	padding: 0;
	text-align: justify;
	line-height: 135%;
	color: black;
	}

p.SiteName {
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 230%;
	font-weight: bold;
	color: #777777;
	text-align: left;
	}
	
p.SiteTags {
	margin: 0 65px 0 0;
	padding: 3px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #3399FF;
	text-align: left;
	}
	
p.right_i {
	text-align: right;
	font-style: italic;
	padding: 5px 0;
	}

p.contact_phrase {
	font-family: Tahoma;
	font-size: 200%;
	font-weight: bold;
	line-height: 110%;
	letter-spacing: 0.2em;
	color: white;
	margin: 34px 0 25px 0px;
	padding: 0;
	text-align: right;
	background-image: url(images/bgtxt_phrase.jpg);
	}
/* End Typography & Colors */


/* Begin Tables */
table.header { 
	height: 78px;
	width: 100%;
	}
	
table.contact { 
	margin: 90px 20px 0 25px;
	text-align: left;
	}

table.right { margin-left:60px; }

th.contact {
	width: 215px;
	color: white;
	background-color: #770000;
	text-align: center;
	font-size: 16px;
	}
	
tr.spacer { font-size:4px; }

td.label {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 2px 10px 2px 0px;
	color: #333333;
	}
	
/* End Tables */



/* Begin Forms Elements */
fieldset .center {
	float: left;
	width: 175px;
	}

fieldset .nobr { display:none; } 
 
fieldset.contact {
	width: 450px;
	margin: 5px; 
	padding-left: 10px;
	padding-bottom: 6px;
	}

fieldset .checklist {
	list-style-type: none;
	width: 150px;
	padding: 1px;
	text-align: left;
	}

fieldset .checklist label {
	display: block;
	margin-left: 3px;
	padding-left: 3px;
	color: white;
	background-color: #770000;
	border: 1px solid #999999;
	}

fieldset .checklist label:hover {
	color: black;
	background-color: white;
	cursor: pointer;
	}
	
fieldset .headerSearch {
	border: solid 1px #cccccc;
	color: #555555;
	background: white;
	font-size: 10px;
	}

fieldset .textfield {
	border: solid 1px #990000;
	color: #660000;
	background: #eeeeee;
	}

fieldset .comments_textarea {
	margin: 0 0 5px 5px;
	height: 165px;
	width: 295px; 
	border: solid 1px #990000;
	background: #eeeeee;
	color: #660000;
	}

.textfield:focus, .comments_textarea:focus { background: white; }

input.btn1 {
	display: block;
	float: left;
	margin: 3px;
	color: white;
	background-color: #770000;
	border: 1px solid black;
	}

input.btn1:hover {
	color: black;
	background-color: white;
	cursor: pointer;
	}
	
input.btn2 {
	color: #880000;
	background: none;
	font-size: 10px;
	}

input.btn2:hover {
	cursor: pointer;
	color: #cccccc;
	}

/* End Form Elements */



/* Begin Images */	
img.home { margin: 15px 0 0 0; }

img.homemiddle { margin: 15px 15px 0 15px; }

img.thumbnail {
	width: 129px;
	height: 99px;
	margin: 5px;
	border: 1px solid black;
	}

#LeftButton, #RightButton { margin-top: 25px; }

img.PortfolioPic { 
	margin: 0;
	padding: 0;
	border: 1px solid white;
	}
/* End Images */



/* Begin Various Classes & Tags */
.alignright { text-align: right; }

.alignleft { float: left; }
/* End Various Classes & Tags */