/* OCI Layout CSS */

body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	background-color:#1c1c1a;
}

#printerNav {display:none;}

#wrapall{ 
	margin:0 auto; 
	width:100%; 
	min-height:1200px; 
	height: auto !important;
	height:1200px; 
	position: relative;
}

#bg_page_container{
	margin:0 auto; 
	margin-top: 0px;
	padding-top: 0px;
	width: 1000px; 
	position: relative; 
	min-height:1200px; 
	height: auto !important;
	height:1200px;
	background: url(../images/bg_home.jpg) no-repeat;
}

#header{
	margin:0 auto; 
	width: 760px; 
	position: relative; 
	height:150px; 	
}

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

#footer{
	margin:0 auto; 
	width: 760px; 
	position: relative; 
	height:109px; 
}

.top1{
	min-height: 300px;
	height: auto !important;
	height: 300px;
	width: 100%;
	border-bottom: solid 1px #ffffff;
}

#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: 535px;
	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{
	min-height: 290px;
	height: auto !important;
	height: 290px;
	width: 188px;
	border-right: solid 1px #ffffff;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#nav_left{
	min-height: 290px;
	height: auto !important;
	height: 290px;
	width: 188px;
	border-bottom: solid 1px #ffffff;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#latest_project_container{
	min-height: 300px;
	height: auto !important;
	height: 300px;
	width: 569px;
	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 .logo img { border: 0px; }

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


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

#main_content .top{
	min-height: 170px;
	height: auto !important;
	height: 170px;
	width: 758px;
	padding: 20px 0px 25px 0px;
}

#main_content .bottom{
	min-height: 140px;
	height: auto !important;
	height: 140px;
	width: 694px;
	padding: 25px 32px 25px 32px;
}

/* 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: 935px; 
	height: auto !important; 
	height: 935px;
	background-image: url(../images/transparent.png);
}

#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 .b1, #latest_project_container .b2, #latest_project_container .b3, #latest_project_container .b4, #latest_project_container .b1b, #latest_project_container .b2b, #latest_project_container .b3b, #latest_project_container .b4b {display:block; overflow:hidden; font-size:1px;}
#latest_project_container .b1, #latest_project_container .b2, #latest_project_container .b3, #latest_project_container .b1b, #latest_project_container .b2b, #latest_project_container .b3b {height:1px;}
#latest_project_container .b2 {background:#ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#latest_project_container .b3 {border-left:1px solid #ffffff; border-right:1px solid #ffffff; background: url(../images/bg_latest_content_outer.gif);}
#latest_project_container .b4 {border-left:1px solid #ffffff; border-right:1px solid #ffffff; background: url(../images/bg_latest_content_inner.gif);}
#latest_project_container .b4b {border-left:1px solid #ffffff; border-right:1px solid #ffffff;background: url(../images/bg_latest_content_inner.gif);}
#latest_project_container .b3b {border-left:1px solid #ffffff; border-right:1px solid #ffffff; background: url(../images/bg_latest_content_outer.gif);}
#latest_project_container .b2b {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}


#latest_project_container .b1 {margin:0 5px;}
#latest_project_container .b2, .b2b {margin:0 3px; border-width:0 2px;}
#latest_project_container .b3, .b3b {margin:0 2px;}
#latest_project_container .b4, .b4b {height:2px; margin:0 1px;}
#latest_project_container .b1b {margin:0 5px; background:#ffffff;}
/* END - Curved outer border for project container curved containers*/

#latest_project_container .outer_container {
	min-height: 253px; 
	height: auto !important; 
	height: 253px;
	width: 257px;
	padding: 0px 0px 0px 5px;
	float: left;
}

#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*/
#main_content .b1, #main_content .b2, #main_content .b3, #main_content .b4, #main_content .b1b, #main_content .b2b, #main_content .b3b, #main_content .b4b {display:block; overflow:hidden; font-size:1px;}
#main_content .b1, #main_content .b2, #main_content .b3, #main_content .b1b, #main_content .b2b, #main_content .b3b {height:1px;}
#main_content .b2 {background:#ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#main_content .b3 {border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
#main_content .b4 {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#main_content .b4b {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#main_content .b3b {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#main_content .b2b {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}


#main_content .b1 {margin:0 5px;}
#main_content .b2, .b2b {margin:0 3px; border-width:0 2px;}
#main_content .b3, .b3b {margin:0 2px;}
#main_content .b4, .b4b {height:2px; margin:0 1px;}
#main_content .b1b {margin:0 5px; background:#ffffff;}
/* END e.g global round borders maincontent section of site*/

