/* tableless styles */

* {
padding: 0;
margin: 0;
}

html, body {
height: 100%;
}

body { 
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(images/bg_masthead.jpg) top center no-repeat #FFFFFF;
}

/* set the containing div, fixed, centered
#main { 
width:760px;
margin:0 auto;
} */

/* set the containing div and center it */
#main {
width: 960px;
/* include the IE5.x/Win box model hack   */
\width: 960px;
w\idth: 960px;
margin-left: auto;
margin-right: auto;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px;
}


/* set the header div */
#header {
margin-bottom: 0px;
width: 960px;
height: 100px;
}

#logo {
float: left;
}

#btn_mail {
float: right;
}

#btn_contact {
margin: 250px 0 20px 170px;
}

/* ==================================================== */
h1 { color: #833923; }
h2 { color: #818285; font-size: 16px; }
h3 { color: #833923; padding-left: 25px; }
h4 { color: #f2c200; font-size: 16px; font-weight: 700; font-family: Geneva, Arial, Helvetica, sans-serif;  margin: 0 0 10px 0; border-bottom: 1px solid #f2c200; }

/* ==================================================== */
#content {
padding: 40px 10px 20px 10px;
width: 920px;
line-height: 18px;
font-size: 12px;
}

/* ==================================================== */

#contact_01 {
float: left;
width: 32px;
height: 32px;
background: url(images/contact_ico.gif) top no-repeat;
margin-left: 20px;
}

#contact_text {
float: left;
margin: 4px 0  0 15px;
}

#service_col {
float: left;
width: 150px;
margin: 20px 0 10px 50px;
}

#service_01 {
width: 100px;
height: 100px;
background: url(images/service_ico.gif) top no-repeat;
margin: auto;
margin-bottom: 10px;
}

.service_text {
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size: 11px;
padding-left: 25px;
}

/* ==================================================== */
/* portfolio page */

.menu_hd { /*header*/
padding: 16px 10px;
}

.menu_open {
margin-top: 10px 0 10px 0;
}

.menu_off { /*header*/
cursor: hand;
cursor: pointer;
background: url(images/bar_port.gif) 0 0 no-repeat; 
width: 940px;
height: 50px;
margin: 10px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 20px;
color: #000000;
}

.menu_on { /*class added to contents when they are open*/
cursor: hand;
cursor: pointer;
background: url(images/bar_port.gif) 0 -50px no-repeat; 
width: 940px;
height: 50px;
margin: 10px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 20px;
color: #FFFFFF;
}

#menu_content { /* single column */
padding: 4px 10px;
border: 1px solid #cecece;
width: 918px;
height: 280px;
margin-bottom: 10px;
}

/* ==================================================== */
/* portfolio background samples */
#port_text {
margin-top: 250px;
float: right;
padding: 15px 20px 0 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 14px;
color: #FFFFFF;
}

#port_hyl { background: url(images/port_hyl.jpg) no-repeat; width: 940px; height: 300px; }
#port_uvc { background: url(images/port_uvc.jpg) no-repeat; width: 940px; height: 300px; }
#port_fc { background: url(images/port_fc.jpg) no-repeat; width: 940px; height: 300px; }
#port_ut { background: url(images/port_ut.jpg) no-repeat; width: 940px; height: 300px; }
#port_nd { background: url(images/port_nd.jpg) no-repeat; width: 940px; height: 300px; }
#port_sks { background: url(images/port_sks.jpg) no-repeat; width: 940px; height: 300px; }
#port_cac { background: url(images/port_cac.jpg) no-repeat; width: 940px; height: 300px; }
#port_ckp { background: url(images/port_ckp.jpg) no-repeat; width: 940px; height: 300px; }
#port_kh { background: url(images/port_kh.jpg) no-repeat; width: 940px; height: 300px; }
#port_sch { background: url(images/port_sch.jpg) no-repeat; width: 940px; height: 300px; }
#port_toc { background: url(images/port_toc.jpg) no-repeat; width: 940px; height: 300px; }
#port_sch { background: url(images/port_sch.jpg) no-repeat; width: 940px; height: 300px; }
#port_zen { background: url(images/port_zen.jpg) no-repeat; width: 940px; height: 300px; }
#port_sisk { background: url(images/port_sisk.jpg) no-repeat; width: 940px; height: 300px; }

