﻿/* Specify blanket rules for all elements */ 
body 
  { 
    font-size:80%; 
    font-family:'Lucida Grande','Verdana','sans-serif'; 
    margin:10px; 
    text-align: center;
    /*min-width: 780px;*/
   } 
/* Rules for headings */ 
h1 { 
    font-size:150%; 
    } 
h2 { 
  font-size:140%; 
  } 
h3 { 
  font-size:120%; 
  } 
/* Default paragraph styles */ 
  p 
  { 
    font-size:100%; 
    line-height:150%; 
  } 
 .largeText 
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	font-style: normal;
	color: #094CB4;
}

.largeBlueText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 170%;
	font-weight: bold;
	font-style: italic;
	color: #094CB4;
}

#wrapper
{
	margin-right: auto;
	margin-left: auto;
	width:780px;
	text-align: left;
}

#masthead
{
	margin: 0 0 2px 0;
	background-image:url('../images/headerbg1.jpg');
	height:123px;
	width:780px;
}
#zedraLogo
{
	background:url('../images/ZedraLogo.gif') no-repeat;
	width:100px;
	height:100px;
	float:left;
	margin-top:10px;
	margin-left:10px;
}

#zedraTitle
{
	background:url('../images/Image8.gif') no-repeat;
	width:493px;
	height:61px;
	float:right;
	margin-top:40px;
	padding-right:130px;
}
#pageTitle
{
	margin:5px 0 5px 0;
	width:780px;
	color: #094CB4;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size:130%;
	border-bottom:1px solid #808080;
	padding-bottom:5px;
	float:left;
}

.pageHeader 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	font-style: normal;
	color: #094CB4;
}

#listStyle
{
	list-style-type: disc;
	color: #FFCC00;
}
#listStyle a{
	font-weight: bold;
	color: #000;
	text-decoration:none;
}

#listStyle a:hover{
	color: #094CB4;
	font-weight: bold;
	text-decoration:none;
}

.pagePrimaryText
{
	margin-bottom:20px;
	clear:both;
}

/* End of common styles */ 

/* Start of homepage styles */ 
#content
{
	width:780px;
	clear:both
}
#contentTitle
{
	padding:5px;
	background-color: #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	width:465px;
}
.contentText
{
	background-color: #F7F7F7;
	padding:5px;
	width:465px;
}

#contentText1
{
	width:470px;
	clear:left;
	margin:20px 0 0 0;
}

#sidebar
{
	padding:0px;
	float:right;
	width:300px;
	margin-bottom:10px;
	clear:left
}
#sidebarTitle
{
	padding:5px;
	float:right;
	width:270px;
	background-color: #094CB4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;	
	border-left:1px solid #094CB4;
	border-right:1px solid #094CB4;
}
#sidebarText
{
	padding:5px;
	float:right;
	width:270px;
	margin-bottom:10px;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
}
#sidebarText1
{
	padding:5px;
	float:right;
	width:270px;
	text-align:center;
}
/* End of homepage styles */ 

/* Start of nav menu*/ 
#nav-menuWrapper
{
	height:28px;
	width:780px;
	background: url(../images/menuBG1.gif) repeat-x;
}
#nav-menu
{
	width:60em;
}
#nav-menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
} 

#nav-menu li
{
	float: left;
	margin: 0 0;
	border-right:1px solid #000;
} 

#nav-menu li a
{
	line-height: 2.2em;
	float: left;
	width: 7em;
	display: block;
	color: #000000;
	text-decoration: none;
	text-align: center;
} 

#nav-menu li a:hover
{	
	line-height: 2.2em;
	float: left;
	width: 7em;
	display: block;
	text-decoration: none;
	color: #666666;
	text-align: center;
} 

/* Highlights current page link*/ 
#p1 #home a,
#p2 #services a,
#p3 #portfolio a,
#p4 #contact a,
#p5 #gallery a,
{
	color: white;
	font-weight:bold;
}

/* End of nav menu*/ 

/* Start of footer*/
#footer
{
	border-top:3px solid #808080;
	width:100%;
	padding-top:5px;
	margin-top:10px;
	clear:both;
}

#footerContentLeft
{
	width:400px;
	margin-right:350px;
	margin-bottom:10px;
}

/* Start of footer nav menu*/	
#footerMenuHolder
{
	float:right;
	margin-bottom:10px;
	
}

#footer-menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
} 

#footer-menu li
{
	float: left;
	margin: 0 0;
	/*border-right:1px solid #000;*/
} 

#footer-menu li a
{
	line-height: 1.5em;
	float: left;
	width: 7em;
	display: block;
	color: #000000;
	text-decoration: none;
	text-align: center;
} 

#footer-menu li a:hover
{	
	line-height: 1.5em;
	float: left;
	width: 7em;
	display: block;
	text-decoration: none;
	color: #666666;
	text-align: center;
} 

