/*
Theme Name: Custom Dascom 2
Theme URI: http://www.tualatinweb.com/
Description: A custom theme from <a href="http://www.tualatinweb.com/">Tualatin Web</a>.
Version: 1.0
Author: Daniel Payne
Author URI: http://www.tualatinweb.com/
Tags: custom

	Custom Dascom v1.0
	http://www.tualatinweb.com/

	This theme was designed and built by Daniel Payne,
	whose site you will find at http://www.tualatinweb.com/

*/

#body {
	margin:0; /* djp */
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/gradient.png) 0% 0% repeat-x;
	text-align:center;
}

.body_quotes {
	margin:0; /* djp */
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff;
	text-align:left;
}

.normal {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.contact-page {
	margin-left: 25px;
}
.entry p, .read-more { /* Most page content is entry class*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.entry p {
	margin-bottom:3px;
	padding-bottom:3px;
}

.read-more { /* under a paragraph, move up closer */
	position: relative;
	top: -5px;
	left: 0px;
	margin:0;
	padding: 0;
}
body {
	min-width:931px;
}

#wrap { /* Page width is 931 pixels, centered on the page */
	margin:0 auto;
	width:931px;
	position:relative;
	text-align:left;
}

/* HEADER */

#header-top {
	background-image:url(images/header.png);
	background-position:bottom;
	background-repeat:no-repeat;
	height:87px;
	width:931px;
	margin-top:0px;
	color:#000;
	text-transform:uppercase;
	font-size:11px;
}

.logo { /* Click the logo to reach the Home page */
	position:absolute;
	top:7px;
	left:0px;
	width: 215px;
	height: 83px;
}
#logo_flash {
	position:absolute;
	top: 0px;
	left: -2px;
	width: 215px;
	height: 83px;
	z-index: 2;
}
#the-logo {
	z-index:3;
}
.logo_link { /* Link area on top of Flash logo, hyperlink to Home page */
	position:absolute;
	top: 0px;
	left: 0px;
	width: 215px;
	height: 85px;
	z-index: 3;
}
.left_link, .right_link { /* Link area on top of dascom_footer_effect.swf */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 249px;
	height: 92px;
	z-index: 2;
}
/* FOOTER */
#footer-home { /* Only used on Home page, not the default footer */
	background-image:url(images/footer-home.png);
	background-repeat:no-repeat;
	height:47px;
	width:931px;
	margin:0;
	padding:0;
	color:#fff; /* white letters on green background */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	position:absolute; /* relative wasn't working only in IE - it had a gap, try absolute */
	left:0px;
	top:599px; 
}
#footer { /* Default footer, not for Home page */
	background-image:url(images/footer-new.png); /* Green footer background, lighter than page background color */
	background-repeat: no-repeat;
	height:108px;
	color:#FFFFFF; /* White letters on green backgroun */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	position:relative;
}
.footer-nav { /* default footer nav, not Home page */
	position:absolute;
	top: 82px;
	left: 450px;
}
.footer-nav-home { /* only Home page */
	position:absolute;
	top: 21px;
	left: 500px;
}
.footer-nav a, .footer-nav a:visited, .footer-nav-home a, .footer-nav-home a:visited { text-decoration:none; color:#fff;}
.footer-nav a:hover, .footer-nav-home a:hover { text-decoration:none; color:#e1c9a3; } /* hover effect */

.footer-newsletter { /* inside the green footer area */
	position: absolute;
	top: 78px;
	left: 22px;
}
.footer-newsletter-home { /* Home page only */
	position:absolute;
	top: 13px;
	left:22px;
}
.footer-video-solutions { /* Not home page */
	position:absolute;
	left:0px;
	top:-58px;
}
.copyright { /* under the green footer area */
	position:absolute;
	top: 114px;
	left: 0px;
	color: #7c9899; /* light green text */
}
.copyright-home {
	position:absolute;
	top: 52px;
	left: 0px;
	color:#7c9899; /* light green text */
}

/* SEARCH ON HOME PAGE */

#searching {
	position:absolute;
	width: 138px;
	height: 16px;
	top:15px;
	left:690px;
	z-index:2;
}

.search_field {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:solid 0 #fff;
	z-index: 2;
}


/* SEARCH ON non-Home pages */
#search-box { 
	position: absolute;
	left:0px;
	top:96px;
	width:195px;
	height:62px;
}
.search_field_pages {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:solid 0 #fff;
	z-index: 2;
	position:absolute;
	width: 134px;
	height: 16px;
	top:26px;
	left:14px;
}


ul { margin-top:4px; margin-bottom:4px; }
ol { margin-top:4px; margin-bottom: 4px; }
	
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:900;
	margin-top:0px; margin-bottom: 2px;
	text-align:left;
	text-transform:uppercase;
	color:#000;
}
#main_content_page h1 {
	padding-bottom:20px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#b65532; /* Brown */
}

