/* Start of CMSMS style sheet 'screen' */
body {
	margin: 0px;
	padding: 0px;
	background-color: #E6E6E6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9D9D9E;
	height: 100%;
}

p {
	margin: 0px;
	padding: 0px;
}

#page {
	margin: 0px auto;
	width: 768px;
}

#container {
        position:relative;
        float:left;
	margin: 0px auto;
	background-color: #FFFFFF;
	min-height: 900px;
	height: 100%;
}

#content {
    padding: 10px;
    margin-left: 30px;
    height: 100%;
    padding-bottom: 60px;
    background-color: #FFFFFF;
}

*html #content {
	display: inline;
	position: relative;
	left: 30px;
	padding: 20px;
}

*html .home {
	width: 700px;
}

#content h1 {
	position: relative;
	left: -20px;
}

#content h2 {
	width: 600px;
        font-size: 22px;
        font-style: normal;
        font-weight: normal;
}

#content.home .main  {
	width: 615px;
}

#content.home h1 {
	position: relative;
	left: -20px;
}

#content.home .containerBottom .columnLeft {
	position: relative;
	float: left;
	margin-right: 10px;
}

#content.home .containerBottom .columnMiddleLeft {
	position: relative;
	float: left;
	width: 225px;
	margin-right: 10px;
}

#content.home .containerBottom .columnMiddleLeft a {	
	text-decoration: none;
        color: #9D9D9E;
}

#content.home .containerBottom .columnMiddleLeft a:hover {	
	text-decoration: none;
        color: #9D9D9E;
}

#content.home .containerBottom .columnMiddleRight {
	position: relative;
	float: left;
	margin-right: 10px;
}


#content.home .containerBottom .columnRight a {
	text-decoration: none;
        color: #9D9D9E;
}

#content.home .containerBottom .columnRight a:hover {
	text-decoration: none;
        color: #9D9D9E;
}


#content.home .containerBottom .columnRight {
	position: relative;
	float: left;
	width: 225px;
	margin-right: 5px;
}

#content.work img {
	margin-right: 5px;
	margin-bottom: 5px;
}

*html #content.contact {
	height: 100%;
	float: left;
	width: 570px;
	padding: 0px;
	position:relative;
	left: -5px;
	top: 17px;
}

#content.contact .address {
	float: left;
}

#content.contact .address p {
	position: relative;
	font-size: 12px;
}

#content.contact .map {
	float: right;
	position: relative;
	top: 60px;
	height: 325px;
	left: 30px;
}

#clients {
	font-size: 10px;
	height: 250px;
	margin-left: 20px;
	position: relative;
	left: 30px;
	top: -50px;
}

#thielen {
	position: absolute;
	top: 0px;
	z-index:5;
}

#video {
	position: relative;
	top: 40px;
	left: 18px;
}

.containerBottom {
    position:relative;
    float:left;
	margin-top: 30px;
	width: 700px;
	height: 250px;
}

.containerBottom h3 {
	margin: 0px;
}

.columnLeft, .columnMiddleLeft, .columnMiddleRight, .columnRight {
	float: left;
	margin-right: 30px;
}


.thumbs {
        margin: 0px;
        padding: 0px;
}

.containerLeft {
	position: relative;
	width: 275px;
}

.containerLeft img {
	float: left;
	margin-right: 10px;
}

.containerNews {
       position: relative;
       float:left;
       width: 580px;
       padding-bottom: 50px;
}

.newsImage {
       float: left;
       width :164px;
}

.newsContent {
       position: relative;
       float:left;
       top: 20px;
       width:400px;
}

.containerRight img {
	float: left;
	margin-right: 10px;
}

.containerRight {
	position: relative;
	left: 350px;
	top: -105px;
	width: 275px;
}

.containerBox {
	float: left;
	margin-bottom: 150px;
}

h1 {
        color: #EE2C81;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	position: relative;
	left: -40px;
}

h2 {
	color: #F7931E;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	color: #000000;
	font-size: 12px;
}

a {
   color: #0094D8;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

.right{
	float: right;
}

.philosophy {
	position: relative;
	left: 200px;
	width: 400px;
	top: -160px;
}

.about h1, .news h1 {
	position: relative;
	left: -20px;
}

.clickhere {
	position: relative;
	top: -35px;
	left: 85px;
	font-weight: bold;
}

.clickhere a {
	font-size: 12px;
	color: #9D9D9E;
	font-weight: bold;
}

.NewsSummaryLink {
        position: relative;
        float:left;
        left: 180px;
        top: 26px;  
        width:400px;    
}

.NewsSummaryLink a {
        color: #000000;
        margin-bottom: 10px;
}

.NewsSummaryContent {
        position: relative;
        float:left;
}

.newsContent {
        position: relative;
        float:left;
        margin-left:15px;
}





/* top navigation */

#navbar {
	margin: 0;
	padding: 0;
	height: 38px;
	width: 768px;
	background: url(graphics/navbar.gif) no-repeat top left;
}

#navbar ul {
	width:768px;
	list-style:none;
	margin:0px;
	padding:0px;
}

#navbar li ul, #navbar li ul {
	margin: 0;
	padding: 0;
}

#navbar a {
	text-decoration: none;
}

#navbar li {
	margin: 0;
	float: left;
	display: block;
}

#navbar li ul {
	display: none;
}

#navbar li a {
	color: #224d6f;
	font-weight: bold;
	display: block;	
	padding: 0px;
}

/*do the image replacement*/

#navbar li span {
	display:none;
}

#about a, #news a, #work a, #contact a {
	position: relative;
	left: 535px;
	display: block;
	background: url(graphics/navbar.gif) no-repeat top left;
	width:768px;
	height:38px;
}

/*first, put the initial states in place*/

#about a {
	background-position: -549px 0px;
	width: 55px;
}

#news a {
	background-position: -600px 0px;
	width: 50px;
}

#work a {
	background-position: -645px 0px;
	width: 50px;
}

#contact a {
	background-position: -688px 0px;
	width: 78px;
}

/*hover states*/

#about a:hover {
	background-position: -549px -38px;
}

#news a:hover {
	background-position: -600px -38px;
}

#work a:hover {
	background-position: -645px -38px;
}

#contact a:hover {
	background-position: -688px -38px;
}/*end of navbar */



/*header styles */

#header {
	background: url(graphics/nuevo_header.gif) no-repeat;
	height: 222px;
	width: 768px;
	position: relative;
}

/*navigation right */

#navRight {
   background: url(graphics/coollinks.gif) no-repeat;
   float: right;
   position: relative;
   top: 20px;
   left: 40px;
}

#navRight ul {
   text-align: right;
   list-style: none;
   width: 96px;
   position: relative;
   top: 20px;
   left: -50px;
   font-size: 11px;
}

*html #navRight ul {
	position: relative;
	top: 30px;
}

/* End of 'screen' */