/* General */

* { padding: 0; margin: 0; }
body { background-repeat: repeat-x; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 0.7em; color: #000000; background-image: url(../images/bg.png); }
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #666666; }
a:active { color: #333333; }
p { margin-bottom: 2em; line-height: 2em; }
ul { margin-bottom: 20px; line-height: 2em; }
h1 { font-size: 1.5em; margin-bottom: 1.5em; font-family: Georgia, "Times New Roman", "serif; font-size:"; color: #000000; }
h2 { font-size: 1.3em; margin-bottom: 1.5em; font-family: Georgia, "Times New Roman", "serif; font-size:"; color: #000000; }
h3 { font-size: 1em; font-family: Georgia, "Times New Roman", "serif; font-size:"; color: #FFFFFF; line-height: 2em; }
h4 { font-size: 1.3em;font-family: Georgia, "Times New Roman", "serif; font-size:"; color: #000000; }
h5 { font-size: 1.3em; font-family: Georgia, "Times New Roman", "serif; font-size:"; color: #000000; font-weight: normal; margin-bottom: 0.7em; }
ul { margin-bottom:4em }
h1 a:link { color: #000000; }
h1 a:hover { color: #000000; }
h1 a:visited { color: #000000; }
h5 a:link { color: #000000; }
h5 a:hover { color: #666666; }
h5 a:visited { color: #000000; }
.frontpage-portfolio-link { font-size: 1.3em; font-family: Georgia, "Times New Roman", "serif; font-size:"; color: #000000; font-weight: normal; margin-bottom: 1.7em; }
.frontpage-portfolio-link a:link { color: #000000; }
.frontpage-portfolio-link a:hover { color: #666666; }
.frontpage-portfolio-link a:visited { color: #000000; }
img { border: 0px }
.footer-header { font-size: 1em; font-family: Georgia, "Times New Roman", "serif; font-size:"; color: #FFFFFF; line-height: 2em; }


/* Layout */

#general-container { margin-left:auto; margin-right:auto; width:940px; clear: both; }
#header { clear:both; width:940px; height:105px; float: left; }
#header-logo{width:200px; float:left;}
#navmenu{ width:489px; float:right; }
#introbox {
	clear:both;
	width:900px;
	height:329px;
	padding: 20px;
	background-position: 336px 0px;
	background-repeat: no-repeat;
	border: 1px solid #999999;
	margin-bottom: 20px;
	background-image: url(../images/one.jpg);
}
#introtextbox { width:320px; }
.introtext { font-family: Georgia,  "Times New Roman", "serif; font-size:"; font-size: 1.7em; line-height: 1.7em; margin-bottom: 1em; }
.smallbox{ float:left; width:260px; border: 1px solid #999999; padding: 25px 20px 20px 20px; background-image: url(../images/lines-bg.png); background-repeat: repeat-x; margin-bottom: 40px; }
.smallbox ul{ list-style:none; margin-left: 1em; }
.smallbox li{ background: url(../images/tick.png); padding-left:23px; background-repeat: no-repeat; background-position: 0px 3px; }
.selected { margin-bottom: 2px; }
.largebox{ float:right; width:595px; border: 1px solid #999999; padding: 25px 0px 20px 20px; background-image: url(../images/lines-bg.png); background-repeat: repeat-x; margin-bottom: 0px; }
#footer-holder { width: 100%; clear: both; padding: 30px 0px 0px 0px; background-repeat: repeat-x; background-image: url(../images/bg-footer.png); font-family: Georgia, "Times New Roman", "serif; font-size:"; font-size:1.5em; font-size:1.2em; float:left; margin-top: 20px; }
#footer-content { clear: both; width: 920px; margin-left: auto; margin-right: auto; color: #FFFFFF; padding-bottom: 20px; }
#footer-content a:hover { color: #A8B6D7; }
#footer-content a:link { color: #93D0E6; text-decoration: none; }
#footer-content a:visited { color: #93D0E6; text-decoration: none; }
#footer-content a:hover { color: #93D0E6; text-decoration: none; background-image: url(../images/footer-roll-back.png); }
#footer-content a:active { color: #CCCCCC; text-decoration: none; }
#footer-content ul { list-style-type: square; margin: 0px; padding: 0px; width: 170px; list-style-image: none; margin-left: 1em; }
#footer-content li { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #666666; padding-top: 0px; }
#footer-left{ width:500px; float:left; }
.footer-right{ width:200px; float:right; margin-bottom: 2em; }
.secondary-page-intro { float:left; width:250px; padding: 20px; margin-bottom: 20px; border: 1px solid #999999; padding: 25px 20px 20px 20px; background-image: url(../images/lines-bg.png); background-repeat: repeat-x; margin-bottom: 40px; }
.secondary-page-intro ul{ list-style:none; margin-left: 1em; }
.secondary-page-intro li{ background: url(../images/tick.png); padding-left:23px; background-repeat: no-repeat; background-position: 0px 3px; }
.secondary-page-content { float:right; width:585px; padding: 20px; border: 1px solid #999999; margin-bottom: 20px; border: 1px solid #999999; padding: 25px 20px 20px 20px; background-repeat: repeat-x; margin-bottom: 40px; }
.portfolio-top { float:left; width:899px; padding: 20px 20px 20px 20px; margin-bottom: 20px; border: 1px solid #999999; background-repeat: repeat-x; margin-bottom: 25px; margin-right: 30px; height: 130px; }
.portfolio-page-item { float:left; width:899px; padding: 20px; margin-bottom: 20px; border: 1px solid #999999; background-image: url(../images/lines-bg.png); background-repeat: repeat-x; margin-bottom: 25px; margin-right: 30px; }
.portfolio-page-item-enditem { float:left; width:250px; padding: 20px; margin-bottom: 20px; border: 1px solid #999999; padding: 25px 20px 20px 20px; background-image: url(../images/lines-bg.png); background-repeat: repeat-x; margin-bottom: 30px; height: 250px; }
.porftolio-picture{ float:right;border: 1px solid #999999; margin-top: 10px; }
.porftolio-desc{ float:left; width:350px; padding: 5px 0px 0px 5px; }
.porftolio-desc p{ padding: 10px 0px 0px 0px; }
.secondary-page-content-holder { float:left; width:899px; padding: 20px; margin-bottom: 20px; border: 1px solid #999999; background-image: url(../images/lines-bg.png); background-repeat: repeat-x; margin-bottom: 25px; margin-right: 30px; }
.secondary-page-content-left{ float:left; width:350px; padding: 5px 0px 0px 5px; margin-top:30px }
.secondary-page-content-left-big{
	float:left;
	width:450px;
	margin-top:30px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.secondary-page-content-right{ float:right; width:310px; padding: 20px 20px 20px 20px; border: 1px solid #999999; margin-top: 30px; margin-right: 20px; }
.secondary-page-content-map{ float:right; width:400px; padding: 5px 5px 5px 5px; border: 1px solid #999999; margin-top: 30px; }
.secondary-page-content-right ul{ list-style:none; margin-left: 1em; }
.secondary-page-content-right li{ background: url(../images/tick.png); padding-left:23px; background-repeat: no-repeat; background-position: 0px 3px; margin-bottom: 8px; }

.front-page-portfolio-item{ float:left; width:566px; margin: 5px 0px 5px 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; padding: 10px 0px 10px 0px; }
.front-page-portfolio-end{ float:left; width:566px; margin: 5px 0px 5px 5px; padding: 10px 0px 10px 0px; }
.front-page-portfolio-item-right{ float:right; width:410px; padding: 5px 10px 10px 5px; border-right-width: 1px; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 1px; }
.front-page-portfolio-item-left{ float:left; width:135px; }


/* Navigtion */

.big-link { text-decoration:none; padding:10px 15px 10px 15px; background-image: url(../images/big-links-bg2.png); width: 220px; color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; font-weight: normal; line-height: 1.7em; }
.big-link a:link  { color: #FFFFFF; text-decoration: none; } 
.big-link a:visited  {color: #FFFFFF; } 
.big-link:hover { color: #FFFFFF; background-image: url(../images/big-links-bg-roll.png); }
.big-link-static { text-decoration:none; padding:10px 15px 10px 15px; background-image: url(../images/big-links-bg.png); width: 220px; color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; font-weight: normal; line-height: 1.7em; }

#navmenu ul { margin: 0; padding: 0; border-bottom: none; }
#navmenu li { position: relative; float: left; margin: 0; list-style: none; line-height: 32px; }
#navmenu #home a:hover, #navmenu #portfolio a:hover, #navmenu #services a:hover, #navmenu #where a:hover, #navmenu #contact a:hover { background-position:bottom; }
#navmenu li a { display: block; padding: 0px; text-decoration: none; color: #fff; height:58px; }
#navmenu span { display:none; }
#navmenu #home a { background:url(../images/menu-home-roll.png); width: 122px; border-left-width: 1px; border-left-style: solid; border-left-color: #000000; }
#navmenu #portfolio a { background:url(../images/menu-portfolio-roll.png); width: 122px; }
#navmenu #services a { background:url(../images/menu-services-roll.png); width: 122px; }
#navmenu #contact a { background:url(../images/menu-contact-roll.png); width: 122px; }
#navmenu #homestatic a { background:url(../images/menu-home-static.png); width: 122px; }
#navmenu #portfoliostatic a { background:url(../images/menu-portfolio-static.png); width: 122px; }
#navmenu #servicesstatic a { background:url(../images/menu-services-static.png); width: 122px; }
#navmenu #contactstatic a { background:url(../images/menu-contact-static.png); width: 122px; }

/* Forms */

label { display: block; float: left; width: 130px; padding: 0px 20px 0px 0px; text-align: left; margin-right: 10px; margin-bottom: 10px; }
input:focus { background-color: #93D0E6 }
textarea:focus { background-color: #93D0E6 }
