@charset "UTF-8";
/* CSS Document */

body, html, div, ul, li {
	margin: 0;
	padding: 0;
}

body { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #2F2F2F;
}


.footer_text {
font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8.5px;
	color: #747474;
padding-top:4px;
line-height:125%;
text-align: center;
}

a:link {
color:#000000;
text-decoration:none;
border-bottom:1px dashed #bbbbbb;
line-height:125%;
}

a:visited {
color:#2F2F2F;
}

a:hover {
color:#2F2F2F;
}


a:active {
color:#2F2F2F;
}





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


#wrapper {
width:755px;
height:875px;
background-color:#FFF;
margin-right:auto;
margin-left:auto; 
margin-top:60px;
}

#video_wrapper {
width:640px;
height:360px;
background-color:#FFF;
margin-right:auto;
margin-left:auto; 
margin-top:60px;
}

#showcase_wrapper {
width:755px;
height:800px;
background-color:#FFF;
margin-right:auto;
margin-left:auto; 
margin-top:60px;
}



#showcase_content_wrapper {
clear:both;
width:755px;
height:800px;
background-color:#EEE;
border-bottom:1px dotted  #231F20;
}




#header_box {
width:755px;
height:134px;
background-color:#FFF;
border-bottom:1px dotted  #231F20;
}

.logo_img{
float:left;
}

.showcase_img{
float:right;
padding-right:25px;
padding-top:110px;
}
.showcase_title{
background-color:#FFF;
width:100px;
height:40px;
padding-top:90px;
margin-right:60px;
}


#divider_box_1 {
width:755px;
height:15px;
background-color:#FFF;

}

#journal_divider_box {
width:755px;
height:45px;
background-color:#FFF;

}

#divider_box_2 {
width:755px;
height:15px;
background-color:#FFF;

}

#flash_box {
width:755px;
height:285px;
background-color:#FFF;
}

#content_wrapper {
width:755px;
height:425px;
background-color:#EEE;
border-top:1px dotted  #231F20;
border-bottom:1px dotted  #231F20;
}



#left_margin {
float:left;
width:34px;
height:425px;
background-color:#FFF;
}

#left_content {
float:left;
width:400px;
height:425px;
background-color:#FFF;
border-right:1px dotted  #231F20;
}


#lc1 {
float:left;
width:400px;
height:260px;
background-color:#FFF;
}

#lc2 {
float:left;
width:400px;
height:125px;
background-color:#FFF;
}



#right_content {
float:left;
width:286px;
height:425px;
background-color:#FFF;
}


#rc1 {
float:left;
width:286px;
height:260px;
background-color:#FFF;
}

#rc2 {
float:left;
width:286px;
height:125px;
background-color:#FFF;
}

#showcase_home_row {
float:left;
width:755px;
height:60px;
background-color:#FFF;
}

.home_page_img{
text-align: left;
padding-top:5px;
padding-left:40px;
height: 40px;
}

#showcase_content {
clear:both
float:left;
width:755px;
height:740px;
background-color:#FFF;
border-bottom:1px dotted  #231F20;
}




#left_margin {
float:left;
width:34px;
height:425px;
background-color:#FFF;
}




#showcase_right_margin {
float:left;
width:34px;
height:740px;
background-color:#FFF;
}


#right_margin {
float:left;
width:34px;
height:425px;
background-color:#FFF;
}

.text1 {
padding-right:20px;
padding-top:4px;
line-height:135%;
height:200px;
text-align: justify;
}


.text2 {
padding-left:20px;
padding-top:4px;
line-height:135%;
height:200px;
text-align: justify;
}




.text3 {
padding-left:20px;
line-height:135%;
text-align: justify;
}


.header_word{
text-align: left; 
padding-left:30px;
}



.header_img{
text-align: left;
padding-top:40px;
}

.showcase_header_img{
text-align: left;
padding-top:60px;
}

.header_img2{
text-align: left;
padding-top:40px;
padding-left:20px;
}



.header_img3{
text-align: left;
padding-top:10px;
padding-left:20px;
}


.header_img4{
text-align: left;
padding-top:0px;
padding-left:20px;
}

.header_img5{
text-align: left;
padding-top:10px;
}


.quote{
clear:left;
padding-top:28px;
padding-left:20px;
float:left;
}

#footer_container {
text-align: center;
width:755px;
height:35px;
background-color:#FFF;

}

#centering_box {
text-align: center;
width:300px;
height:300px;
background-color:#000;
}



#footer_container2 {
text-align: center;
width:755px;
height:5px;
background-color:#FFF;
}

#showcase_footer_container {
text-align: center;
width:755px;
height:5px;
background-color:#FFF;
border-top:1px dotted  #231F20;
}



#journal_left {
float:left;
margin-left: 40px;
width:460px;
background-color:#336666;
height:170px;
background-color:#FFF;
}

#template_left {
float:left;
width:450px;
background-color:#336666;
height:500px;
background-color:#FFF;
}

#journal_right {
float:right;	
width:220px;
background-color:#336666;
height:170px;
background-color:#FFF;
}

#template_right {
float:right;
width:280px;
background-color:#336666;
height:500px;
background-color:#FFF;
}



#template_row {
float:left;
width:755px;
background-color:#336666;
height:500px;
background-color:#FFF;
}


#contact_content {
float:left;
width:680px;
background-color:#336666;
height:600px;
background-color:#FFF;
}

#box {
float:left;
width:200px;
height:200px;
background-color:#FFF;
margin-left:auto;
margin-right:auto;
}


#form_content {
float:left;
width:476px;
background-color:#336666;
height:600px;
background-color:#FFF;
}

#form_words {
float:left;
width:200px;
background-color:#336666;
height:600px;
background-color:#FFF;
}




.journal_text {
padding-top:4px;
margin-left:5px;
margin-right:5px;
line-height:135%;
height:200px;
text-align: left;
}

.our_work_text {
padding-top:4px;
padding-right:20px;
margin-left:5px;
margin-right:20px;
line-height:135%;
height:200px;
text-align: left;
}

.journal_text_bold {
padding-top:4px;
margin-left:5px;
margin-right:5px;
line-height:135%;
font-weight:bold;
height:200px;
text-align: justify;
text-indent: none;
}

#journal_wrapper {
width:755px;
height:1800px;
background-color:#FFF;
margin-right:auto;
margin-left:auto; 
margin-top:60px;
}



#journal_left_margin {
float:left;
width:34px;
height:2500px;
background-color:#FFF;
}

#journal_row {
float:left;
width:721px;
background-color:#336666;
height:170px;
background-color:#FFF;
}


#journal_content_wrapper {
clear:both;
width:755px;
height:1200px;
background-color:#EEE;
}

#journal_content_1 {
clear:both
float:left;
width:755px;
height:1200px;
background-color:#FFF;
}



#journal_content {
float:left;
width:715px;
background-color:#336666;
height:600px;
background-color:#FFF;
}



#our_work_content_1 {
clear:both
float:left;
width:755px;
height:600px;
background-color:#FFF;
}




#our_work_wrapper {
width:755px;
height:575px;
background-color:#FFF;
margin-right:auto;
margin-left:auto; 
margin-top:60px;
}

#our_work_right_margin {
width:30px;
height:500px;
background-color:#FFF;
}


/* ----------------- DHTML Window ------------------ */

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #F5834E;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}