/*
Digital Brewing Company
Project: CTA
version 1.0
*/

body {
text-align:center;
background-color:#333333;
font-family:Arial, Helvetica, sans-serif;
}

#footer {
clear:both;
top:0px;
padding-top:5px;
background-color:#333333;
}

#topbar {
top:0px; 
height:20px; 
width:992px; 
margin-bottom:5px; 
z-index:500; 
background-color:#CCCCCC; 
text-align:left; 
display:none;
padding-left:10px;
padding-right:10px;
}

#wrapper {
margin:auto;text-align:left; /* leave unchanged */
width:1002px;/* non-IE */
*width:998px;/* IE */
min-width:1002px;/* optional but recommended */
}

#mainbody {
width:1002px;
height:591px;
background-color:#FFFFFF;
}

#logo {
top:0px;
}


#navi {
margin-top:40px;
margin-left:4px;
}

#one_area { /* Flash */
width:837px;
float:left;
}

#two_area_hori {  /* T5 and T10 */
width:837px;
float:left;
}

#two_area_ver { /* T6 to T12 */
width:837px;
float:left;
}

#two_area_hori #top {
height:295px;
border-bottom: 1px solid #ffffff;
}


#two_area_hori #bottom {
height:295px;
}

/* <------------About and Services ------------> */
#two_area_hori #bottom #dropdown{
z-index:10;
position:absolute;
padding-left:583px;
}


#two_area_hori #bottom #topCrossImage {
top:0px;
}


#two_area_hori #bottom #lBar {
float:left;
}

#two_area_hori #bottom #content {
float:left;
width:801px;
height:264px;
}

#two_area_hori #bottom #content #scroll {
width:525px;
float:left;
top:20px;
}

#two_area_hori #bottom #content #scroll #titleBar {
padding: 9px 16px 5px;
}

#two_area_hori #bottom #content #links {
width:220px;
float:left;
margin-left:35px;
margin-top:18px;
}

#two_area_hori #bottom #content #linksProj {
width:220px; /* 164*/
float:left;
margin-left:35px;
margin-top:22px; 
}

#two_area_hori #bottom #rBar {
float:left;
}

/* <------------End About and Services ------------> */

#two_area_ver #first {
width:601px;
border-right: 1px solid #ffffff;
float:left;
}

#two_area_ver #second {
width:235px;
float:left;
}

/* <-------------- Principal -----------------> */
#two_area_ver #first #topCrossImageLeft {
top:0px;
height:31px;
}

#two_area_ver #first #titleBox {
top:0px;
height:113px;
border-bottom: 1px solid #acad5f;
}

#two_area_ver #first #titleBox #left_1 {
width:323px;
float:left;
padding-top:20px;
padding-left:33px;
}

#two_area_ver #first #titleBox #right_2 {
width:212px;
float:right;
}

#two_area_ver #first #contentBoxLeft {
height:446px; /*446*/
}

#two_area_ver #first #contentBoxLeft #area_3{
height:60px;
width:312px;
padding-left:33px;
margin-top:34px;
float:left;
}

#two_area_ver #first #contentBoxLeft #area_4{
height:60px;
width:256px;
margin-top:34px;
float:left;

}

#two_area_ver #first #contentBoxLeft #area_5{
clear:both;
padding-left:33px;
padding-right:33px;
height:321px; /*187*/
}

#two_area_ver #first #contentBoxLeft #area_6{
height:134px;
padding-left:33px;
padding-right:33px;
}

#two_area_ver #first #contentBoxLeft #bottomImageLeft{
height:31px;
}

#two_area_ver #second #topCrossImageRight{
height:31px;
}

#two_area_ver #second #contentBoxRight{
height:529px;
}

#two_area_ver #second #contentBoxRight #rightNav{
padding-top:55px;
padding-left:10px;
}

#two_area_ver #second #bottomImageRight{
height:31px;
}
/* <--------------End Principal -----------------> */

/* <-------------- Location -----------------> */


#two_area_ver #first #titleBox_1 {
top:0px;
height:64px;
/*margin: 20px 33px 0px 33px;*/
margin-top:33px;
margin-left:20px;
margin-right:20px;
border-bottom: 1px solid #acad5f;
}

