/* Start of CMSMS style sheet 'dacro_css' */
/*  Copyright 2008 Dynacor Media Group  */

/******************DEFAULTS******************************/
body{
margin:0;
background-color:#cccccc;
color:#333333;
font-family:arial;
font-size:12px;
}

img {
    border: 0px;
}

a {
  color:#448ccb;
  text-decoration:none;

    cursor: pointer;
}

a:hover{
 color:#333;


}

p{
line-height:18px;
margin:0px;
padding:10px 5px;

}

h1{
width:691px;
font-size:16px;
color:#448ccb;
font-weight:bold;
text-transform:uppercase;
margin-left:5px;
margin-right:0px;
margin-top:0px;
margin-bottom:10px;
padding-left:0px;
padding-top:10px;
padding-right:0px;
padding-bottom:10px;
border-bottom:2px dotted #333333;

}


/***********************DIVS*****************************/


div#container{
width:990px;
margin-left:auto;
margin-right:auto;
}


div#mainNav{
position:relative;
float:left;
width:230px;
height:590px;
}

div#mainPage{
position:relative;
float:left;
width:760px;
background:url('images/dacro_bg2.gif');
background-repeat: repeat-y;
}

div#header{
  position:relative;
float:left;
width:760px;
height:98px;

}

div#flashHolder{
position:relative;
float:left;
width:760px;
height:293px;
}


div#lrgBanner{
position:relative;
float:left;
width:760px;
height:390px;
background:url(images/holder.png) top left repeat-y;
z-index:1;
}
#largeImg{
z-index:2;
}
.image-holder{
z-index:1;
position:absolute;
top:0;
left:0;
	width:755px;
	height:390px;
	background:#e6e6e6 url(images/loading.gif) 50% 50% no-repeat;;
display:none;
}	


div#content{
position:relative;
float:left;
width:760px;
background:url('images/dacro_gradient_bg.gif');
background-repeat: no-repeat;

}

div#subNav{
width:730px;
height:20px;
padding-top:5px;
padding-left:25px;
border-bottom:1px dotted #333333;
}

div#info{
position:relative;
float:left;
padding-left:30px;
padding-right:5px;
padding-top:10px;
padding-bottom:15px;
margin:0px;
width:700px;
min-height:139px;
height:auto !important;
height:139px;
}


div#infoSub{
position:relative;
float:left;
padding-left:30px;
padding-right:5px;
padding-top:10px;
padding-bottom:15px;
margin:0px;
width:700px;
min-height:113px;
height:auto !important;
height:113px;
}


div#footer{
    position:relative;
    float:left;
width:760px;
height:35px;
font-size:11px;

}

div#footerNav{
position:absolute;
left:180px;
top:15px;
}


/**************************LINKS************************/

.subNavItem{
  padding-left:10px;
   padding-right:10px;
   font-weight:bold;
}

.bottomNavSelected{
color:#448ccb;
}


.subNavItemSelected{
  padding-left:10px;
   padding-right:10px;
   font-weight:bold;
color:#448ccb;
}




/***************************TITLES*********************/

.subTitle{
    color:#333333;
    font-weight:bold;
    font-style:italic;
    text-transform:uppercase;
padding-top:20px;
padding-bottom:20px;

}


.pagesTitle{
width:691px;
font-size:16px;
color:#448ccb;
font-weight:bold;
text-transform:uppercase;
margin-left:5px;
margin-right:0px;
margin-top:0px;
margin-bottom:10px;
padding-left:0px;
padding-top:10px;
padding-right:0px;
padding-bottom:10px;
border-bottom:2px dotted #333333;

}

.indexTitle{
color:#333333;
width:691px;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
margin-left:5px;
margin-right:0px;
margin-top:0px;
margin-bottom:10px;
padding-left:0px;
padding-top:10px;
padding-right:0px;
padding-bottom:10px;
border-bottom:2px dotted #333333;

}

.large{
font-size:21px;


}


/******************************IMAGES*******************/
.sidePic{
border:1px dotted #333333;


}
/*****************************TABLE************************/

.featureTable{
width:700px;
padding-top:6px;
padding-bottom:6px;
}

.featureTableInfo{

margin:6px;

}

.featureImages{
border:1px dotted #333333;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
margin-top:0px;
}

.tableImage{
width:250px;
vertical-align:top;

}

.tableInfo{
vertical-align:top;

}

