/* Toasted Digital CSS */

div {position: relative;}

img {
border: 0;
}

html, body {
	height: 100%;
}



* {
	margin: 0;
}

p {
color: #666;
font-family: Tahoma;
font-size: 12px;

}


a {
color: #ff9c00;
font-weight: bold;
text-decoration: none;
}

a:visited {
color: #ff9c00;
font-weight: bold;
text-decoration: none;
}


a:active {
color: #ff9c00;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #2b2b2b;
font-weight: bold;
text-decoration: none;
}


h1.tut a{

}

.compat p {

color: #FFF;
font-family: arial;
font-size: 12px;
padding-top:24px;
padding-left: 50px;
}

h1 {

color: #666;
font-family: arial;
font-size: 19px;

}


#pageholder h1 {

color: #2b2b2b;
font-family: arial;
font-size: 25px;

}


#page2 h1 {

color: #2b2b2b;
font-family: arial;
font-size: 45px;
text-align: left;

}

#page2 h2 {

color: #999999;
font-family: arial;
font-size: 16px;
text-align: left;

}

#page2 p {

text-align: left;
font-size: 18px;

}

#footer h1 {

color: #FFF;
font-family: arial;
font-size: 19px;

}

#contact h1, #tutorials h1 {

color:#2C2C2C;
font-family:arial;
font-size:46px;
margin:0 -10px -10px 6px;
padding-top:60px;
}

#tutwrapper h1{

color:#2C2C2C;
font-family:arial;
font-size:46px;
line-height:24px;
margin-bottom:0;
margin-left:0;
margin-right:0;
padding-top:0;
}

#contact h2, #tutorials h2 {
margin:-25px 12px -3px;
color:#2C2C2C;
font-family:arial;
font-size:15px;
margin:-5px 12px -3px;
padding:0;
}


#contact h3 {
color:#FFFFFF;
font-family:arial;
font-size:33px;
margin:0;
padding:111px 0 0 105px;


}

.compat h1 {

color:#FFF;
font-family:arial;
font-size:19px;
padding-top:21px;

}



#tutwrapper a, #tutwrapper h1 a:active, #tutwrapper h1 a:visited {

color:#FFF;
font-family:arial;
font-size:19px;
padding-top:11px;
padding-left:6px;

}

#tutwrapper .tut-blue h1 a, #tutwrapper .tut-blue h1 a:active, #tutwrapper .tut-blue h1 a:visited{

color: #2d7d62;

}

#tutwrapper .tut-blue h1 a:hover, #tutwrapper h1 a:hover {
color: #2d2d2d;
}



#contact p {

color: #494133;
font-family: arial;
font-size: 19px;
padding-left:17px;
padding-top:71px;
}




.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -45px;
}
#footer, .push {
	height: 172px;
	clear: both;
}

#footer {

	width: 100%;
	margin: 0 auto;
    height: 45px;
    background-image: url("images/bottom_bg.jpg");
	background-repeat: repeat-x;


}

#footer .content {

width: 960px;
margin: 0 auto;
text-align: left;
padding-top:11px;

}



#header {

background-image:url("images/top_bg.jpg");
background-repeat:repeat-x;
height:125px;
margin:0 auto -9px;
width:100%;
z-index:1000000;
}

#header .content {

width: 960px;
margin: 0 auto;
text-align: left;

}

#header .content .left {
float: left;
padding-left:12px;
margin-top:-4px;
padding-right:0px;
}

#header .content .right {
float: left;
padding-right:26px;
margin-top:-5px;
}


#header .content .topcontact {
float:right;
margin-top:31px;
padding-right:40px;
text-align:center;
}


#header .content .topcontact h1 {
font-size: 29px;
color: #FFF;
margin:-9px 0 0;
padding: 0;
line-height: 25px;
}

#header .content .topcontact a, #header .content .topcontact a:visited, #header .content .topcontact a:active {

font-size: 13px;
color: #7c674c;
}

#header .content .topcontact a:hover {

font-size: 13px;
color: #f4a11f;
}


#header .content .topcontact .image {
clear: both;
margin-top:5px;
}


.holder {

background:url("images/holder-img.jpg") repeat-x scroll 50% 9px #000000;
height:392px;
margin:0 0 0 0;
width:100%;
text-align: center;

}




#clients {

z-index:10000000;
width: 960px;
margin:-25px auto 0;

height:123px;
}



#clients .main {

float: left;

}


#clients .loading {

display:none;
float:left;
margin-top:-198px;
text-align:center;
width:925px;

}

#clients .loading h1 {

font-size: 30px; 
color: #FFF;
}


#clients .box1, #clients .box2, #clients .box3, #clients .box4, #clients .box5, #clients .box6 {
float: left;

padding-top:22px;
padding-left:25px;
}



.crack {

background-image:url("images/crack_bg.jpg");
background-position:center bottom;
background-repeat:repeat-x;
height:210px;
width:100%;

}



#main {

	width: 100%;
	margin: 0 0;

}

#main .compat {

background-image:url("images/compat.jpg");
background-repeat:no-repeat;
background-position: center center;
width: 960px;
margin: 0 auto;
text-align: left;
height: 60px;
z-index:100000;
text-align: center;


}

#contentholder {

overflow:hidden;
height:400px;
top:-186px;
z-index: 6;
}


.hr {

clear:both;
margin:0 auto 0;
padding-top:15px;
text-align:center;
width:960px;

}




#tutwrapper {

}

.tut-green, .tut-blue, .tut-red {
width: 583px;
height: 42px;
}


