/* CSS Document */


* {
border:0px;
padding:0px;
margin:0px;

}

a, a:visited, a:hover {
color:#000000;
}

a:hover {
text-decoration:underline;
}


body {
background-color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#000000;
background-image:url(../../images/ist1_2689503_retro_wallpaper_series_seamless.jpg);
background-repeat:repeat;
margin:0px;
padding:0px;

}

#mainContainer {
margin-left:auto;
margin-right:auto;
margin-top:150px;
margin-bottom:15px;
text-align:center;
width:550px;
background-color:#FFFFFF;
padding-bottom:15px;
border:thin black solid;
background-image:url(../../images/tabbkgnd.jpg);
background-repeat:repeat;

}

.mainContainer_indexPage {/*All of the category pages - photography, web design, etc.-- now have this class as the main container.*/
margin-left:auto;
margin-right:auto;
margin-top:25px;
margin-bottom:15px;
text-align:center;
width:650px;
background-color:#FFFFFF;
padding-bottom:15px;
border:thin black solid;
background-image:url(../../images/tabbkgnd.jpg);
background-repeat:repeat;

}



#mainContainer_indexPage_smaller {
margin-left:auto;
margin-right:auto;
margin-top:50px;
width:404px;
height:404px;
border:thin black solid;

}

#myNamePhone {
float:right;
margin-right:10px;
margin-top:10px;
font-size:12px;


}



#banner {
float:left;
width:100%;
height:97px;
/*background-color:yellow;*/
border:1px solid gray; 
background-image:url(../../images/homePage/banner/insidePages_banner_649w.gif);
background-repeat:no-repeat;
}

#banner img {
float:left;
}


#equipment {
float:left;
width:150px;
height:150px;


}


#titleGraphic {
float:left;
margin-top:35px;
margin-left:70px;
width:280px;
height:auto;

}

ul#contactInfo {
float:left;
float:right;
width:120px;
height:auto;
margin-left:40px;
border:1px solid gray;
padding:5px;
margin-right:5px;
}

ul#contactInfo li {
list-style:none;
padding:0px;
float:right;
height:20px;
width:100%;
text-align:right;
}



.content {
float:left;
margin-left:0px;
margin-top:15px;

}

#aboutMePage, #contactMePage, #clientListPage, #articlesPage {
float:left;
margin-left:80px;
width:266px;
background-color:orange;

}

#welcomePage  {
float:left;
margin-left:50px;
width:266px;


} 

#workSamplesPage {
float:left;
margin-left:70px;
width:266px;
/*background-color:orange;*/
}



.content  p {
width:100%;
line-height:1.5em;
font-size:11px;
text-align:center;
/*color:#ffffff;*/
color:#000000;
margin-bottom:10px;

}

.content  h1 {
font-size:16px;
margin-top:20px;
font-weight:bold;
margin-bottom:25px;
line-height:1.5em;

}

.artHeading {
list-style:none;
margin-left:50px;
text-align:left;
font-weight:bold;
padding-bottom:10px;
padding-top:5px;
}


.artSubList {
margin-left:75px;
list-style:none;
text-align:left;
padding-bottom:10px;
}


.artSubList li {
padding-top:5px;
}

#leftNav {
float:left;
margin-left:25px;
margin-top:40px;
width:75px;
height:200px;
padding:0px;
font-size:11px;
color:#000000;


}

#leftNav li {
float:left;
width:100%;
height:auto;
display:block;
line-height:1.5em;
list-style-type:none;
/*border:thin solid gray;*/
padding:5px 0px 0px;
margin:0px;
margin-right:10px;

}

#leftNav h2 {
font-size:12px;
width:120%;
margin-top:10px;
text-align:left;
margin-bottom:5px;
margin-left:5px;
font-weight:bold;
line-height:1.5em;

}

#samples {
float:left;
width:200px;
text-align:left;
/*background-color:pink;*/
padding-left:15px;
margin-left:35px;
}

#samples li {
float:left;
width:100%;
height:auto;
/*background-color:tan;*/
margin-left:10px;
margin-bottom:10px;

}




#emailMe {
float:right;
margin-right:20px;
margin-top:230px;
border:1px solid #666666;
height:15px;
width:84px;
background-color:#999999;
padding:3px;
}

.currentPage {
font-size:11px;
color:blue;
font-weight:bold;
/*background-color:tan;*/

}

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


.clearfix {
display: inline-block;

}


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