.port_overlay {
margin-top: 250px;
background: #000000; 
width: 940px;
height: 50px;
filter:alpha(opacity=50); /* for IE */
opacity:0.5; /* CSS3 standard */
}
/* ==================================================== */
/* Slider styles */

#mid_lt {
background: url(images/bg_mid_lt.png) no-repeat;
float: left;
width: 480px;
height: 300px;
}

#mid_rt {
float: left;
width: 480px;
height: 300px;
}

/*--Window/Masking Styles--*/
.main_view {
	float: left;
}

.window {
	width: 480px;
	height:300px;	
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 20px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
background: url(images/dot_off.gif) no-repeat;
padding: 10px;
color: #FFFFFF;
}
.paging a.active {
background: url(images/dot_on.gif) no-repeat;
color: #FFFFFF;
}

.paging a:hover {
background: url(images/dot_on.gif) no-repeat;
color: #FFFFFF;
}

/* ============================================  */
.copybold {
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 11px;
color: #653a83;
}

/* ============================================  */
/* set the topnav sprite */
#topnav {
float: right;
width: 480px; /* display width */
height: 27px; /* display height */
background: url(images/topnav_spr.png);
margin: 10px auto; padding: 0;
position: relative;
}
#topnav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#topnav li, #topnav a {height: 27px; display: block;}
#nav01 {left: 0; width: 132px;}
#nav02 {left: 132px; width: 97px;}
#nav03 {left: 229px; width: 120px;}
#nav04 {left: 349px; width: 131px;}

#nav01 a:hover {background: transparent url(images/topnav_spr.png) 0 -27px no-repeat;}
#nav02 a:hover {background: transparent url(images/topnav_spr.png) -132px -27px no-repeat;}
#nav03 a:hover {background: transparent url(images/topnav_spr.png) -229px -27px no-repeat;}
#nav04 a:hover {background: transparent url(images/topnav_spr.png) -349px -27px no-repeat;}


/* ============================================  */
/* ul icons list */
#list_ico {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
}

#list_ico li { 
display:inline;
background:none;
margin:0px 0px 0px 0px;
padding-right: 0px;
border:none;
}

#list_ico a:link, #list_ss a:visited {
font-size: 11px;	
font-family: Arial,Helvetica,san-serif;	
color: #8d0022;
text-decoration: underline;
}

#list_ico a:hover, #list_ss a:active {
font-size: 11px;	
font-family: Arial,Helvetica,san-serif;	
color: #a29978;
text-decoration: underline;
}

/* thumbnail photo and caption, image border  */
/* thumbnail */
a.thm100:link img, a.thm100:visited img, a.thm100:active img {
border: 1px solid #0ba5ca;
padding: 0 0 0 0;
margin: 0px 0px 20px 13px;
}

a.thm100:hover img {
border: 1px solid #653a83;
}
	
.imgbdr {
border: 1px solid #0ba5ca;
margin-left: 13px;
}

.caption {
font-family: Arial,Helvetica,san-serif; 
color: #999999; 
font-size: 9px; 
font-weight: 400;
}

#copy { padding: 10px 10px 10px 20px; }

/* ============================================  */
/* set the ftr icon sprite */
#ftrico {
float: right;
width: 112px; /* display width */
height: 50px; /* display height */
background: url(images/ftrico_spr.gif);
margin: 0; padding: 0;
position: relative;
}
#ftrico li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#ftrico li, #ftrico a {height: 50px; display: block;}
#ico01 {left: 0; width: 32px;}
#ico02 {left: 32px; width: 40px;}
#ico03 {left: 72px; width: 40px;}


#ico01 a:hover {background: transparent url(images/ftrico_spr.gif) 0 -50px no-repeat;}
#ico02 a:hover {background: transparent url(images/ftrico_spr.gif) -32px -50px no-repeat;}
#ico03 a:hover {background: transparent url(images/ftrico_spr.gif) -72px -50px no-repeat;}


/* set the sticky footer div */
.footer {
z-index: -100;
background: url(images/bg_ftr.gif) repeat-x;
height: 50px;
}

