@import url("good.css");


/*MAIN CSS FOR BOBBIWISBY.COM  created 11 December 2002 located at http://www.bobbiwisby.com/styles/bwmain.css*/

		
body {/*3title.gif  */
	margin: 0;
	padding: 0;
	color: #993333;
	background: #DDFFEF url(../siteimages/websitedesignbybobbiwisbytitle.gif) no-repeat left top;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	}

p, blockquote {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;	
	color: #993333;
	background-color: transparent;
	}

		/*used on site version pages that once were popups*/

p.versions {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;	
	color: #993333;
	background-color: transparent;
	text-align: justify;
	}

p.ss {
	margin-left: 100px;
	}

div.weave {
	padding-top: 7px;
	}

h5.specs {
	color: #33664d;
	margin: 0;
	padding: 0;
	font-family: verdana, helvetica, arial, sans-serif;
	background-color: transparent;
	}

		/*section headers on salmon*/
h4 {	
	font-family: verdana, helvetica, arial, sans-serif;
	color: #993333;
	background-color: #FFCCCC;
	border-top: 1px solid #993333;
	border-bottom: 1px solid #993333;
	border-right: 5px double #993333;
	}

		/*sub section headers on salmon left aligned*/
h5.sub {  
	font-family: verdana, helvetica, arial, sans-serif;
	color: #33664d;
	background-color: #FFCCCC;
	border-top: 1px solid #993333;
	border-bottom: 1px solid #993333;
	border-right: 5px double #993333;
	}

		/*sub section headers on salmon center aligned*/
h5.subcenter {
	font-family: verdana, helvetica, arial, sans-serif;
	color: #33664d;
	background-color: #FFCCCC;
	border-top: 1px solid #993333;
	border-bottom: 1px solid #993333;
	border-right: 5px double #993333;
	text-align: center;
	}

		/*portfolio section headers align center*/
h5.port { 
	font-family: verdana, helvetica, arial, sans-serif;
	color: #33664d;
	background-color: #FFCCCC;
 	border: 1px solid #993333;
	text-align: center;
	}

h5.title {
	text-decoration: underline;
	color: #33664d;
	}
 
ol li {
	list-style-type: decimal;
	list-style-position: inside;
	color: #33664d;
	background-color: transparent;
	}

.quest {
	color: #993333;
	font-weight: bold;
	font-size: 12px;
	}

.process {
	color: #993333;
	font-size: 12px;
	font-family: verdana, helvetica, arial, sans-serif;
	}
	  
ul li {
	list-style-type: square;
	list-style-position: inside;
	color: #33664d;
	background-color: transparent;
	}
 
.bold {
	font-weight: bold;
	font-size: 12px;
	color: #993333;
	font-family: verdana, helvetica, arial, sans-serif;
	}

		/*periwinkle links bar*/
.topnav  { 
	width: 100%;
	background-color: #DCDBFF;
	color: #993333; 					/*change when linkage colors decided*/
	border-bottom: 1px solid #993333; 		/*gets border-top from bottom of divider bars*/
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: right;
	}
  
#left { 
	background-color: #DDFFEF;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	width: 225px;	/*280px;*/
	float: left;
	margin-left: 50px;	
	} 
 
		/*for nav titles*/
#left h5 {  
	background-color: #FFCCCC;
	font-family:  verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	color: #993333;
	border: 1px solid #993333;
	display: block;
	width: 150px;
	}
 
.leftlinks {
	background-color: #DCDBFF;
	font-family:  verdana, helvetica, arial, sans-serif;
	border: 1px solid #993333;
	display: block;
	width: 150px;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	}
		
			/*wordage*/
#content { 
	background-color: #DDFFEF;
	font-family:  verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	color: #993333;
	/*margin: 0px 50px 0px 300px;*/
margin: 0px 50px 0px 200px;
	display: block;	
	}

		/*periwinkle links bar*/
.footer  {
	width: 100%;
	background-color: #DCDBFF;
	color: #993333;
	font-family:  verdana, helvetica, arial, sans-serif;
	border-bottom: 1px solid #993333;
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: right;
	clear: both;
	}

.footdivider {
	clear: both;
	}

div.copy {
	font-family: verdana, helvetica, arial, sans-serif;
	background-color: #FFCCCC;
	border-top: 1px solid #993333;
	border-bottom: 1px solid #993333;
	color: #993333;
	font-size: 5px;
	line-height: 5px;
	text-align: right;
	font-weight: bold;
	}

.specs {
	font-family: verdana, helvetica, arial, sans-serif;
	background-color: transparent;
	margin-left: 10px;
	}

.tiny {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 10px;	
	color: #993333;
	background-color: transparent;
	}

.center {text-align: center;}

.right {float: right;}

.left {float: left;}

img {border: 0;}

	/*to remove linkage border on portfolio in N4*/
img { 
	border-color: #DDFFEF;
	color: #DDFFEF;
	}

.justify {text-align: justify;}

		/*tiny divider lines with no text*/		 
div.hlines { 
	background-color: #FFCCCC;
	border-top: 1px solid #993333;
	border-bottom: 1px solid #993333;
	line-height: 5px;
	font-size: 5px;	
	}

 		/*HYPERLINKS AND ANCHORS*/
a {
	color: #993333;
	border: 0;
	border-color: #DDFFEF;
	}

		/*LEFT SECTION HYPERLINKS ON PERIWINKLE WITH ROLLOVER CSS BOXES TO SALMON*/
  
#left a, visited, active {
	display: block;
	background-color: #DCDBFF;
	text-decoration: none;
	color: #993333;
	} 
 
#left a:hover {
	background-color: #FFCCCC;
	color: #33664d;
	display: block;
	text-decoration: none;
	}

		/*NAV BAR HYPERLINKS ON PERIWINKLE*/

a.nav:link {
	font-family:  verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993333;
	}
 
a.nav:visited {
	font-family:  verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: purple;
	}

a.nav:active {
	font-family:  verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9999; 
	}

a.nav:hover {
	font-family:  verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline overline;
	color: #33664d; /*dark green*/
	}	
		
		/*WITHIN (text) BODY-CONTENT HYPERLINKS*/

a.text:link {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #993333;
	}

a.text:active {
	color: #FF9999;
	}

a.text:visited {
	color: purple;
	}

a.text:hover {
	background-color: #FFCCCC;
	text-decoration: underline overline;
	color: #33664d; /*dark green*/
	}





 
			/*spacers for top title and left top*/
p.spacertitle {
line-height: 45px; 
}
p.spacertop {
line-height: 1px;
}
p.spacerlefttop {
line-height: 1px;
}
 
			/*holding open the space below the links & front graphics*/
		 
		 
p.spacerindex {/* 150px -best for 1024 op*/
line-height: 120px;					/*225px;*/
}
p.spacerdesign {/*80px;*/
line-height: 160px;
}
p.spacerprocess {/*for 800 op use 1100px;*/
line-height: 750px;
}
p.spacerportfolio {/* for 800 op use 1200px;*/
line-height: 1000px;						/*1400px;*/ 
}
p.spacerquestions {/*for 800 op use 1370px; */
line-height: 1125px; 
}
p.spacermaintain {/*110px; -best for 1024 op*/
line-height: 200px;
}
p.spacerphotofix {/*larger spacer creates scroll in 800 */
line-height: 1400px;
}
p.spacercontact {
line-height: 150px;
}
p.spacerporttitle { /*on pop-up page*/
line-height: 20px;
}
p.spacercdversions {  
line-height: 900px;
}