#two_area_ver #first #contentLocBoxLeft {
height:436px; /*446*/
}

#two_area_ver #first #contentLocBoxLeft #loc_2{
height:183px; /*199 */
margin-left:20px;

margin-top:10px; 
}

#two_area_ver #first #contentLocBoxLeft #loc_3{
height:222px; 
margin-left:20px;
}

#two_area_ver #first #contentLocBoxLeft #loc_3 #scroll{
width:540px;
float:left
}

#two_area_ver #first #titleBox #loc_right_2 {
width:212px;
float:right;
text-align:right;
}

#two_area_ver #second #contentRight{
height:342px; /*395*/
}

#two_area_ver #second #contentRight #rightNav {
padding-top:10px;
padding-left:10px;
}


#two_area_ver #second #map {
height:147px;
margin-top:0px;
}

*|html #two_area_ver #second #map {
height:147px;
margin-top:40px;
}


/* <--------------End Location -----------------> */

/* <-------------- Contact Us -----------------> */


#two_area_ver #first #titleContact_1 {
top:0px;
height:94px;
margin: 20px 33px 0px 33px;
}

#two_area_ver #first #contentBoxLeft #con_2{
height:415px;
width:268px;
padding-left:33px;
line-height:18px;
float:left;
}

#two_area_ver #first #contentBoxLeft #con_3{
height:415px;
width:235px;
padding-left:65px;
line-height:18px;
float:left;
}


/* <--------------End Contact Us -----------------> */

/* <-------------- Partnering Forum -----------------> */


#two_area_ver #first #titleForum {
top:0px;
height:35px;
margin: 20px 33px 0px 33px;
}


#two_area_ver #first #forumBoxLeft #title {
height:14px;
margin: 20px 33px;
}

#two_area_ver #first #forumBoxLeft #left_1 {
height:374px;
width: 268px;
padding-left:33px;
padding-top:70px;
float:left;
}


#two_area_ver #first #forumBoxLeft #right_2 {
height:474px;
width:220px;
margin-left:50px;
margin-right:30px;
float:left;
line-height:16px;
}

#two_area_ver #second #forumRight{
height:474px; /*395*/
margin-top:55px;
padding-left:10px;
line-height:16px;
}

/* <--------------End Partnering Forum -----------------> */

/* <-------------- News -----------------> */


#two_area_ver #first #titleNews {
top:0px;
height:113px;
border-bottom: 1px solid #a0a0a0;
}

#two_area_ver #first #titleNews #left_1 {
width:189px;
float:left;
padding-top:20px;
padding-left:33px;
}

#two_area_ver #first #titleNews #right_2 {
width:346px;
float:right;
}

#two_area_ver #second #newsBoxRight{
height:509px;
}

#two_area_ver #second #newsBoxRight #rightNav{
padding-top:55px;
padding-left:15px;
padding-right:15px;
}

#two_area_ver #second #nextPage {
padding-left:60px;
}

#two_area_ver #first #contentBoxLeft #news_3{
height:415px;
}

#two_area_ver #first #contentBoxLeft #news_3 #scroll{
width:575px;
float:left
}


/* <--------------End News -----------------> */


/* <-------------- Project -----------------> */
#two_area_ver #first #top {
height:400px;
top:0px;
border-bottom: 1px solid #ffffff;
}

#two_area_ver #first #bottom {
height:190px;
width:601px;
}

#two_area_ver #first #bottom #topCross {
top:0px;
}

#two_area_ver #first #bottom #lBar {
float:left;
width:18px;
} 

#two_area_ver #first #bottom #content {
margin-top:10px;
float:left;
width: 565px;
}

#two_area_ver #first #bottom #content #scroll{
float:left;
}

#two_area_ver #first #bottom #rBar {
float:left;
width:18px;
}

#two_area_ver #second #topCross {
top:0px;
height:31px;
}

#two_area_ver #second #middle {
height:529px; 
}

#two_area_ver #second #middle #rTop {
height:122px;
padding-top:18px;
margin-left:15px;
margin-right:15px;
}

#two_area_ver #second #middle #rBot {
height:389px;
margin-left:30px;
margin-right:30px;
}


#two_area_ver #second #bottomCross {
height:31px;
}