/* start e.g welcome container homepage */

#main_content #content_left 
{
   width: 485px;
   float:left;
}

#main_content #content_left #seo_sling 
{
    width: 220px;
    float:left;
    padding: 0px 0px 15px 25px;
}

#main_content #content_left #seo_sling  .seo_sling_container{
	border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff; 
	padding: 8px 8px 8px 8px;
	min-height: 170px; 
	height: auto !important; 
	height: 170px;
	width: 202px;
    background-color: #1c1c1a;
}


#main_content #content_left #web_packages 
{
    width: 220px;
    float:right;
    padding: 0px 0px 15px 0px;
}


#main_content #content_left #web_packages  .web_packages_container{
	border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff; 
	padding: 8px 8px 8px 8px;
	min-height: 170px; 
	height: auto !important; 
	height: 170px;
	width: 202px;
    background-color: #1c1c1a;
}

#main_content #content_left .transparent {
	/*background-image: url(../images/bg_home.png);*/
	background-color: #1c1c1a;
	height: 100%;
	width: 100%;
}

#main_content #content_left #outer_container_long {
	min-height: 365px; 
	height: auto !important; 
	height: 365px;
	width: 460px;
	margin: 0px 0px 0px 0px;
	float: left;
	padding: 0px 0px 0px 25px;
}

#main_content #content_left #outer_container_long #content_long{
	border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff; 
	min-height: 365px; 
	height: auto !important; 
	height: 365px;
	width: 458px;
	/*background-image: url(../images/bg_home.png);*/
	background-color: #1c1c1a;
}
/* end e.g welcome container homepage */

/* start e.g bottom containers homepage */


#main_content #content_right 
{
    width: 220px;
    margin-right: 25px;
    float:right;
}

#main_content #content_right .textBox
{
    width: 180px;
    margin:3px 0px 3px 0px;
    border: 1px solid #1c1c1a;
}

#main_content #content_right .transparent {
	/*background-image: url(../images/bg_home.png);*/
	background-color: #1c1c1a;
	height: 100%;
	width: 100%;
}

#main_content #content_right .right_container{
	border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff; 
	padding: 8px 8px 8px 8px;
	min-height: 559px; 
	height: auto !important; 
	height: 559px;
	width: 202px;
    background-color: #1c1c1a;
}

#main_content #content_right .right_container .hz_rule 
{
    border-bottom: 1px solid #ffffff;
    font-size: 0px;
    margin: 10px 0px 10px 0px;
}


#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: 0px;
	clear: left;
	width: 100%;
}

/* end e.g bottom containers homepage */


/* START e.g global round borders left content section of site*/
#left_content_container .b1, #left_content_container .b2, #left_content_container .b3, #left_content_container .b4, #left_content_container .b1b, #left_content_container .b2b, #left_content_container .b3b, #left_content_container .b4b {display:block; overflow:hidden; font-size:1px;}
#left_content_container .b1, #left_content_container .b2, #left_content_container .b3, #left_content_container .b1b, #left_content_container .b2b, #left_content_container .b3b {height:1px;}
#left_content_container .b2 {background:#ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#left_content_container .b3 {border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
#left_content_container .b4 {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#left_content_container .b4b {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#left_content_container .b3b {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#left_content_container .b2b {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}


#left_content_container .b1 {margin:0 5px;}
#left_content_container .b2, .b2b {margin:0 3px; border-width:0 2px;}
#left_content_container .b3, .b3b {margin:0 2px;}
#left_content_container .b4, .b4b {height:2px; margin:0 1px;}
#left_content_container .b1b {margin:0 5px; background:#ffffff;}
/* END e.g global round borders left content section of site*/

/* START containers left excluding homepage */
#left_content_container .transparent {
	background-color: #1c1c1a;
	height: 100%;
	width: 100%;
}

#left_content_container .outer_container {
	min-height: 180px; 
	height: auto !important; 
	height: 180px;
	width: 130px;
	margin: 25px 0px 0px 25px;
}

#left_content_container .outer_container .content{
	border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff; 
	min-height: 170px; 
	height: auto !important; 
	height: 170px;
	width: 128px;
	background-color: #1c1c1a;
}
/* END containers left excluding homepage */