.tut-green {
background: #86c600;
}
.tut-blue {
background: #98d2bf;
}
.tut-red {
background: url("images/red_end.jpg") no-repeat right center #ff6500;
}

.tut-red img {
float:right;
margin-top:-23px;
}


#contact {

width: 894px;
margin: 0 auto;
text-align: left;
padding-top:11px;
clear: both;
display: block;

}

#contact .left {
float: left;
width: 246px;
}
#contact .middle {
float: left;
width: 402px;
height: 203px;
background-image: url("images/contact_bg.jpg");
background-repeat: no-repeat;
}
#contact .right {
float: left;
width: 246px;
}



#tutorials {

width: 894px;
margin:-57px auto 0;
text-align: left;
padding-top:11px;
clear: both;
display: block;

}

#tutorials .left {
float: left;
width: 246px;
}

#tutorials .right {
float:right;
padding-top:70px;
width:584px;
}







#pageholder {
z-index:6;
margin-top:5px;
display: none;
}

#page1, #page2, #page3 {

background:none repeat scroll 0 0 #FFFFFF;
height:278px;
margin:0 auto 85px;
padding:15px;
position:relative;
top:32px;
overflow:hidden;
width:800px;

}

#page2 {
background:url("images/page2bg.jpg") no-repeat scroll 105% 9px #FFFFFF;

}


#page3 {

background:url("images/page3bg.jpg") no-repeat scroll 105% 16px #FFFFFF;

}

.number {
font-size: 40px;
color: #98d2bf;
}


#page3 a, #page3 a:visited, #page3 a:active {
color: #7C674C;
}


#page3 a:hover {
color: #F4A11F;
}

#page2 .container {

padding-left: 10px;
margin:1px auto 58px;
width:580px;


}

#items {

float: left;
}


#maincontent {
height:690px;
margin-top:-104px;
background: #FFF;
z-index: 100000;

}


#item1 {


height:252px;
text-align:left;
width:710px;
}

#item1 p {

font-family: Arial;
font-size: 13px;
color: #666;

}
#item1 h1 {
font-size: 20px;
margin-bottom: 8px;

}

#item1 h1 a, #item1 h1 a:visited, #item1 h1 a:active {
font-size: 22px;
color: #ea6b1e;
font-weight: bold;
margin-top: 8px;
}


#item1 a:hover {
color: #2d2d2d;
}

#item1 .title {

clear:both;
padding-bottom:12px;
}


#item1 .left {
border:14px solid #333333;
float:left;
margin-left:-15px;
margin-right:40px;
margin-top:-15px;
width: 350px;
height: 280px;

}

#item1 .left img {

width: 350px;
height: 280px;

}

#item1 .right {
float:left;
width:300px;
}


.next_div {

float:right;
padding-top:5px;

}



#pageclose {
display:none;
height:10px;
margin:auto;
padding-left:874px;
right:52px;
top:328px;
width:30px;
}



.box1, .box2, .box3, .box4, .box5, .box6, .main {
display: block;

}


/*house*/



#twitter {



}


#facebook {


}


#house {

margin:auto 0;
padding-left:15px;
position:relative;
top:183px;
z-index:5;
}


#houseshadow {
margin:auto 0;
overflow:hidden;
padding-left:11px;
position:relative;
text-align:center;
top:162px;
z-index:4;
}


#tractor {

left:-116px;
margin:225px auto 0;
position:absolute;
width:100%;
z-index: 3;
}



#crop {
background:url("images/crop.png") no-repeat scroll 50% center transparent;
height:78px;
margin:auto 0;
overflow:hidden;
padding-left:11px;
position:absolute;
right:202px;
text-align:center;
top:213px;
width:100%;
z-index:2;

}



#maintext{
height:278px;
margin:0 auto 85px;
overflow:hidden;
padding:15px;
position:relative;
top:26px;
width:900px;

}


#maintext h1 {

font-family: arial;
color: #2a2a2a;
font-size: 40px;
margin-bottom:-9px;

}

#maintext h2 {
font-family: arial;
color: #2a2a2a;
font-size: 19px;

}

#maintext a, #maintext a:active, #maintext a:visited {

color: #fff;
font-size: 22px;

}

#maintext .orange a:hover{

border-bottom: solid 4px #f4a11f;
font-size: 22px;

}

.black {
color: #2d2d2d;
}


#maintext .blue a:hover{

border-bottom: solid 4px #92c6a0;
font-size: 22px;

}


#maintext .green a:hover{

border-bottom: solid 4px #96c813;
font-size: 22px;

}



.twitterwidget-title a{
color: #000;
}

#tags {

height:47px;
margin:-47px auto 0;
width:688px;
z-index:10000000;
}


/*

#contact h1, #tutorials h1 {

color:#2C2C2C;
font-family:arial;
font-size:46px;
margin:0 -10px -10px 6px;
padding-top:60px;
}

#contact h2, #tutorials h2 {
margin:-25px 12px -3px;
color:#2C2C2C;
font-family:arial;
font-size:15px;
margin:-5px 12px -3px;
padding:0;
}


#contact h3 {
color:#FFFFFF;
font-family:arial;
font-size:33px;
margin:0;
padding:111px 0 0 105px;


}

.compat h1 {

color:#FFF;
font-family:arial;
font-size:19px;
padding-top:21px;

}



#tutwrapper h1 {

color:#FFF;
font-family:arial;
font-size:19px;
padding-top:10px;
padding-left:6px;

}

*/