/* CSS Document - ishine Web Design  */

/* Date:  April 2008 -    Author:  Judy Cron*/


html, body{
		z-index:10;
		height:100%;
		width:100%;
		margin: 0;
		padding:0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		line-height:120%;
 		}

#background{
	   	z-index:1;
		width:100%;
		height:2000px;
		/*background-color:#669933;*/
		background-image:url(../images/bg_green.png);
		background-repeat:repeat-x;
		}
		
	
/*keep styling of these objects that are not divs at top of the css page*/
/*h1{
		z-index:90;  with z-index you have to define the position or it won't work
		position:absolute;
		font-family:"Trebuchet MS";
	        font-size:160%;
		width:50%;
		left:25%;
		top:3%;
		font-weight:bold;
		text-align:center;
		color:#990000;
}*/


h2{
		font-size:14px;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#FF6600;
}


h2 +p{
		font-size:14px;
		/*font-weight:bold;*/
		color:#000000;
}


h3{
		font-size:16px;
		margin-left:3.5%;
		font-weight:bold;
		font-family:"Trebuchet MS";
		color:#FF6600;
}


h4{		font-size:18px;
		font-weight:bold;
		color:#000000;	
		padding-bottom:10px;	
}



h5{
		font-size:12px;
		font-weight:bold;
		color:#000000;	
}



#main_container{
		width:930px;
		height:840px;
		background-color:#F2F2F2;
		margin:auto;
		top:30px;
		}



/*********  MASTHEAD  **************/

#masthead{
		height:60px;
		width:888px;
		margin-top:2%;
		float:left;
		}

#logo{
		float:left;
		/*width:267px;
		height:56px;*/
		margin-left:30px;
		}

	
/*TAB HEADINGS AND CONTENT*/
	
#tabs{font:12px verdana,arial,sans-serif; width:550px; padding:15px 0 0 0; line-height:15px;}

#tabs div.off {color:#FF6600; height:33px; margin-right:2px; line-height:33px; padding:0 20px; float:left; background:url(../images/tabs_0.gif) repeat-x left bottom; border:1px solid #ddd; border-bottom-color:#666; cursor:pointer; position:relative; z-index:20;}

#tabs div.on {color:#000; padding:0 20px; margin-right:2px; margin-top:1px; float:left; background:url(../images/tabs_2.gif) repeat-x left bottom; border:1px solid #666; cursor:pointer; border-bottom:0; height:33px; line-height:32px; position:relative; z-index:100;}

div.hide {display:none; width:0; overflow:hidden;}

div.show {clear:left; background:#fff; width:500px; margin-top:0; top:-1px; border:1px solid #666; padding:20px; position:relative; z-index:50; font:11px verdana, arial, sans-serif; line-height:18px;}

div.show img {float:left; margin:0 10px 10px 0;}
.clear {clear:both;}


/*ACCORDIAN MENU - RIGHT SIDE*/
.arrowlistmenu{
width: 280px; /*width of accordion menu*/
padding-top:5px;
float:left;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(../accordian/titlebar2.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../accordian/titlebar-active2.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
margin-left:10px;
padding-bottom: 4px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li {  /*a*/
/*color: #A70303;*/
color:#666666;
background: url(../accordian/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
/*background: url(box_services.gif) no-repeat center left;*/
display: block;
padding: 5px 0;
padding-left: 20px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #dadada;
font-size: 70%;
}


.arrowlistmenu ul li a:visited{
/*color: #A70303;*/
color:#FF6600;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
/*color: #A70303;*/
color:#FF6600;
background-color: #F3F3F3;

}

.arrowlistmenu p{
	background: url(../accordian/box_services.gif) no-repeat center left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
}




/*Left side div*/
#left{	width:520px;
		height:370px;
		float:left;
		margin-top:40px;
		margin-left:32px;
		margin-right:30px;
		/*padding:10px 10px 8px 12px;*/
		}


#right{width:300px;
		height:370px;
		float:left;
		margin-top:50px;
		margin-bottom:30px;
		margin-left:25px;
		}

#bottom{
		width:900px;
		float:left;
		height:385px;
		/*margin-top:5px;*/
		padding-left:30px;
		background-color:#F2F2F2;
		}


/******  LEFT DIV FORMATTING  ************/

#left p{
		font-size:12px;
		margin-left:16px;
		width:490px;
}