.ftr960 {
width: 960px;
margin: auto;
}

.push {
height: 50px;
clear: both;
}

#ftr_text {
float: left;
padding: 10px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: 400;
color: #FFFFFF;
}

/* unordered list - regular */
ul.reg {
padding-left: 15px;
display: block;
margin: 10px 5px 5px 5px;
} 

/* ordered list (<ol> used at <ul> */
ol {
padding-left: 15px;
margin: 5px 5px 5px 5px;
list-style-type: disc;
display: block;
} 
           
/* general formatting and styles */

.required {
font-size: 11px;
font-family: Verdana,Arial,Helvetica,san-serif;
font-weight: 400;  
color: #990000;
} 

.borderbox_text {
padding: 10px 10px 10px 10px;
margin: 0 0 15px 0px;
font-size: 11px;
width: 350px;
}

.borderbox_rt {
padding: 10px 10px 10px 10px;
border: 1px solid #CCCCCC;
float: right;
margin: 0 0 15px 15px;
font-size: 11px;
}

.borderbox1 {
padding: 10px 10px 10px 10px;
border: 1px solid #CCCCCC;
float: left;
margin: 0 15px 15px 0;
font-size: 11px;
width: 350px;
}

.box_hd_blu {
border-bottom: 1px dotted #666666;
border-right: 1px dotted #666666;
font-face: Arial, Helvetica, san-serif;
font-size: 11px;
font-weight: 700;
color: #333333;
padding: 5px 5px 1px 10px;
background-color: #d6ebff;
margin-bottom: 10px;
}

.borderbox_label { /* this defines the position of the nested elements */
float: left;
margin: 0 10px 0 0;
width: 125px;
}

.borderbox_label_sm { /* this defines the position of the nested elements */
font-face: Arial, Helvetica, san-serif;
font-size: 10px;
font-weight: 400;
float: left;
margin: 0 10px 0 0;
line-height: 13px;
}

.borderbox_nested { /* this defines the position of the nested elements */
float: left;
margin: 0 10px 0 0;
}

#borderbox_finish {
float: left;
margin: 0 10px 0 0;
width: 165px;
}



.formtext { 
font-size: 9px;
font-family: Arial,Helvetica,san-serif;
font-weight: 700;  
color: #333333;
}

.formfield { 
font-size: 11px;
font-family: Arial,Helvetica,san-serif;
font-weight: 400;  
color: #000000;
}

.formbtn { 
font-size: 10px;
font-family: Arial,Helvetica,san-serif;
font-weight: 400;
}

.clearboth { clear: both; }
.pos_cen { text-align: center; margin-bottom: 20px; }
.pos_rt { float: right; margin: 0 0 10px 15px; }
.pos_lt { float: left; margin-bottom: 25px; padding-right: 10px; }



/* global anchors */
a, a:visited, a:active { 
outline: none;
font-family: Arial,Helvetica,san-serif;	
font-weight: 700;	
color: #813923;
text-decoration: underline;
}

a:hover {
outline: none;
font-family: Arial,Helvetica,san-serif;	
font-weight: 700;	
color: #000000;
text-decoration: underline;
}

a.port, .porta:visited, a.port:active { 
outline: none;
font-family: Arial,Helvetica,san-serif;	
font-weight: 700;	
color: #FFFFFF;
text-decoration: underline;
}

a.port:hover {
outline: none;
font-family: Arial,Helvetica,san-serif;	
font-weight: 700;	
color: #d56544;
text-decoration: underline;
}

a.pop, a.pop:visited, a.pop:active { 
font-size: 11px;	
font-family: Arial,Helvetica,san-serif;	
font-weight: 400;	
color: #8d0022;
text-decoration: underline;
}

a.pop:hover {
font-size: 11px;	
font-family: Arial,Helvetica,san-serif;	
font-weight: 400;	
color: #a29978;
text-decoration: underline;
}

/* =================================================*/
/* popupmenu styles                                 */

.jqpopupmenu, .jqpopupmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #dedfe1;
border: 1px solid #a0988e;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}

.jqpopupmenu li{
position: relative;
}

.jqpopupmenu li a{
display: block;
width: 135px; /*width of menu (not including side paddings)*/
color: #666666;
font-weight: 700;
background: #dedfe1;
text-decoration: none;
padding: 4px 5px;
}