/* START e.g global round borders left content section of site*/
#right_content_container .b1, #right_content_container .b2, #right_content_container .b3, #right_content_container .b4, #right_content_container .b1b, #right_content_container .b2b, #right_content_container .b3b, #right_content_container .b4b {display:block; overflow:hidden; font-size:1px;}
#right_content_container .b1, #right_content_container .b2, #right_content_container .b3, #right_content_container .b1b, #right_content_container .b2b, #right_content_container .b3b {height:1px;}
#right_content_container .b2 {background:#ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#right_content_container .b3 {border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
#right_content_container .b4 {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#right_content_container .b4b {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#right_content_container .b3b {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#right_content_container .b2b {border-left:1px solid #ffffff; border-right:1px solid #ffffff;}


#right_content_container .b1 {margin:0 5px;}
#right_content_container .b2, .b2b {margin:0 3px; border-width:0 2px;}
#right_content_container .b3, .b3b {margin:0 2px;}
#right_content_container .b4, .b4b {height:2px; margin:0 1px;}
#right_content_container .b1b {margin:0 5px; background:#ffffff;}
/* 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);*/
	background-color: #1c1c1a;
	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{
	border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff; 
	min-height: 753px; 
	height: auto !important; 
	height: 753px;
	width: 477px;
	background-color: #1c1c1a;
	padding: 16px 16px 0px 16px;
}
/* END containers right excluding homepage */

/*medium boxes */
.medium_boxes {width:540px; margin: 10px 0px 10px 0px}
.medium_boxes .mbTop {font-size: 0px; width:540px; height:7px; background:url(../images/medium_boxes/top.gif) no-repeat top left;}
.medium_boxes .mbWrapAll{width:518px; border-left:#cd7b21 solid 1px; border-right:#cd7b21 solid 1px; background-color:#FFFFFF; padding: 10px 10px 10px 10px;}
.medium_boxes .mbContent{width:390px; float:right; text-align:left;}
.medium_boxes .mbContentAll{width:100%; float:right; text-align:left;}
.medium_boxes .mbImg {float:left; vertical-align:top;}
.medium_boxes .mbBottom {font-size: 0px; width:540px; height:7px; background:url(../images/medium_boxes/bottom.gif) no-repeat top left;}
.medium_boxes .linkImageContainer{float: left; margin: 10px 8px 0px 15px;}

/*medium boxes update for fck template document */
.medium_boxes .question_container{float: left; width: 350px;}
.medium_boxes .select_container{float: left; padding: 8px 8px 8px 8px;}

.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: 97%; float: left;padding: 10px 10px 0px 0px;}

.module_horizontal_container
{
	min-height: 201px;
	height: auto !important;
	height: 201px;
}

.module_horizontal_border{border-bottom: solid 1px #ffffff; width: 338px; height: 1px; font-size: 0px;}

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

#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;
	height:220px;
	padding: 0px 20px 20px 0px;
	margin-bottom:5px;
}

.question_container{width: 150px; float: left; clear:left; padding: 5px 0px 5px 0px;}

.select_container{width: 300px; float: left; padding: 5px 0px 5px 0px;}

.submit_container{clear: both; float:right; padding: 10px 30px 0px 0px}

#questionContainer{ width: 95%; min-height: 250px; height: auto !important; height: 250px; padding: 20px 20px 20px 20px;}


.input{width: 200px;}

.contact_message_container{width: 510px; background: #ffffff; color:#000000; padding: 3px 0px 3px 0px; text-align: center;}

.coburn_flash_seo {float:left; margin:15px 0px 15px 0px;}

.order_button_Container{text-align:center; float:right; margin-bottom:10px; }

.contact_outer_container{ padding: 10px 0px 10px 0px;}

.contact_container{ margin: 0 auto; min-height: 100px; text-align: center; height: auto !important; height: 100px; padding: 10px 0px 10px 0px; width: 400px;}

.cc_label_container{text-align: left; vertical-align: top; width: 130px; float: left; padding: 5px 0px 5px 0px;}

.cc_text_container{text-align: left; vertical-align: top; width: 270px; float: left; padding: 5px 0px 5px 0px;}

.field_row{padding: 5px 0px 5px 0px; text-align: left;}

.right_link_container{padding: 5px 0px 5px 0px; float: right;}

.clear{clear: both;}

.validatorClass{color: #000000;}

.info{color: #42df04;}