/*
MG's CSS for customization
*/


/********************************************/
/************ content styling ***************/
/********************************************/



#pageContent{
font-size:100%;
margin:0 auto 40px;
padding: 40px 0;
padding-left: 40px;
width:990px;
background-image: url(http://mikeguenther.com/images/bg-glow.png);
background-repeat: no-repeat;
background-position: center top;
}

#signpageContent{
font-size:100%;
margin:0 auto;
padding: 0px 0;
padding-left: 0px;
width:1000px;
margin-top: 0px;
}

#signportcontent {
padding-top: 20px;
}

#leftcontent {
float: left;
width: 600px;
color:#FFFFFF;
padding-right: 20px;
margin-top: -20px;
margin-bottom: 80px;
border-right: 1px #535353 dotted;
}

#leftcontentB {
float: left;
width: 520px;
color:#FFFFFF;
padding-right: 0px;
margin-top: -20px;
}

#contactcontent {
float: left;
width: 620px;
color:#FFFFFF;
padding-right: 0px;
margin-top: -20px;
}

#rightcontent {
float: left;
width: 300px;
padding: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-top: -20px;
}

#rightcontent-service {
float: left;
width: 300px;
padding: 0px;
margin-bottom: 20px;
margin-left: 30px;
margin-top: -20px;
}

#rightcontent-info-A {
width: 300px;
float: right;
margin-top: 0px;
margin-right: 20px;
color: #fff;
}

#rightcontent-info {
margin-top: -20px;
margin-right: 20px;
color: #fff;
}

#servcontent {
float: left;
width: 600px;
color:#FFFFFF;
padding-right: 20px;
margin-top: -20px;
margin-bottom: 80px;
border-right: 1px #535353 dotted;
}

*:first-child+html #servcontent{
margin-bottom: 0px;
}

#app {
float: left;
margin-top: 0px;
padding-bottom: 8px;
padding-top: 8px;
border-bottom: 1px dotted #535353;
}

#contact-form {
border: 0px #535353 dotted;
}

#contact-form-sidebar {
margin-left: -20px;
}

#slidedeck {
height: 360px;
width: 960px;
margin-bottom: 40px;
}

#homefeature {
float: left;
width: 230px;
padding: 0px;
margin-bottom: 40px;
margin-left: 10px;
}



/********************************************/
/************ text ***************/
/********************************************/

#servicecontent h1 {
font-size: 2em;
font-weight: bold;
}

#servicecontent h2 {
font-size: 1.4em;
font-weight: bold;
}

#topPost {
font-size: 9pt;
margin: 0px;
position: relative;
padding: 0px 0 20px 0px;
min-height: 380px;
}

.footertext {
float: right;
margin-top: 5px;
margin-right: 5px;
}

.small {
color: #fff;
font-size: .6em;
text-align: right;
margin-bottom: 10px;
width: 300px;
float: right;
}

#rightcontent-info p {
color:#fff;
font-size: 11.5px;
}

#rightcontent-info h1 {
text-align: left;
color:#fff;
font-size:140%;
margin:0;
padding:0;
font-weight: bold;
}

#rightcontent-info h2 {
color:#fff;
font-size:120%;
margin:0;
padding:0;
font-weight: bold;
}

#rightcontent-info-A h1 {
text-align: right;
color:#fff;
font-size:140%;
margin:0;
padding:0;
font-weight: bold;
}

.zeroB {
font-size: 12px;
margin: 0;
padding: 0;
}

.homefeaturetitle {
font-size: 18px;
margin: 0;
padding: 0;
}

.homefeaturecopy {
font-size: 11px;
margin: 0;
padding: 0;
}

#homefeaturecopy {
width: 146px;
float: left;
color: #fff;
margin-left: 4px;
}

.homeTitle {
color: #fff;
margin-left: 180px;
margin-top: 10px;
}

.portcopy {
margin-top: 10px;
font-size: 14px;
color: #ccc;
}

#headertext-A {
text-align: left;
color:#fff;
font-size:30px;
margin:0;
margin-bottom: 5px;
padding:0;
font-weight: bold;
line-height: 32px;
}

#servcontent  li {
font-size: 14px;
padding: 5px;
}

#praise {
color: #ccc;
font-size: 12px;
line-height: 18px;
padding-left: 5px;
}

#praisetest {
border-bottom: 1px dotted #535353;
padding-bottom: 10px;
margin-top: 20px;
}





/********************************************/
/************ image classes ***************/
/********************************************/

.button {
margin-top: -1px;
}

.app-icon {
float: left;
padding: 10px;
}

.servicebox {
float: left;
border: 2px solid #262626;
margin-right: 20px;
margin-bottom: 40px;
}

