body {
margin-top: 10px;
margin-bottom: 0px;
/* background-image: url(images/road3.jpg); */
background-color: #373F44;
}



#mainpage {
	width:700px;
	margin:0px auto;
	text-align:center;
	clear: both;
}

#buttons {
margin-left: 80px;
text-align: left;
}

.menu {
	height: 29px;
	width: 800px;
}

#bodyBlock {
width: 700px;
float: left;
display: block;
clear: both;
}

#stripe {
display: block;
background: url(images/home_12.gif);
margin-left: -1px;
margin-top: -5px;
height: 20px;
width: 694px;
clear: both;
}

html>body #stripe {
display: block;
background: url(images/home_12.gif);
margin-left: 3px;
margin-top: 0px;
height: 24px;
width: 694px;
clear: both;
}

#contentWrapper {
background: url(images/contentBG.gif);
width: 694px;
margin-left: 0px;
padding-top: 20px;
}

html>body #contentWrapper {
background: url(images/contentBG.gif);
width: 694px;
margin-left: 3px;
padding-top: 20px;
}

#contentWrapperSub {
background: url(images/content2BG.gif);
background-repeat: repeat-y;
width: 694px;
margin-left: 0px;
padding-top: 20px;
}

#contentWrapperSubPort {
background: url(images/content2BG.gif);
width: 694px;
margin-left: 3px;
padding-top: 20px;
}

html>body #contentWrapperSub {
background: url(images/content2BG.gif);
width: 694px;
margin-left: 3px;
padding-top: 20px;
}

#contentWrapperSub img{
margin-left: 3px;
padding: 10px 10px 20px 30px;
float: left;
}


#scooch{
position: relative;
margin-left: -30px;
border: 4px solid black;
width: 750px;
height: 448px;
}

#scooch2{
position: relative;
margin-left: -65px;
border: 4px solid black;
width: 825px;
height: 448px;
}

#scooch3{
position: relative;
margin-left: -6px;
border: 4px solid black;
width: 700px;
height: 473px;
}

#scooch4{
position: relative;
margin-left: -30px;
border: 4px solid black;
width: 805px;
height: 480px;
}

#scooch5{
position: relative;
margin-left: -28px;
border: 4px solid black;
width: 800px;
height: 520;
}

#scooch6{
position: relative;
margin-left: -33px;
border: 4px solid black;
width: 815px;
height: 500px;
}

#scooch7{
position: relative;
margin-left: -30px;
border: 4px solid black;
width: 720px;
height: 540px;
}

#scooch8{
position: relative;
margin-left: -75px;
border: 4px solid black;
width: 950px;
height: 580px;
}

#scooch9{
position: relative;
margin-left: -80px;
border: 4px solid black;
width: 964px;
height: 676px;
}

#scooch10{
position: relative;
margin-left: -120px;
border: 4px solid black;
width: 1024px;
height: 810px;
}

#scooch11{
position: relative;
margin-left: -120px;
border: 4px solid black;
width: 1024px;
height: 618px;
}

#scooch12{
position: relative;
margin-left: -120px;
border: 4px solid black;
width: 1024px;
height: 640px;
}

#scoochAdobe{
position: relative;
margin-left: -110px;
border: 4px solid black;
width: 998px;
height: 300px;
}

#scoochAdobe2{
position: relative;
margin-left: -50px;
border: 4px solid black;
width: 793px;
height: 250px;
}

html>body #scooch{
margin-left: -60px;
border: 4px solid black;
width: 750px;
height: 448px;
}

html>body #scooch2{
margin-left: -65px;
border: 4px solid black;
width: 825px;
height: 448px;
}

html>body #scooch3{
margin-left: -6px;
border: 4px solid black;
width: 700px;
height: 473px;
}

html>body #scooch4{
position: relative;
margin-left: -60px;
border: 4px solid black;
width: 805px;
height: 480px;
}

html>body #scooch5{
position: relative;
margin-left: -57px;
border: 4px solid black;
width: 800px;
height: 520px;
}

html>body #scooch6{
position: relative;
margin-left: -63px;
border: 4px solid black;
width: 815px;
height: 500px;
}

html>body #scooch7{
position: relative;
margin-left: -54px;
border: 4px solid black;
width: 720px;
height: 540px;
}

html>body #scooch8{
position: relative;
margin-left: -124px;
border: 4px solid black;
width: 950px;
height: 580px;
}

html>body #scooch9{
position: relative;
margin-left: -131px;
border: 4px solid black;
width: 964px;
height: 676px;
}

html>body #scooch10{
position: relative;
margin-left: -161px;
border: 4px solid black;
width: 1024px;
height: 810px;
}


html>body #scooch11{
position: relative;
margin-left: -161px;
border: 4px solid black;
width: 1024px;
height: 618px;
}


html>body #scooch12{
position: relative;
margin-left: -161px;
border: 4px solid black;
width: 1024px;
height: 640px;
}

html>body #scoochAdobe{
position: relative;
margin-left: -142px;
border: 4px solid black;
width: 998px;
height: 300px;
}

html>body #scoochAdobe2{
position: relative;
margin-left: -50px;
border: 4px solid black;
width: 793px;
height: 250px;
}





#bottomBG{
background: url(images/home_15.gif);
width: 694px;
height: 35px;
margin-left: 1px;
clear: right;
}

html>body #bottomBG{
background: url(images/home_15.gif);
width: 694px;
height: 35px;
float: right;
margin-right: 3px;
clear: right;
}


