/*
Site: Tony Chester
Site URI: http://tonychester.com
Description: Tony Chester Main Stylesheet
Version: 1.0
*/


/*--- Table of Contents ---

0 - CSS Reset
1 - Common
2 - Layout
3 - Content
4 - Footer 
5 - Icons
6 - Popup/Tooltip Properties
7 - Textbox/Button Properties
8 - Animation

--------------------------*/

/*--- 0 CSS Reset ---*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
   							font-style: inherit;
   							font-size: 100%;
   							font-family: inherit;
   							vertical-align: baseline;
							}
:focus {outline: 0;}

ul {list-style: none;}

table {border-collapse: separate;border-spacing: 0;}

caption, th, td { text-align: left;font-weight: normal;}

blockquote:before, blockquote:after,

q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

.left {float:left}

.right {float:right;margin-right:0!important;}
	
.clearfix:after 
							{
							content: ".";
							display:block;
							height:0;
							clear:both;
							visibility:hidden;
							}

/* Hides from IE-max \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*--- 1 COMMON ---*/


html {}
body 
							{ 
							padding-bottom:50px;
							background:url(images/bg-img.jpg) no-repeat center top #0a0b0b; 
							font-family: Arial, Verdana, sans-serif;
							text-shadow:2px 2px 2px #000;
							font-size:13px;
							position:relative;
							z-index:1;
							}

h1, h2, h3, h4, h5, h6 {}

a                           { color:#414040; text-decoration:none;}
a:hover {}
strong {font-weight:bold;}

/*--- 2 LAYOUT ---*/

#preload					{
							width:1px;
							height:1px;
							position:absolute;
							top:-10px;
							left:-10px;
							background:url(images/bg-img2.jpg);
							}
#mask 						{						
							background:#000;
							width:100%;
							height:900px;
							position:absolute;
							z-index:5;
							display:none;
							}

#wrapper                    {width:750px; margin:0 auto;position:relative;z-index:10}

#contentholder
							{
							width:450px; 
							float:right; 
							height:540px; 
							margin-top:100px;
							position:relative;
							}
		
		
/*-- 3 CONTENT --*/

		
#namelogo
							{
							display:block; 
							width:200px; 
							margin:18px auto; 
							padding-left:50px;
							}
#about
							{
							width:260px; 
							display:block; 
							float:right; 
							padding-right:40px; 
							color:#FFF; 
							line-height: 16px;
							}
#menuholder
							{
							float:right; 
							color:#FFF; 
							margin-top:38px;
							margin-right:3px;
							width:353px;
							height:25px;
							background:url(images/menubg-img.png) repeat-y;
							}
#contactext
							{
							float:right; 
							color:#FFF; 
							margin-top:38px;
							margin-right:3px;
							width:300px;
							height:25px;
							padding-left:10px;
							}							
#menuholder h2
							{
							float:right; 
							margin-right:20px; 
							color:#9ac4ce; 
							font-size:18px
							}
							#menuholder h2 a {color:#9ac4ce;}
#icontainer
                            {
							width:328px; 
							height:253px; 
							float:right; 
							margin:15px 20px 0 0;
							}
#contactcontainer
                            {
							width:280px; 
							height:273px; 
							float:right; 
							margin:30px 20px 0 0;
							font-size:18px;
							color:#93bac3;
							font-weight:normal;
							}
#contactcontainer p         { line-height:18px}												
																							
		
/*-- 4 FOOTER --*/
		
#footer
							{
							width:380px; 
							float:right; 
							height:150px; 
							margin:400px 10px 0 0; 
							color:#414040; 
							font-size:11px
							}
#footer a:hover             { color:#FFF;}						
#footelement, .footelement
							{
							width:170px; 
							height:20px; 
							display:block; 
							border-bottom:solid 1px #414040; 
							line-height:22px;
							}
#footelement                {margin-top:30px}
#onwirelogo                 {margin-top:-10px; float:right;}


/*-- 5 ICONS --*/


.twitter, .flicker, .krop, .shark, .facebook, .digg, .pt, .buffet  
							{
							position:relative;
							display:block;
							height:83px;
							width:109px;
							}		
		