/* Highlights footer menu list*/ 
#p1 #homeFtr a,
#p2 #servicesFtr a,
#p3 #portfolioFtr a,
#p4 #contactFtr a,
#p5 #AccessFtr a
{
	color: #094CB4;
	font-weight:bold;
}
/* End of footer nav menu*/ 


#listStyle
{
	list-style-type: disc;
	color: #FFCC00;
}
#listStyle a{
	font-weight: bold;
	color: #000;
	text-decoration:none;
}

#listStyle a:hover{
	color: #094CB4;
	font-weight: bold;
	text-decoration:none;
}

/* Start of Services styles*/
#contentLeft
{
	width:385px;
	margin-right:385px;
	margin-bottom:10px;
	clear:left;
	margin-top:0px;
}
#contentRight
{
	width:385px;
	margin-bottom:10px;
	float:right;
	margin-top:0px;
} 
#contentLeftTitle
{
	padding:5px;
	background-color: #094CB4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	width:370px;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	border-left:1px solid #094CB4;
	border-right:1px solid #094CB4;	
}

.contentLeftText
{
	padding:5px 5px 21px 5px;
	width:370px;
	margin-bottom:10px;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
}

.contentRightText
{
	padding:5px;
	float:right;
	width:370px;
	margin-bottom:10px;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
}

#contentRightTitle
{
	padding:5px;
	float:right;
	width:370px;
	background-color: #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
	border-left:2px solid #FFCC00;
	color: #FFFFFF;
}
.contentCenter
{
	width:780px;
	margin-bottom:10px;
	clear:both;
	border-top:1px solid #808080;
	padding-top:3px;
}
.contentCenterText
{
	width:780px;
	clear:both;
	background-color:#F7F7F7;
	margin-top:5px;
	padding:2px;
	margin-bottom:15px;
}
.subHeader
{
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
	color: #094CB4;
	padding:2px;
}
/* End of Services styles*/ 

/* End of Contact styles*/
#contactContentLeft
{
	width:340px;
	margin-right:440px;
	margin-bottom:10px;
	clear:left;
	margin-top:10px;
	background-color:Gray
}
#contactContentRight
{
	width:430px;
	margin-bottom:10px;
	float:right;
	margin-top:5px;
	margin-top:50px;
} 

#wCImage
{
	padding:5px 5px 21px 5px;
	width:330px;
	margin-bottom:10px;
}
#contactAddress
{
	padding:5px;
	text-align:center;
	margin-bottom:10px;
	clear:left;  
	width:150px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
	color: #094CB4;                                                    
}

#contactDetails
{
	padding:5px;
	float:right;
	margin-bottom:10px;
	margin-top:20px;
	width:250px;
}
#mapLink
{
	padding:5px;
	text-align:center;
	margin-bottom:10px;
	margin-top:40px;
	clear:both;  
	border-top:dotted 1px #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
	color: #094CB4; 
	padding-top:15px;  
}
#mapLink a
{
	font-weight: bold;
	color: #000;
	text-decoration:none;
}

#mapLink a:hover
{
	color: #094CB4;
	font-weight: bold;
	text-decoration:none;
}
/* End of Contact styles*/ 

/* Start of Portfolio styles*/
.portfolioContent
{
	width:600px;
	margin-bottom:10px;
	background-color:#F4F4F4;
	border:1px solid #808080;
	padding:5px;
}
.linkText a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: normal;
	color: #000000;
	text-align: center;
	text-decoration:none
}

.linkText a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: normal;
	color: #666666;
	text-align: center;
	text-decoration:none
}
.portfolioImage
{
	margin-top:10px;
	margin-bottom:10px;
}
.keyFeatures
{
	float:right;
	width:400px;
}
.liStyle
{
	list-style-type: disc;
	color: #FFCC00;
	
}
.pageText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}
.portfolioImage img
{
	border: 1px solid #808080;
}
.clientQuote
{
	margin-bottom:10px;
	background-color:#FFFFFF;
	border:1px solid #808080;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: italic;	
	text-align:center;
	clear:left;
}
.quoteFooter
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;	
	text-align:center;
	margin-top:5px;
}
/* End of Portfolio styles*/

.liList
{
	list-style-type: disc;
	color: #FFCC00;
}
.listText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}

/*Map page styles*/

.Header
{
	font-size: 110%;
	color: #5C8295;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight:bold;
}
.Address
{
	font-size: 100%;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight:normal;
}
#map
{
	border:solid 2px #4A8CC6;
	margin:2px 2px 2px 2px;
}

.contactUs
{
	color: #000000;
}
.contactUs A
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	text-align: center;
	text-decoration:none
}
.contactUs A:hover
{
	color: #094CB4;
	font-weight: bold;
	text-decoration:none;
}