.homefeatureimg {
float: left;
}

.social {
float: left;
padding: 2px;
margin: 2px;
border: 1px #ccc solid;
} 

.buscard {
float: left;
margin-left: -90px;
margin-top: 30px;
}

.port_BG {
background-image: url(http://mikeguenther.com/images/port_BG.jpg);
background-repeat: no-repeat;
height: 354px;
legnth: 563px;
}

.quote {
float: left;
margin-right: 10px;
margin-top: -10px;
padding: 0;
}



/********************************************/
/************ search form ***************/
/********************************************/

.searchform {
padding: 10px;
float: left;
border: 1px solid #444444;
}

.searchbox {
float: right;
margin-top: 14px;
}

.searchform .s {
border: 1px #000 solid;
color: #333;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
padding: 5px;
margin-right:px;
margin-top: 5px;
width: 200px;
height: 12px;
float: left;
}



/********************************************/
/************ floats ***************/
/********************************************/


.floatleft {
float: left;
}

floatleft-info {
float: left;
padding: 5px;
}

.floatright {
float: right;
}


/********************************************/
/************ buttons ***************/
/********************************************/


.contactbutton {
margin: 0px;
position: absolute;
padding: 0px;
border: 0;
}

.contactbutton a img {
border: 0px solid #262626;
position: absolute;
left: 0px;
top: 10px;
float: none;
}

.webbutton {
margin-left: 120px;
margin-top: -22px;
position: absolute;
padding: 0px;
border: 0;
}

.favsA a, .favsB a, .favsC a,  .favsD a,  .favsE a,  .favsF a{
float: left;
height: 64px;
width: 64px;
display: block;
background-repeat: no-repeat;
margin-top: 10px;
margin-right: 10px;
}

.favsA a {
background-image: url(http://mikeguenther.com/images/buttons/favs-wp.jpg);
margin-right: px; 
}

.favsB a {
background-image: url(http://mikeguenther.com/images/buttons/favs-apple.jpg);
margin-right: px; 
}

.favsC a {
background-image: url(http://mikeguenther.com/images/buttons/favs-ff.jpg);
margin-right: px; 
}

.favsD a {
background-image: url(http://mikeguenther.com/images/buttons/favs-dw.jpg);
margin-right: px; 
}

.favsE a {
background-image: url(http://mikeguenther.com/images/buttons/ps.jpg);
margin-right: px; 
}

.favsF a {
background-image: url(http://mikeguenther.com/images/buttons/corel.jpg);
margin-right: px; 
}

.favsA a:hover {
background-position: -64px 0; 
background-repeat: no-repeat;}

.favsB a:hover {
background-position: -64px 0; 
background-repeat: no-repeat;}

.favsC a:hover {
background-position: -64px 0; 
background-repeat: no-repeat;}

.favsD a:hover {
background-position: -64px 0; 
background-repeat: no-repeat;}

.favsE a:hover {
background-position: -64px 0; 
background-repeat: no-repeat;}

.favsF a:hover {
background-position: -64px 0; 
background-repeat: no-repeat;}

.loginbutton {
float: right;
padding: 0;
margin-right: 50px;
}

.viewbutton {
float: right;
margin-top: -3px;}

.title {
float: left;
font-size: 18px;
}

#titlebar {
float: left;
width: 580px;
}



/********************************************/
/************ misc. ***************/
/********************************************/


#alllogin {
float: left;
width: 380px;
margin-top: 30px;
margin-left: 30px;
}

#form {
background-image: url(http://mikeguenther.com/images/login-body.jpg);
background-repeat: repeat-y;
padding-left: 30px;
color: #fff;
}

#facebook {
float: left;
margin-top: -30px;
margin-lefT: 180px;
}

#twitter {
float: left;
margin-lefT: 2px;
}

#indent {
margin-left: 20px;
}




/********************************************/
/************ Home Slider ***************/
/********************************************/




#slideBG {
background-image: url(http://mikeguenther.com/slidedeck/slide-1.jpg);
background-repeat: no-repeat;
height: 315px;
legnth: 669px;
}

#slideBG-2 {
background-image: url(http://mikeguenther.com/slidedeck/slide-2.jpg);
background-repeat: no-repeat;
height: 315px;
legnth: 669px;
}

#slideBG-3 {
background-image: url(http://mikeguenther.com/slidedeck/slide-3.jpg);
background-repeat: no-repeat;
height: 315px;
legnth: 669px;
}

#slideBG-4 {
background-image: url(http://mikeguenther.com/slidedeck/slide-4.jpg);
background-repeat: no-repeat;
height: 315px;
legnth: 669px;
}