/* Layout
----------------------------------------------- */	

* {padding: 0; margin: 0;}
body {background: #737373 url('images/bg.gif') repeat-x top center;  font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#404040; line-height:19px;}
a:link, a:visited, a:active{ color:#178fc0; text-decoration:underline;}
a:hover{ color:#178fc0; text-decoration:none;}
#wrapper {margin: 0 auto;width: 900px; height:735px; position:relative;}
#header{ background: url('images/header-bg.jpg'); width:900px; height:150px; text-align:center;}
#content { width:900px; height:580px;  overflow:hidden; position:relative;}
#rShadow {position: absolute;right: -368px;width: 368px;height: 150px;background-color: transparent;background-image: url(images/r.gif);background-repeat: no-repeat;background-attachment: scroll; background-position: 100% 0pt;top: 0px;}
#lShadow {position: absolute;left: -368px;width: 368px;height: 150px;background-color: transparent;background-image: url(images/l.gif);background-repeat: no-repeat;background-attachment: scroll;background-position: 100% 0pt;top: 0px;}
#footer{width:900px; height:40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; line-height:15px; padding: 5px 0 0 0;}
#footer A:link, #footer A:visited, #footer A:active{ color:#ffffff; line-height:15px; text-decoration:none;}
#footer A:hover{ color:#ffffff; text-decoration:underline;}

#logo{ width:900px; position:relative; top:20px;}
#nav{ float:right; width:669px; margin:11px 0 0 0; clear:both;}
#left{ float:left; width:231px; height:580px; background:url('images/left-bg.jpg');}
#side-nav ul{margin:25px 0 0 0; border-top:1px solid #dadada;border-bottom:1px solid #6d7c87; width:231px;}
#side-nav li a:link, #side-nav li a:visited, #side-nav li a:active{ width:186px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; display:block; border-bottom:1px solid #dadada;border-top:1px solid #6d7c87; padding:2px 20px 2px 25px; text-decoration:none;}
#side-nav li a:hover{ background: url('images/steel-repeat.gif') repeat; clear:both;}

#right-container{ float:right; width:629px; height:552px; padding:8px 20px 20px 20px; overflow-x: hidden; overflow-y:auto;  position:relative; background: url('images/60-bg.png') repeat;}
#right{width:629px;}
#right-check ul{  margin: 0 0 0 30px;}
#right-check li{ list-style-image: url('images/check.png'); margin: 0px 0px 0px 30px; line-height:20px;}
#right h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 21px; color:#0e2d43;font-weight:bold;display:block; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; border-bottom:2px solid #178fc0;}
#right h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color:#ffffff;font-weight:bold;display:block; padding: 3px 0px 5px 5px; margin:0 0 5px 0; background-color:#178fc0;}
#right h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color:#178fc0;font-weight:bold;display:block; padding: 15px 0px 5px 35px; margin: 0px 0px 5px 0px;  background: url('images/news-icon.gif') no-repeat 0px 15px;}
#right h3 a:link, #right h3 a:visited, #right h3 a:active{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing:-1px; color:#0e2d43;font-weight:normal;display:block; padding: 0px 0px 2px 0px; margin: 0px 0px 2px 0px; text-decoration:none;}
#right h3 a:hover{ text-decoration:underline;}


#title{width:629px; clear:right;}
#title h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 21px; color:#0e2d43;font-weight:bold;display:block; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; border-bottom:2px solid #178fc0;}

#projects{ float:right; width:186px; background-color:#178fc0; position:relative; right:0px; top:-7px; margin: 0 0 0 10px;}
#projects img{margin:0 0 0 7px; border:1px solid #ffffff;}
#projects p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; padding:2px 0 5px 7px; line-height:11px;}

#news{ width:900px; height:48px; background: url('images/news-shadow.jpg') no-repeat top center;}
#news h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color:#0e2d43;font-weight:bold;display:block; padding: 15px 0px 5px 35px; margin: 0px 0px 5px 0px; border-bottom:1px solid #178fc0; background: url('images/news-icon.gif') no-repeat 0px 15px;}

#map-content { width:900px; height:580px; overflow:hidden; }
#clear{ clear:both; color:#FFFFFF;}
img{ border:none;}

#previous-page{width:900px; height:40px; background: url('images/return.gif') no-repeat left; padding:25px 0 0 40px; }
#previous-page a:link, #previous-page a:visited, #previous-page a:active{color:#0e2d43; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; letter-spacing:-1px;}
#previous-page a:hover{ text-decoration:underline;}

.NewsTitle{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color:#0e2d43;font-weight:normal;display:block; padding: 0px 0px 3px 0px; margin: 0px 0px 5px 0px; border-bottom:1px solid #178fc0;}

/* Projects-Content
----------------------------------------------- */
#projects-right-container{ float:right; width:629px; height:552px; padding:8px 20px 20px 20px ; overflow:auto; position:relative; background: url('images/60-bg.png') repeat;}
#projects-right{width:610px;}
#projects-right img{ margin: 0 auto; display:block;}
#projects-right ul{  margin: 0 0 0 30px;}
#projects-right li{ list-style-image: url('images/check.png'); margin: 0px 0px 0px 30px; line-height:20px;}
#projects-right h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 21px; color:#0e2d43;font-weight:bold;display:block; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; border-bottom:2px solid #178fc0;}

#projects-right h2 { float:left;}
#projects-right h2 A:link, #projects-right h2 A:visited, #projects-right h2 A:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 17px; letter-spacing:-1px; color:#0e2d43;font-weight:bold;display:block; padding: 15px 0px 10px 28px; margin: 0px 0px 5px 0px; background: url('images/project-icon.gif') no-repeat 0px 15px;  text-decoration:none;}
#projects-right h2 A:hover{ text-decoration:underline; color:#178fc0;}

#return {float:right; width:220px; height:35px; padding:0 0 0 30px; margin:15px 0 0 0; display:block; background: url('images/arrow.png') no-repeat;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 17px; letter-spacing:-1px; color:#0e2d43;font-weight:normal;}
#return A:link, #return A:visited, #return A:active {  text-decoration:none; color:#0e2d43}
#return A:hover{ text-decoration:underline; color:#178fc0;}

#projects-title{width:610px;}
#projects-title h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 21px; color:#0e2d43;font-weight:bold;display:block; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; border-bottom:1px solid #178fc0;}
/* Web Projects-Content
----------------------------------------------- */
#web-proj-right{width:100%;}
#web-proj-right img{ margin: 0 auto; display:block;}
#proj-left{ width:326px; height:252px; float:left;}

#project-container{ float:right; width:669px; height:100%; overflow:auto; position:relative; }
#project-container p{ padding:0 10px;}
#project{ float:left; width:326px; height:252px; overflow:auto; position:relative; margin:0 0 15px 0; }
#project span{ width:306px; position:relative; top:200px;}
#project ul{list-style:none; }
#project li {}
#project li a{ display:block; height:252px; text-decoration:none; text-align:center; color:#2a2a2a; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#p-inkforce{background:url(http://www.calvin-giordano.com/web-projects/INKforce-Website.png) no-repeat; width:326px;}
#p-inkforce:hover{background:url(http://www.calvin-giordano.com/web-projects/INKforce-Website.png) no-repeat 0 -252px; width:326px;}

#p-cga{background:url(http://www.calvin-giordano.com/web-projects/CGA-Website.png) no-repeat; width:326px;}
#p-cga:hover{background:url(http://www.calvin-giordano.com/web-projects/CGA-Website.png) no-repeat 0 -252px; width:326px;}

#p-cvbd{background:url(http://www.calvin-giordano.com/web-projects/CVBD-Website.png) no-repeat; width:326px;}
#p-cvbd:hover{background:url(http://www.calvin-giordano.com/web-projects/CVBD-Website.png) no-repeat 0 -252px; width:326px;}

#p-dunwoody{background:url(http://www.calvin-giordano.com/web-projects/Dunwoody-Website.png) no-repeat; width:326px;}
#p-dunwoody:hover{background:url(http://www.calvin-giordano.com/web-projects/Dunwoody-Website.png) no-repeat 0 -252px; width:326px;}

#p-surfside{background:url(http://www.calvin-giordano.com/web-projects/Surfside-Website.png) no-repeat; width:326px;}
#p-surfside:hover{background:url(http://www.calvin-giordano.com/web-projects/Surfside-Website.png) no-repeat 0 -252px; width:326px;}

#p-weston{background:url(http://www.calvin-giordano.com/web-projects/Weston-Website.png) no-repeat; width:326px;}
#p-weston:hover{background:url(http://www.calvin-giordano.com/web-projects/Weston-Website.png) no-repeat 0 -252px; width:326px;}

#p-xmas{background:url(http://www.calvin-giordano.com/web-projects/Xmas-Palace-Website.png) no-repeat; width:326px;}
#p-xmas:hover{background:url(http://www.calvin-giordano.com/web-projects/Xmas-Palace-Website.png) no-repeat 0 -252px; width:326px;}


#web-proj-right h2 { float:left;}
#web-proj-right h2 A:link, #projects-right h2 A:visited, #projects-right h2 A:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 17px; letter-spacing:-1px; color:#0e2d43;font-weight:bold;display:block; padding: 15px 0px 10px 28px; margin: 0px 0px 5px 0px; background: url('images/project-icon.gif') no-repeat 0px 15px;  text-decoration:none;}
#web-proj-right h2 A:hover{ text-decoration:underline; color:#178fc0;}

#web-project-title{width:100%;}
#web-project-title h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 21px; color:#0e2d43;font-weight:bold;display:block; padding: 0px 0px 5px 30px; margin: 5px 0px 20px 0px; border-bottom:1px solid #178fc0;}

/* Default
----------------------------------------------- */
#default-right{width:629px; padding:0 20px 0 0;}


#map{ float:right; width:669px; height:580px; overflow:hidden; position:relative; background: url('images/60-bg.png') repeat;}
#home{ float:right; width:669px; height:580px; overflow:hidden; position:relative; background: url('images/60-bg.png') repeat;}


.sf_libraryList a{font-family:Arial, Helvetica, sans-serif;font-size:18px;font-style: normal;font-weight: normal;text-transform: normal;letter-spacing: normal;font-weight:normal;display:block;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;line-height: 1.2em; color:#0e2d43; text-decoration:none;}