.tableTitle{
padding-left:6px;
padding-bottom:6px;
padding-top:0px;
padding-right:6px;
margin:0px;
color:#448ccb;
font-weight:bold;
text-transform:uppercase;

}


.tableInfoBox{
    width:420px;
background-color:#cccccc;
padding:6px;
margin-left:5px;
height:170px;
}

.tableInfoBoxExtend{
    width:420px;
background-color:#cccccc;
padding:6px;
margin-left:5px;

}



.affiliatesTable{
width:700px;
padding-top:6px;
padding-bottom:6px;

}

.affiliatesItem{
    padding:6px;
}




.tableGallery{
    width:700px;

}

.tableGalleryImg{
    width:400px;
vertical-align:top;

}

.tableGalleryThumbs{
    vertical-align:top;
width:300px;
}

.thumbImg{
border:1px dotted #333333;
margin-left:6px;
margin-right:6px;
margin-top:0px;
margin-bottom:12px;
width:100px;
height:75px;

}

.thumbImg:hover{
   border:1px solid #333333;

}




.galleryInfoBox{
width:390px;
background-color:#cccccc;
padding:6px;
margin-left:6px;
margin-right:6px;
margin-bottom:6px;
margin-top:0px;

}

.galleryLargeImg{
 border:1px dotted #333333;
margin-left:6px;
margin-right:6px;
margin-bottom:12px;
margin-top:0px;
}

.careersTable{
    width:700px;
vertical-align:top;

}

.address{
    width:300px;
vertical-align:top;
}

.position{

vertical-align:top;
}

/* ############################## job_apply DIV ############################## */

/* === table === */
div.job_apply {
    padding: 10px;

    border: 1px dashed #000000;

    display: none;

    background-color: #f0f0f0;
}

/* ############################## job_apply TABLE ############################## */

/* === table === */
table.job_apply {
    border: 0px;
    border-collapse: collapse;
}

/* === cells === */
table.job_apply td {
    padding: 2px;

    border: 0px;

    font-size: 11px;

    text-align: left;
    vertical-align: top;
}

/* ############################## job_apply FORM ############################## */

/* === fields === */
form.job_apply input, form.job_apply textarea {
    font-family:arial;
    font-size:12px;
}

/* === fields === */
form.job_apply input.full_name {
    background-color: #cccccc;
}
form.job_apply input.phone_number {
    background-color: #cccccc;
}
form.job_apply input.email_address {
    background-color: #cccccc;
}
form.job_apply input.resume {
    background-color: #cccccc;
}
form.job_apply textarea.message {
    background-color: #cccccc;
}
/*****************************Terms & Services ************************/
ul.terms {
margin:0;
padding:0;
width:690px;
float:left;
position:relative;
}

ul.terms li{
margin:0;
padding:0;
width:345px;
position:relative;
float:left;
list-style:none;
}
ul.terms li h2{
margin:0;
padding:0;
width:345px;
position:relative;
float:left;
}

ul.terms li ul{
margin:0 0 0 20px;
padding:0;

}
ul.terms li ul li{
list-style:disc;

}


/*****************************DYNA SIGNATURE************************/

div#signature{

    width:760px;
    height:34px;
    position:relative;
    float:right;
    background-color:#cccccc;
    color:#ffffff;
}

div#signature a{
    color:#ffffff;

}

div#signature a:hover{
    color:#448ccb;

}

.signatureAlignRight{
    text-align:right;
    position:relative;
    float:right;
    padding-top:4px;
padding-right:10px;
padding-left:4px;
padding-bottom:4px;
    font-size:10px;
}
.signatureAlignLeft{
    text-align:left;
    position:relative;
    float:left;
    padding:4px;
    font-size:10px;
}

/*#terms{
position:absolute;
top:0;
left:30px;
}

#terms a{
font-size:11px;
}*/

#map_canvas{border:1px solid #ccc; width:450px; height:375px;position:relative;margin:0 0 0 5px;}



ul.menu_vert {
width:250px;
float:right;
margin:0 10px;
padding:0;
}

ul.menu_vert li{
margin:0;
padding:5px;
margin:0 0 5px 0;
border:1px solid #eee;
list-style:none;
}

p.thumbs {
text-align:center;
width:700px;
position:relative;
}
p.thumbs a{
width:125px;
height:49px;
margin:5px;
padding:5px;
border:1px solid #ccc;
background:#eee;
outline:none;
display:inline-block;
position:relative;
}
/* End of 'dacro_css' */