h3 { /* Used on Customer Success page */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #b65532; /* Brown */
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-transform:uppercase;
}
.found { /* Search Results page */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #b65532; /* Brown */
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.found-matches {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #000; /* Black */
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;

}
hr {
	height:0.7px;
	color:#999999;
	background-color:#999999;
}
.hr {
	margin-top:5px;
	margin-bottom:15px;
}
.hr-pages {
	margin-top:15px;
	margin-bottom:20px;
}
/* Top horizontal navigation buttons */

#nav-company {
	position:absolute;
	width:73px;
	/*height:26px; */
	top:29px; /* was 34px */
	left:388px; /* was 398 */
	z-index:3;
	
}
#nav-av {
	position:absolute;
	width:110px;
	height:22px;
	top:29px;
	left:474px;
	z-index:3;
}
#nav-iptv {
	position:absolute;
	width:115px;
	height:24px;
	top:29px;
	left:584px;
	z-index:3;
}
#nav-success {
	position:absolute;
	width:150px;
	height:23px;
	top:29px;
	left:702px;
	z-index:3;
}
#nav-contact {
	position:absolute;
	width:77px;
	height:23px;
	top:29px;
	left:845px;
	z-index:3;
}

/* HOME PAGE Services NAVIGATION */

#nav-services {
	font-size:10px;
	font-weight:bold;
	color:#1f4142;
	text-transform:uppercase;
	position:relative;
	height:187px; /* fits home-services.png in the background */
}
#nav-services a, #nav-services a:visited {text-decoration:none; font-weight:bold; color:#1f4142;} /* hover effect */
#nav-services a:hover { text-decoration:underline; color:#1f4142; }

#nav-our-service-left {
	position:absolute;
	top:83px;
	left:680px;
}
#nav-our-service-right {
	position:absolute;
	top:83px;
	left:812px;
}
.our-services {
	height: 15px;
	vertical-align:middle;
}
#nav-video {
	position:absolute;
	top:431px;
	left:691px;
}
#nav-arraignment {
	position:absolute;
	top:453px;
	left:691px;
}
#nav-telco {
	position:absolute;
	top:411px;
	left:821px;
}
#nav-local {
	position:absolute;
	top:431px;
	left:821px;
}
#nav-digital {
	position:absolute;
	top:453px;
	left:821px;
}


/* HOME PAGE: Left and Right posts */

#home-left-post {
	position:absolute;
	left: 43px;
	top: 17px;
}
#home-left-post h1, #home-right-post h1 { /* use this until cufon is installed */
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#6f5e44; /* brown */
}
#home-left-post h1 a, #home-right-post h1 a {
	color:#6f5e44;
}
#home-right-post {
	position: absolute;
	left: 368px;
	top: 17px;	
}

.home-text {
	margin-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#000;
	text-transform:none;
}

#left-wrapper, #right-wrapper { /* Holds Flash and left-image, right-image */
	width:251px; 
	height:94px; 
	text-align:center;
	position:relative;
}
#left-wrapper img, #right-wrapper img {
	border:1px solid #fff; /* White line around image */
}

#left-flash, #right-flash { /* Flash goes on top of left-image, right-image */
	position:absolute;
	top:0px;
	left:0px;
	width:251px;
	height:94px;
	z-index: 2;
}


/* Slideshow on Home Page */
#slideshow-wrapper {
	position: relative; /* below the menus */
	width:931px; /* Same size as slides */
	height: 325px;
}	
#slideshow { /* inside slideshow-wrapper */
	position:absolute;
	top:0;
	left:0;
	background-color:#FFFFFF;
	width:931px; /* Same size as slides */
	height: 325px;
	z-index:2;
}
#next-id, #prev-id { z-index:100; }

#slide-previous { /* image region for previous slide */
	position:absolute;
	top:250px;
	left:750px;
	width: 12px;
	height: 21px;
	z-index:100; /* on top of slideshow */
}
#slide-next { /* click region for next slide */
	position:absolute;
	top:250px;
	left: 775px;
	width:12px;
	height: 21px;
	z-index:100; /* on top of slideshow */
}
#header {
	background:#eeeeff;
	height:52px;
}
#header h1 {
	padding:5px;
	margin:0;
}


#main_content, #main_content_page { /* main edit region */
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	width:610px; /* 2 less than top.gif */
	/*padding-left:235px; */
	padding-right:10px;
	margin-right:30px;
	margin-left:239px; /* was 4px */
	z-index:0;
}

/* SUCCESS DETAILS PAGE */

