/* CSS shouldn't be a secret or a technique hard to learn.  
The greatest complilation of CSS learning tools is found at www.dezwozhere.com/links.html.  
To see THE greatest example of CSS's power to transform ideas and how it has change the web, visit www.csszengarden.com/.  
All code herein is copyrighted by Rapscallion Designs TM, but please do not hesitate to learn techniques from this CSS paragon.  
Learn by doing, go nowhere by copying.  Enjoy the CSS!  */

/*--->universal*/
body {background: url() top left repeat-x; 
margin: 0; 
padding: 0; 
text-align: center;   
font-family: Arial, Helvetica, sans-serif; 
font-size: 11pt; }

a:link {text-decoration: underline; color: #1E4F9E; font-weight: bold; }
a:visited {text-decoration: underline; color: #727F93; font-weight: bold; }
a:hover {text-decoration: none; color: #fff; background: #1E4F9E; cursor: pointer; }

html > body a:link, a:visited {border-bottom: 1px dotted #1E4F9E; text-decoration: none; font-weight: bold; }
html > body a:hover {border-bottom: 1px solid #727F93; }
h1, h2, h4, h5, h6 {margin: 0; padding: 0; }
ul li {list-style: circle; list-style-image: url(bullet.gif); }
.padding {padding: 21px 30px; }

p {display: block; 
margin-bottom: 19px; 
margin-top: 8px; 
margin-left: 0; 
margin-right: 0; 
padding: 0; }
/*end*/


/*--->headers*/
h1 {font-weight: normal; 
font-size: 1.7em; 
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
color: #0D3B84; }

	h1 {margin-left: -5px; }
	html > body h1 {margin-left: 0px; }

	h1 span {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; }
	.headernav:link, .headernav:visited {border: none; text-decoration: none; color: #1E4F9E; font-weight: normal; }
	.headernav:hover {color: white; background: #1E4F9E; }
	
h2 {font-weight: normal; 
font-size: 1.4em; 
line-height: 20px; 
margin-left: 10px; 
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
color: #5A80A0; 
border-left: 5px solid #EAF1F5; 
padding-left: 5px; 
padding-right: 5px; 
display: inline; }

h3 {font-weight: normal; 
font-size: 1.4em; 
line-height: 20px; 
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
color: #5A80A0; 
margin: 0; 
padding: 0; }
/*end*/


/*--->services special styling*/
.servicelist {padding-left: 5px; 
border-left: 5px solid #EAF1F5; 
margin-top: 0; 
padding-top: 5px; 
margin-left: 10px; }
/*end*/


/*--->structure*/
#centralcontainmentsystem {width: 796px; 
margin: 0 auto; 
padding: 0; 
text-align: left; }

#hull {width: 796px; }

#nav {background: url(centro.gif) top left repeat-y; 
width: 796px; 
overflow: hidden; }

#clouds {width: 794px; 
height: 69px; 
background: url(clouds.gif) no-repeat white; }

#logo {background: url(logo.gif) no-repeat; 
width: 322px; 
height: 163px; 
margin-top: 25px; 
margin-left: 50px; 
float: left; }

#swoosh {background: url(swoosh.gif) no-repeat #F0F0F0;  
width: 776px; 
height: 225px; 
margin-left: 9px; }
/*end*/


/*---content*/
#content {background: url(borderstiled.gif) top left repeat-y white; 
width: 794px; 
line-height: 1.5em; 
font-size: 0.9em; }

#topshadow {background: url(insidegradient.gif) top left repeat-x; 
width: 776px; 
height: 21px; 
margin-left: 9px; 
position: absolute; 
z-index: 0; }

#content > #topshadow {margin-left: 9px; }

#leftbordertile {background: url(leftborderfade.gif) no-repeat; 
width: 9px; 
height: 55px; 
position: absolute; 
margin-left: -30px; }

#rightbordertile {background: url(rightborderfade.gif) no-repeat; 
width: 9px; 
height: 55px; 
position: absolute; 
margin-left: 196px; }
/*end*/


/*--->right column*/
.right {width: 190px; 
float: right; 
margin-left: 5px; 
padding-top: 10px; 
padding-right: 15px; 
color: #333; 
position: relative; 
z-index: 2; 
background: url(borderstiledright.gif) top right repeat-y; }