* html .jqpopupmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.jqpopupmenu li a:hover, .jqpopupmenu li.selected>a{
background: #bdd5e1;
font-weight: 700;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* =================================================*/
/* littleboxes styles */

.littleBoxes{
    width:500px;
    height:500px;
    margin:0 auto;
    position:relative;
}
.littleBoxes > div{
    position:absolute;
    width:100px;
    height:100px;
    text-align:center;
    border:1px solid #cccccc;
    overflow:hidden;
    /*-moz-box-shadow:0px 0px 3px #555;
    -webkit-box-shadow:0px 0px 3px #555;
    box-shadow:0px 0px 3px #555; */
    background-position:center center;
    z-index:999;
}
.littleBoxes div a.box {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight:bold;
    letter-spacing:-1px;
    display:block;
	line-height:100px;
    text-decoration:none;
    color:#fff;
    /* background-image:url(images/bg_gal_on.gif);*/
    outline:none;
    /*filter:alpha(opacity=75); 	/* for IE */
    /*opacity:0.75;   /* CSS3 standard */
    /* text-shadow:1px 1px 1px #888;
	-moz-box-shadow:1px 1px 3px #777;
    -webkit-box-shadow:1px 1px 3px #777;
    box-shadow:1px 1px 3px #777; */
}

.littleBoxes div a.box:hover{ background: url(images/bg_hover.png) no-repeat; }

.littleBoxes div.boxcontent{
    width:440px;
    height:100px;
    text-align:left;
    padding:10px;
    font-size:12px;
    background:#666;
    margin:260px 0px 10px 20px;
	color: #FFF;
	line-height: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    /*-moz-box-shadow:1px 1px 3px #777;
    -webkit-box-shadow:1px 1px 3px #777;
    box-shadow:1px 1px 3px #777; */
    filter:alpha(opacity=85); 	
    opacity:0.85;   
	display:none;
}
.bg1, .bg2, .bg3, .bg4, .bg5, .bg6, .bg7, .bg8, .bg9, .bg10, .bg11, .bg12, .bg13, .bg14, .bg15, .bg16, .bg17, .bg18, .bg19, .bg20  {
    background-repeat:no-repeat;
}
.bg0 { background-image:url(images/gal_00.jpg); }
.bg1 { background-image:url(images/gal_hyl.jpg); }
.bg2 { background-image:url(images/gal_uvc.jpg); }
.bg3 { background-image:url(images/gal_legacy.jpg); }
.bg4 { background-image:url(images/gal_schmidt.jpg); }
.bg5 { background-image:url(images/gal_sisk.jpg); }
.bg6 { background-image:url(images/gal_ndsin.jpg); }
.bg7 { background-image:url(images/gal_uvt.jpg); }
.bg8 { background-image:url(images/gal_fc.jpg); }
.bg9 { background-image:url(images/gal_sk.jpg); }
.bg10 { background-image:url(images/gal_ut.jpg); }
.bg11 { background-image:url(images/gal_cac.jpg); }
.bg12 { background-image:url(images/gal_cparks.jpg); }
.bg13 { background-image:url(images/gal_ccd.jpg); }
.bg14 { background-image:url(images/gal_gls.jpg); }
.bg15 { background-image:url(images/gal_ccn.jpg); }
.bg16 { background-image:url(images/gal_think.jpg); }
.bg17 { background-image:url(images/gal_hcc.jpg); }
.bg18 { background-image:url(images/gal_baker.jpg); }
.bg19 { background-image:url(images/gal_gph.jpg); }
.bg20 { background-image:url(images/gal_mathes.jpg); }


/* =================================================*/
/* text formatting */
/* =================================================*/

.core { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }

a.gal, a.gal:visited, a.gal:active { 
font-size: 12px;	
font-family: Arial,Helvetica,san-serif;	
font-weight: 700;	
color: #f2c200;
text-decoration: underline;
outline: none;
}

a.gal:hover {
font-size: 12px;	
font-family: Arial,Helvetica,san-serif;	
font-weight: 700;	
color: #000000;
text-decoration: underline;
outline: none;
}