#copyright{
background: url(images/home_17.gif);
width: 559px;
height: 29px;
clear: both;
text-align: center; 
margin-left: 24px;
}

html>body #copyright{
background: url(images/home_17.gif);
width: 559px;
height: 29px;
clear: both;
text-align: center; 
margin-left: 80px;
}

#reflection{
position:relative;
background: url(images/reflection.jpg);
width: 705px;
height: 109px;
clear: both;
text-align: center; 
}

/***********************/

#spacer{
width: 20px;
height: 00px;
}

html>body #spacer{
width: 20px;
height: 60px;
}

#leftsideCopy{
width: 230px;
float: left;
font-family:  arial, helvetica, sans-serif;
font-size: 12px;
line-height: 1.8em;
text-align: center;
color: #333;
}

html>body #leftsideCopy{
width: 200px;
display: inline;
float: left;
font-family:  arial, helvetica, sans-serif;
font-size: 12px;
line-height: 1.8em;
text-align: center;
color: #333;
}

#leftsideCopy a{
width: 180px;
display: inline;
float: left;
font-family:  arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
font-size: 12px;
line-height: 1.8em;
text-align: left;
margin-left: 50px;
color: #204B72;
}

#leftsideCopy2{
width: 230px;
float: left;
font-family:  arial, helvetica, sans-serif;
font-size: 12px;
line-height: 1.8em;
text-align: center;
color: #333;
}

html>body #leftsideCopy2{
width: 200px;
display: inline;
float: left;
font-family:  arial, helvetica, sans-serif;
font-size: 12px;
line-height: 1.8em;
text-align: center;
color: #333;
}

#leftsideCopy2 a{
color: #204B72;
text-decoration: none;
}

#leftsideCopy2 a:hover{
color: #255629;
text-decoration: underline;
}

#subLeft{
margin: 0 0 0 7px;
padding: 0 12px 0 10px;
color: #333;
text-align: justify;
font-size: .9em;
background-color: #D4EFFD;
clear:both;
}

html>body #subLeft{
margin: 20px 6px 40px 8px;
width: 190px;
padding: 20px 12px 40px 20px;
color: #333;
text-align: justify;
font-size: .9em;
background-color: #D4EFFD;
}


#leftsideCopySub a{
width: 172px;
display: inline;
float: left;
font-family:  arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
font-size: 12px;
line-height: 1.8em;
text-align: left;
margin-left: 8px;
padding-left: 50px;
color: #B6EFFF;
background-color: #71ACD5;
}

#leftsideCopySub a:hover{
color: #204B72;
background-color: #B6EFFF;
}

#bodyCopy{
width: 400px;
font-family:  arial, helvetica, sans-serif;
font-size: 11px;
line-height: 2em;
text-align: justify;
margin-left: 250px;
margin-right: 17px;
color: #222;
}

html>body #bodyCopy{
width: 400px;
font-family:  arial, helvetica, sans-serif;
font-size: 11px;
line-height: 2em;
text-align: justify;
margin-left: 250px;
margin-right: 30px;
color: #222;
}

#bodyCopy a{
color: #0C4F71;
text-decoration: none;
}

#bodyCopy a:hover{
color: #6A9B08;
text-decoration: underline;
}

#bodyCopyLogos{
width: 400px;
font-family:  arial, helvetica, sans-serif;
font-size: 11px;
line-height: 2em;
text-align: justify;
margin-left: 220px;
margin-right: 10px;
color: #222;
}

html>body #bodyCopyLogos{
width: 400px;
font-family:  arial, helvetica, sans-serif;
font-size: 11px;
line-height: 2em;
text-align: justify;
margin-left: 240px;
margin-right: 40px;
color: #222;
}

#portfolioCopy{
width: 400px;
height: 260px;
font-family:  arial, helvetica, sans-serif;
font-size: 11px;
line-height: 2em;
text-align: justify;
margin-left: 250px;
margin-right: 20px;
margin-bottom: 20px;
margin-top: 20px;
color: #222;
}

#portfolioImg{
padding-left: 0px;
margin-left: 0px;
position: relative;
z-index: 100;
margin-right: 15px;
margin-top: -8px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}

html>body #portfolioImg{
margin-left: 0px;
margin-right: 15px;
margin-top: -24px;
padding-top: 20px;
}

#portfolioCopy a{
color: #71ACD5;
font-weight: bold;
text-decoration: none;
margin-top: 12px;
float: left;
}

#portfolioCopy a:hover{
color: green;
}



#breadCrumbs {
font-family:  arial, helvetica, sans-serif;
color: #63686B;
font-size: 12px;
font-weight: bold;
line-height: 1.2em;
text-align: left;
margin-left: 258px;
padding-top: 6px;
text-decoration: none;
}

html>body #breadCrumbs {
font-family:  arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 1.2em;
text-align: left;
margin-left: 250px;
padding-top: 5px;
text-decoration: none;
}

#breadCrumbs a{
text-decoration: none;
color: #255629;
}

#breadCrumbs a:hover{
text-decoration: none;
color: white;
}

#footer{
font-family:  arial, helvetica, sans-serif;
font-size: 11px;
text-align: center;
padding-top: 7px;
color: gray;
}

#box, #box2, #box3{
background: #FFE8EE;
}


.boxholder{
padding: 5px;
background: #FFE8EE;
border: 1px solid #ddd;
}
#box, #box2, #box3{
background: #FFE8EE;
}
.boxholder p.text{
margin: 0;
height: 100px;
padding: 10px;
}