#rightimage {width: 190px; 
background: #F0F0F0 url(rightgradient.jpg) repeat-x top; 
border-top: 1px solid #ddd; 
border-bottom: 1px solid #B9C3D6; 
text-indent: 5px; 
line-height: 30px; 
height: 30px; 
font-size: 1.2em; 
color: #fff; 
position: relative; 
right: -6px; }

#righttop {width: 190px; height: 12px; 
background: url(top.gif) no-repeat bottom left; }

.right p {display: block; 
padding: 0 10px; 
margin: 0; 
text-align: left; 
background: url(boxgradient.gif) top right repeat-y; }

#rightshadow {width: 190px; 
background: url(bottom.gif) no-repeat bottom #F6F7F7; 
padding-bottom: 10px; }

#whychooseus {height: 17px; margin-left: 15px; }
#envisioningsightsempoweringsounds {height: 36px; margin-left: 5px; }
#youimagewecreate {height: 36px; margin-left: 30px; }
#connectingyoutosolutions {height: 34px; margin-left: 12px; }
/*end*/


/*-->navigation and logo*/

#nav ol {list-style: none; 
padding: 0; 
margin: 0; 
margin-top: 30px; 
margin-right: 15px; 
width: 300px; 
float: right; 
position: relative; 
z-index: 2; }

#nav li {padding: 0; margin: 0; }

#nav span {font-size: 0.8em; letter-spacing: 2px; }

#nav a {display: block; 
text-decoration: none; 
width: 300px; 
text-align: right; 
border: none; 
text-transform: uppercase; 
font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
font-size: 1.5em; 
line-height: 1.7em;  
font-weight: normal; 
color: #5E7496; }

#nav a:hover {background: none; color: #849BBF; }

#active a:link, #active a:visited, #active a:hover {color: #000; }

#nav a:active, #active a:active {color: #2C64BD; }
/*end*/


/*--->legal*/
.legal {padding: 0 10px; 
color: #ccc; 
text-align: center; 
font-size: 10px; 
line-height: 16px; 
border-top: 1px solid #E9EDF2; 
clear: both; }

.legallink:link, .legallink:visited {color: #ccc; }
.legallink:hover {color: #fff; }
/*end*/


/*--->site design*/
#sitedesign {font-size: 0.8em; }

#sitedesign a {color: #000; 
border-bottom: 1px dotted #BE0000; 
background: none; 
text-decoration: none; }

#sitedesign a:hover {border-bottom: 1px solid #BE0000; }
/*end*/

/*--->portfolio*/
ul#portfolio, ul#portfolio li, #rightportfolio ul, #rightportfolio li {list-style: none;
margin: 0; padding: 0; }

ul#portfolio {text-align: left; margin-left: 30px; }

ul#portfolio li {float: left; 
display: inline; 
height: 230px; 
margin-right: 5px; 
text-align: center; }

#portfolio a {margin-right: 45px; 
border: none; 
display: block; 
width: 184px; 
background: none; 
text-decoration: none; 
font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
font-size: 120%; 
font-weight: normal; 
color: #1E4F9E; }

#portfolio img {background: url(fadeborder.gif) top left no-repeat; 
width: 150px; 
height: 133px; 
padding: 17px; 
border: none; 
display: block; }

#leftportfolio {padding: 20px 10px 20px 0; 
width: 250px; 
float: left; }

#leftportfolio p {margin: 10px 0; }

#leftportfolio .byline {color: #999; 
margin-top: 0; }

blockquote {padding: 0; 
margin: 0; 
font-size: 180%; 
line-height: 1.1; 
letter-spacing: -1px; 
font-style: italic; 
font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
color: #0D3B84; }

#rightportfolio {border-left: 5px solid #EAF1F5; 
padding: 20px 0 20px 10px; 
margin-bottom: 10px; 
width: 455px; 
float: left; }

#rightportfolio a {border: none; 
background: none; }

#rightportfolio ul li {float: left; 
display: inline; 
margin-right: 5px; }

#rightportfolio img {border: 1px solid #000; }
/*end*/

/*--->extended right border*/
.borderextended {width: 794px; 
background: url(borderstiledright.gif) top right repeat-y; }

#borderextendedtile {background: url(rightborderfade.gif) bottom right no-repeat; 
width: 9px; 
height: 55px; 
position: absolute; 
margin-left: 755px; }
/*end*/