.twitter {					background:url(images/twitter.png) 0 0 no-repeat ; }
.flicker {					background:url(images/flicker.png) 0 0 no-repeat ; }
.krop {						background:url(images/krop.png) 0 0 no-repeat ; }
.shark {					background:url(images/shark.png) 0 0 no-repeat ; }
.facebook{					background:url(images/facebook.png) 0 0 no-repeat ; }
.digg{						background:url(images/digg.png) 0 0 no-repeat ; }
.pt{						background:url(images/pt.png) 0 0 no-repeat ; }
.buffet{					background:url(images/buffet.png) 0 0 no-repeat ; }
	
.twitter *, .flicker *, .krop *, .shark *, .facebook *, .digg *, .pt *, .buffet *  
							{ display: none;}
			
.twitter span.hover, .flicker span.hflicker, .krop span.hkrop, 
.shark span.hshark, .facebook span.hfacebook, .digg span.hdigg, 
.pt span.hpt, .buffet span.hbuffet 
							{
							position: absolute;
							top: 0;
							left: 0;
							display: block;
							height:83px;
							width:109px;
							}
							
.twitter span.hover{		background:url(images/twitter.png) 0 -100px no-repeat ;}
.flicker span.hflicker {	background:url(images/flicker.png) 0 -100px no-repeat ;}
.krop span.hkrop {			background:url(images/krop.png) 0 -100px no-repeat ;}
.shark span.hshark {		background:url(images/shark.png) 0 -100px no-repeat ;}
.facebook span.hfacebook {	background:url(images/facebook.png) 0 -100px no-repeat ;}
.digg span.hdigg {			background:url(images/digg.png) 0 -100px no-repeat ;}		
.pt span.hpt {				background:url(images/pt.png) 0 -100px no-repeat ;}
.buffet span.hbuffet {		background:url(images/buffet.png) 0 -100px no-repeat ;}


/*-- 6 POPUP/TOOLTIP PROPERTIES --*/


.bubbleInfo 
							{
            				position: relative;
            				top:170px;
            				left: 100px;
            				width: 400px;
							display:block;
        					}
.trigger 
							{
            				position: absolute;
							width:15px;
							height:15px
        					}
.popup 							
							{
        					position: absolute;
        					display: none;
        					z-index: 50;
        					border-collapse: collapse;
        					}
							.popup span {text-shadow:1px 1px 1px #fff;}
.popup span
                            {                 
							margin:15px 0 0 20px; 
							display:block;
							font-size:11px; 
							}							

#dpop
							{ 						
							width: 189px; 
							height: 78px; 
							background: url(images/bubblebg2.png) no-repeat; 
							}

#tooltipcontainer
                          {          
				            width:50px; 
                            height:30px; 
							float:left; 
							margin:70px 0 0 -315px; 
							display:block
							}


/*-- 7 TEXTBOX/BUTTONS PROPERTIES --*/


.textboxe, .contactxtarea
							{
							background:#000 none repeat scroll 0 0;
							border:0px solid #d0d0d0;
							float:left;
							width:251px;
							color:#666;
							}
.textboxe
							{
							height:15px;
							margin:0 0 0 0;
							padding:5px;
							font-size:12px;
							}
														
.contactxtarea              {padding:5px;font-size:12px;height:100px;}

.submitcontact
							{ 
							width:99px; 
							height:22px;
							background:#000 none repeat scroll 0 0;
							border:0px solid #d0d0d0;
							margin-top:10px;
							background:url(images/submitbutton.jpg) no-repeat;
							
							}
.get
							{ 						
							width:93px; 
							height:44px; 
							float:right; 
							margin-top:8px; 
							padding-top:10px;
							background:url(images/yellowarrow2.png) no-repeat right top;
							}
							
.get a                      { color:#93bac3; }
	
label 
							{
							display:block;
							text-align:left;
							margin:12px 0 5px 0!important;
							}	

/*-- 8 ANIMATION --*/

#one                       {position:absolute;top:200px;}
#two                       {position:absolute;top:130px;display:none}

/*-- CONTACT FORM --*/


label.error           { 
	padding-left:20px;
	float:right;
	width:140px;
	font-size:12px;
    background: transparent url(images/cancel.png) no-repeat scroll left; 
	position:relative;
	top:-10px;
	left:-30px;
}

#message {
	width:280px;
	height:75px;
}

#thanks {
	margin-top:100px;
	padding-bottom:115px;
	position:relative;
}

#checkmark {position:absolute;top:0;right:20px;}