#success_content_page { /* Success Details Page */
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	width:400px; /* Narrower than other pages to make room for thumbnails to the right */
	
	margin-top:45px;
	padding-top:0px;
	padding-right:10px;
	margin-right:30px;
	margin-left:235px;
	z-index:0;
	position:relative;
}

#success_images { /* Success Details Page */
	position:absolute;
	width:190px;
	top:95px;
	left:700px;

}
.success_wrapper { /* holds a thumbnail and a plus sign on top of it */
	position: relative;
}
.success_thumbnail { /* Up to three thumbnails on the right-hand side */
	margin-top: 10px;
	margin-bottom: 10px;
	border:1px solid #b65634; /* brown border aroud images */
}
.plus-sign { /* place on top of success_thumbnail */
	z-index:3;
	position:absolute;
	left:-5px;
	top:108px;
}
/*#main_content {
	min-height:350px;
}*/

/* SUCCESS SUMMARY PAGE */
.success-thumb { border:2px solid #e1d8c6; }

#main_content_page {
	min-height:550px;
}
#main_content p , #main_content_page p{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:3px;
	padding-bottom:3px;
}

#main_content_page a, #main_content_page a:visited{ color:#486a6b; } /* Green text for links */
#main_content_page a:hover { text-decoration:underline; color:#486a6b; } /* Hover text is green with underscore */

#main_content_page {
	padding-top:40px;
}

#main {
	background-image:url(images/background-middle.gif); 
	background-repeat:repeat-y;
	width: 931px;
	min-height:350px;
	margin-top:0px;
	margin-bottom: 0px;
	padding-top:10px;
	padding-left:0px;
	padding-bottom: 10px;
	border-top:0px;
	border-bottom:0px;
	z-index:0;
}


/* Quote page layout: Right side has a random quote */

#quotes {
display:inline;
position:absolute; 
top:0px;
left:0px;
	background-image:url(images/quote-bar.png);
	background-position:left;
	background-repeat:no-repeat;
	height:212px; /* image height of quote-bar.png */
	width:250px;
	color:#b65634; /* brown text */
}
#quotes div {
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	margin-right:10px;
        margin-left:40px;
	padding-right: 0px;
	width:220px;
}
.narrower { /* Paragraphs on this page left side need to be narrower to allow the quotes on the right side */
	width:390px;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* side-menus used on subpages */

#arrowgreen{
	position:absolute;
	top:165px;
	left:0px;
	width: 193px; /*width of menu*/
	/*border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;*/
	margin-left:0px;
	padding-left:0px;
}

#arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
#arrowgreen li a{
        font-size:10px;
	display: block;
	background: transparent url(images/arrowgreen.gif) 100% 0;
        height: 17px; /*Set to height of bg image- padding within link (ie: 30px - 4px - 4px)*/
        font-family: Neue;
	padding: 4px 0 0px 49px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 30px - 4px - 4px)*/
	text-decoration: none;
	text-transform:uppercase;
	font-weight:100;
        border-bottom: 1px solid #ccc;
}	

/* for Internet Explorer 7*/
/*\*/
*+html #arrowgreen li a{
	padding: 0px 0 6px 49px;
	line-height: 6px; /*Set line-height of bg image- padding within link (ie: 30px - 4px - 4px)*/
        height: 14px; /*Set to height of bg image- padding within link (ie: 30px - 4px - 4px)*/
}	

/* for Internet Explorer 6*/
/*\*/
* html #arrowgreen li a{
	padding: 0px 0 6px 49px;
	line-height: 6px; /*Set line-height of bg image- padding within link (ie: 30px - 4px - 4px)*/
        height: 14px; /*Set to height of bg image- padding within link (ie: 30px - 4px - 4px)*/
}	

	
#arrowgreen li a:link, #arrowgreen li a:visited { 
        padding-top:11px;
	color: #000;
}

* html #arrowgreen li a:link, * html #arrowgreen li a:visited { 
        padding-top:10px;
	color: #000;
}

*+html #arrowgreen li a:link, *+html #arrowgreen li a:visited { 
        padding-top:10px;
	color: #000;
}

#arrowgreen li a:hover{
	color: #000;
	background-position: 100% -32px;
        text-decoration:none;
}

	
#arrowgreen li.current_page_item a {
	color: #26370A;
	background-position: 100% -64px;
}



/* About Page */

#bio1, #bio2, #bio3, #bio4, #bio5, #bio6, #bio7, #bio8 {
    overflow: auto;
	width: 400px;
	height: 400px;
	display: none;
	color:#000000;
	background-color:#FFFFFF;
	text-align:left;

}
.bio_text {
	text-align:left;
	color:#000000;
	background-color:#FFFFFF;
	text-align:left;

}

/* Open House form */
.table_tan {
  background-color:#DDD9C3;
}