#left p:first-letter{
		font-size:16px;
		font-weight:bold;
}

#left ul{font-size:12px;}

#left li{
		line-height:170%;
		list-style-image:url(../images/bullett.gif);
		padding-right:10px;
}

#left td{font-size:11px;}

/******  RIGHT DIV FORMATTING  ************/
/*Right side div*/
/*#right{
		width:280px;
		height:350px;
		float:left;
		margin-top:30px;
		border-left-style:groove;
		border-bottom-color:#CCCCCC;
		background-color:#666666;*/
		
		/*background-image:url(../images/bg_panels.jpg);
		background-repeat:no-repeat;
		}*/
		
		
/*#right p{
		font-size:14px;
		color:#000000;
		
}

#right p:first-child:first-line{
		color:#000000;
		font-size:16px;
		font-weight:bold;
}

#right ul{
		font-size:75%;
		color:#000000;
		*margin-left:80px;
}*/


#right a{color:#000000;}

#right a:hover{color:##FF6600;}
	


/********  CONTACT FORM  **************/

div.contact_form form	{ margin: 0px; padding: 0px; width:450px;}
div.contact_form table	{ margin: 0px; padding: 0px; width:410px; background-color:#669900;}
div.contact_form td		{ margin: 0px; padding: 0px; }
div.contact_form th    	{ margin: 0px; padding: 0px; vertical-align: top; text-align: left; }

div.contact_form table { border-collapse: collapse; }
div.contact_form th    { padding: 0px 10px 3px 0px; vertical-align: top; text-align: left; }
div.contact_form td    { padding: 0px  0px 3px 0px; }

div.contact_form em
{
  font-style:  normal;
  font-weight: 900;
  color: #004080;
}

div.contact_form em.error, div.contact_form form em
{
  color:#FF6600;
  font-weight:bold;
}

div.contact_form div.error { margin-bottom: 15px; }



/* ***** Graphics *********************************************************** */

div.contact_form input, div.contact_form textarea
{
  border:     none;
  background: none;
  margin:  0px;
  padding: 0px;
}

div.contact_form input.submit
{
  width:  70px;
  height: 24px;
  background: white url('../contact-form/form_button_submit.png');
 }

div.contact_form div.input
{
  float: left;
  background: white no-repeat url('../contact-form/form_input.png');
  line-height: 1px;
}

div.contact_form div.input input,
div.contact_form div.input textarea
{
  border:  1px solid black;
  padding: 1px 1px 1px 3px;
}




/********  PORTFOLIO PAGE  **************/

#portfolio{
		/*top:10%;*/
		left:7%;
		/*width:820px;*/
		width:545px;
		overflow:auto;
		float:left;
		/*background-color:#FF0000;*/
		}

#portfolio h2{margin-left:7px;}

#gallery{
		height:65%;
		/*background-color:#FF0000;*/
		}

/*.empty{
		clear:both;
		width:300px;
		height:1px;
	}*/
	
#contentarea
{
		padding:10px 6px 10px 0px;
		float:right;
		width:300px;
		margin-top:30px;
		margin-right:5px;
		}

#contentarea img{
margin-left:10px;
}

#contentarea h2{
		font-size:16px;
		font-weight:bold;
		color:#990000;
}

#contentarea p{
		font-size:12px;
		color:#000000;
		margin-left:10px;
}

#contentarea p:first-child:first-line{
		color:#000000;
		font-size:14px;
		font-weight:bold;
}

#contentarea a:link 
{
		color:#FF6600;
       	text-decoration:none;
		font-size:12px;
		margin-left:10px;
		}

#contentarea a:hover
{
		color:#FF6600;
		text-decoration:none;
       	font-weight:bold;
		font-size:12px;
		margin-left:10px;}

#contentarea a:visited, a:active
{
		color:#FF6600;
   		text-decoration:none;
		font-size:12px;
		margin-left:10px;
}

#border
{
		padding:10px 0px 0px 5px;
		background-color:#666666;
		/*color:#fff;*/
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		
}

#border img{padding:10px 10px 0px 10px;}

/*********  FOOTER DIV  **************/
#footer{
		width:930px;
		clear:both;
        margin:auto;
		margin-top:90px;
		font-size:0.8em;
		text-align:center;
		}