/* OCI Layout CSS */

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

#printerNav {display:block;}



#wrapall{ 
	margin:0 auto; 
	width:100%; 
	min-height:400px; 
	height: auto !important;
	height:400px; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	color: #000000; 
	position: relative;
	background:none;
}

h1 {color:#000000;}
h2 {color:#000000;}

#bg_page_container{
	margin:0 auto; 
	margin-top: 0px;
	padding-top: 0px;
	width: 1000px; 
	position: relative; 
	min-height:400px; 
	height: auto !important;
	height:400px;
	background: none
}

#header{
	display:none; 	
}

#page{
	margin:0 auto; 
	width: 760px; 
	position: relative; 
	min-height:441px; 
	height: auto !important;
	height:441px;
}

#footer{
	display:none;
}

#footer_nav {display:none;}

.top1{
display:none;
}

#left_content_container{
	min-height: 935px;
	height: auto !important;
	height: 935px;
	width: 188px;
	float: left;
}

#right_content_container{
	min-height: 900px;
	height: auto !important;
	height: 900px;
	width: 300px;
	margin: 31px 0px 0px 32px;
}

.vertical_border
{
	min-height: 935px;
	height: auto !important;
	height: 935px;
	border-left: solid 1px #ffffff;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#nav_home{display:none;
}

#nav_left{display:none;
}

#latest_project_container{
	min-height: 275px;
	height: auto !important;
	height: 275px;
	width: 549px;
	padding: 25px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#header .logo{
	width: 200px;
	height: 150px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	background-image: url(../images/logo.png);
	float: left;
}

#header .ddd_container{
	position: absolute;
	right: 0px;
	bottom: 25px;
}


#main_content{
	min-height: 636px;
	height: auto !important;
	height: 636px;
	width: 758px;
}

#main_content .top{
	min-height: 170px;
	height: auto !important;
	height: 170px;
	width: 694px;
	padding: 20px 32px 25px 32px;
	border-bottom: solid 1px #ffffff;
}

#main_content .bottom{
	display:none;
}

/* 4px vertical line in top of curved outer container between menu & area right of menu*/
.top_vertical_line_filling1{
	height: 1px;
	width: 185px;
	border-right: solid 1px #ffffff;
}
.top_vertical_line_filling2{
	height: 1px;
	width: 186px;
	border-right: solid 1px #ffffff;
}
.top_vertical_line_filling3{
	height: 2px;
	width: 187px;
	border-right: solid 1px #ffffff;
}

/* START - Curved outer border for main curved container*/

#page .b1, #page .b2, #page .b3, #page .b4, #page .b1b, #page .b2b, #page .b3b, #page .b4b {display:block; overflow:hidden; font-size:1px;}
#page .b1, #page .b2, #page .b3, #page .b1b, #page .b2b, #page .b3b {height:1px;}
#page .b2 {background:#ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#page .b3 {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#page .b4 {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#page .b4b {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#page .b3b {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#page .b2b {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}


#page .b1 {margin:0 5px;}
#page .b2, .b2b {margin:0 3px; border-width:0 2px;}
#page .b3, .b3b {margin:0 2px;}
#page .b4, .b4b {height:2px; margin:0 1px;}
#page .b1b {margin:0 5px; background:#ffffff;}

/* END - Curved outer border for main curved container*/
#page .content_container {
	border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff; 
	min-height: 435px; 
	height: auto !important; 
	height: 435px;
	background-image: none;
}

#page .transparent_white {
	background-image: url(../images/transparent.png);
	height: 100%;
	width: 100%;
}


/* START - Curved outer border for project container curved containers*/
#latest_project_container {display:none;}
/* END - Curved outer border for project container curved containers*/

#latest_project_container .outer_container {
display:none;}

#latest_project_container .outer_container .latest_content{
	border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff; 
	min-height: 243px; 
	height: auto !important; 
	height: 243px;
	width: 255px;
	background: url(../images/bg_latest_content.gif) repeat-y;
}

/* START e.g global round borders maincontent section of site*/
/* END e.g global round borders maincontent section of site*/

/* start e.g welcome container homepage */
#main_content #transparent {
	display:none;
}

#main_content #outer_container_long {
	min-height: 180px; 
	height: auto !important; 
	height: 180px;
	width: 694px;
	margin: 0px 0px 0px 0px;
}

#main_content #outer_container_long #content_long{
	color:#000000; 
	min-height: 170px; 
	height: auto !important; 
	height: 170px;
	width: 692px;
	background-image: none;
}
/* end e.g welcome container homepage */

/* start e.g bottom containers homepage */
#main_content #outer_container_short {
	min-height: 135px; 
	height: auto !important; 
	height: 135px;
	width: 214px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#main_content #outer_container_short #content_short{
	border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff; 
	min-height: 125px; 
	height: auto !important; 
	height: 125px;
	width: 212px;
	background-image: url(../images/bg_home.png);
}

.horizontal_spacing{
	width: 26px;
	float: left;
	height: 1px;
}

.vertical_spacing{
	height: 32px;
	clear: left;
	width: 100%;
}

/* end e.g bottom containers homepage */


/* START e.g global round borders left content section of site*/
#left_content_container {display:none;}
/* END e.g global round borders left content section of site*/

/* START containers left excluding homepage */
#left_content_container .transparent {
	display:none;
}

#left_content_container .outer_container {
}

#left_content_container .outer_container .content{
	min-height: 170px; 
	height: auto !important; 
	height: 170px;
	width: 128px;
	background-image:none
}
/* END containers left excluding homepage */


/* START e.g global round borders left content section of site*/
#right_content_container {display:none;}
/* END e.g global round borders left content section of site*/

/* START  containers right excluding homepage */
#right_content_container .transparent {
	background-image: url(../images/bg_home.png);
	height: 100%;
	width: 100%;
}

#right_content_container .outer_container {
	min-height: 779px; 
	height: auto !important; 
	height: 779px;
	width: 511px;
	margin: 0px 0px 0px 0px;
}

#right_content_container .outer_container .content{
	min-height: 753px; 
	height: auto !important; 
	height: 753px;
	width: 477px;
	background-image: none;
	color:#000000;
	padding: 16px 16px 0px 16px;
}
/* END containers right excluding homepage */

/*medium boxes */
.medium_boxes {display:none;}

.icon_container
{
	min-height: 135px;
	width: 100%;
	padding: 0px 0px 10px 0px;
}

.image_icon
{
	float: left;
	margin: 0px 5px 0px 0px;
}

.icon_content
{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 270px;
}

.image_container
{
	width: 100%;
	padding: 0px 0px 0px 0px;
}

.large_image
{
	margin: 0px 0px 5px 0px;
}

.image_content
{
	margin: 0px 0px 0px 0px;
}

.viewing_description_container
{
	padding: 0px 0px 10px 0px;
	clear: left;
}

.clear{clear: both;}

.cat_list_container{width: 100%; float: left;padding: 10px 10px 0px 0px;}

.module_item_container
{
	width: 173px; 
	border-right: solid 1px #ffffff;
	min-height: 170px;
	height: auto !important;
	height: 170px;
	float: left;
}

#content_long .cl_padding
{
	padding: 8px 8px 8px 8px;
}

.icon_container_home
{
	padding: 5px 5px 5px 5px;
}

.icon_container_home_right
{
	padding: 5px 5px 5px 5px;
	float: right;
	width: 150px;
}

.testimonial_comment{}

.testimonial_name{float: right;}

.testimonial_company{float: right;color: #dbaba1;}

.individual_cat_container
{
	float: left;
	text-align: center;
	padding: 0px 30px 20px 0px;
}