/*
Theme Name: dcoffice
Theme URI: http://wordpress.org/themes/dcoffice
Author: Marketing Cafe
Author URI: http://WestchesterMarketingCafe.com/
Version: 1.0.0
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}


body {
    background-color:#063771;
    font-family: Verdana, sans-serif;
    line-height:1.5em;
    margin:0px;
    font-size: 12px;
    text-align: justify;
	min-width: 600px;
}

a {
    color:#0033CC;
    text-align:left;
    text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
a img {
    border: none;
}
.gallery {
	float: right;
width: 40%;
}
.wp-caption-text {
font-style: italic;
}
h2 {
    font-size: 15px;
}
h3 {
font-weight: bold;
font-style: italic;
padding: 10px 25px 0px;
}
blockquote {
	padding: 0px 50px;
}
strong {
	font-weight:bold;
}
input {
border: 2px solid #c5d5e5;
color: #063771;
margin: 2px;
}


/* UTILITIES */
.center-text {
    text-align: center;
}
.left-text {
    text-align: left;
}
.right-text {
    text-align: right;
}
.center-display {
    margin: 0 auto;
}
.clear {
    clear: both;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.bold, b	 {
    font-weight: bold;
}
.justify {
    text-align: justify;
}
.underline {
    text-decoration: underline;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
#contact tr.alt td {
	background:#ffffff;
}
td {
	padding: 10px;
}
.blue-highlight {
    color: #010099;
}
a.disabled, a.disabled:hover {
    color: #888 !important;
    cursor: default !important;
    text-decoration: none !important;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.youtubevideowrap {
	width:90%;
	margin: 10px;
}

/* HEADER */
#header {
    border:0px;
    margin:0px;
    color:#fff;
    width: 100%;
}
#header-nav {
    z-index: 100;
}
#header h1 {
    display: inline;
    font-family: 'PTSansBold', Arial, sans-serif;
    font-size: 28px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 32px;
    left: 120px;
}
#header h1 sup {
    font-family: Arial;
    font-size: 14px;
	vertical-align:super;
}
#header-top h2 {
    display: inline;
    font-family: 'PTSansItalic', Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 60px;
    left: 120px;
}
#header-top {
    background: url(images/header_top.png) bottom repeat-x;
    color:#063771;
    height: 103px;
    margin-bottom: 3px;
    width: 100%;
}
#header-top a {
    color:#063771;
}
#logo {
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 23px;
    height: 81px;
    width: 82px;
}
.logged-in #logo, .logged-in #header h1, .logged-in #header h2 {
	padding-top: 32px;
	}

#social {
    position:absolute;
    top: 45px;
	right: 350px;
    margin: 0;
    padding: 0;
}
#optin {
    position: absolute;
    top: 38px;
    right: 25px;
    margin: 0;
    padding: 0;
}
#optin_text {
    border: 2px solid #c5d5e5;
    color: #063771;
    width: 186px;
}
#optin_submit {
    background-color: #f15a29;
    border-style: none;
    color: #fff;
    cursor: pointer;
    font: 'PTSansBold', Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}
#optin_submit:hover {
    cursor: pointer;
}
#tagline {
	text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 1.2em;
    background: #063771;
}
.pnheader {
float: right;
margin: -20px 30px 0px 0px;
}
.pnheader a {
color:#fff;
text-decoration:none;
}

/* Nav */
#nav-wrapper {
	background:#f15a29;
	text-align:center;
	height:38px;
	font-family: 'PTSansBold', Arial, sans-serif;
}
#nav-wrapper a {
	color:#fff;
}
#menu-menu-1 li {
	padding: 10px 25px;
	list-style-type:none;
}
#menu-menu-1 li:hover {
	padding: 10px 25px;
	background: #b75a29;
    transition: background .2s ease-in;
    -ms-transition: background .2s ease-in;
    -moz-transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in;
}

#menu-menu-1 .current-menu-item {
	background:#333;
}
.menu-menu-1-container {
    display: inline-block;
z-index: 1000;
position: relative;
}

#menu-menu-1 > li{            /* Top Level */
    float:left;
    border-left: 1px solid #b75a29;
}
#menu-menu-1 > li > span{
    display:block;
    background:#0ac;
    padding:3px 10px;
}
#menu-menu-1 > li:hover > span{
    color:#fff;
}

#menu-menu-1 > li > ul{        /* Second Level */
    display:none;
    background:#f15a29;
	margin-left: -25px;
}
#menu-menu-1 > li:hover > ul{
    display:block;
    position:absolute;
}
#menu-menu-1 > li > ul > li > span{
    display:block;
    border-top:solid 3px #fff;
}
#menu-menu-1 > li > ul > li:hover > span{
    color:#fff;
}

#menu-menu-1 > li > ul li > ul{   /* Third Level & beyond */
    display:none;
    background:#f15a29;
}
#menu-menu-1 > li > ul li:hover > ul{
    display:block;
    position:absolute;
    left:100%;
    top:0;
    width:auto;
}
#menu-menu-1 > li > ul > li ul > li{
    display:block;
	padding: 10px 25px;
    white-space:nowrap;
}
/* Main */
#container {
    background-color: #fff;
    height: 100%;
    margin-left: 100px;
    min-height: 400px;
    padding: 30px;
}
body.no-wrapper #container {
    margin: 0;
    padding: 10px;
    width: 360px;
}
body.no-wrapper {
    background: none;
}
h1.entry-title{
font-weight: bold;
font-size: 1.3em;
padding: 0 25px 20px 10px;
color: #063771;
font-style: italic;
}
.entry-content h2 {
font-size: 1.2em;
margin: 10px;
color: #063771;
font-weight: bold;
font-style: italic;
}
.entry-content p {
	padding: 0px 25px 20px 25px !important;
}
.entry-content ul {
margin-left: 20px;
list-style-type: disc;
padding: 0 20px;
}
.entry-content li {
	padding-bottom: 10px;
}

/* Slider styles are coded in Collapse-o-Matic plugin options*/


/* Sidebar */
#sidebar {
position: absolute;
top: 400px;
left: 0px;
width: 100px;
}
.widget-title {
font-size: 1em;
background: #fff;
padding: 10px;
margin: 10px 0px 10px 0px;
color: #063771;
font-weight: bold;
text-align: left;
}
#menu-services {
padding-left: 20px;
line-height: 2;
}
#menu-services a{
color:#fff;
}
.textwidget {
color: #fff;
}
/* contact form 7 */
.cf7 {
    margin-left:30px;
    background-color: #f7f7f7;
    border: 2px solid #000;
    width:55%;
}
.cf7 table {
    margin-left:50px;
}
.cf7 table th {
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
}
.cf7 table td {
    padding:2px;
    line-height:80%;
}
.red {
    color:red;
}
/* end my contact form 7 settings */
.textwidget .wpcf7-form-control-wrap input {
width:185px;
margin-bottom: 10px;
}

/* Tablepress */
.tablepress {
margin-left: 25px;
width: 95% !important;
margin-top: 10px;
}
.tablepress td, .tablepress th {
padding: 8px 15px !important;
}

/* FOOTER */
#footer {
    color:#fff;
	font-size:.9em;
	text-align:center;
}
#footer a {color:#fff;font-weight: bold;}
#footer li.menu-item a {border-left: 1px solid #fff;padding-left: 20px;}
#footer li.menul a {border-left:none !important;}
#login {
position: absolute;
top: 230px;
left: 8px;
width: 79px;
}
#login input {
	width:70px;
}
#login a.button, #login input[type=submit] {
    background: url(images/sidebar_button.png) repeat scroll 0% 0% transparent;
    border: medium none;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 2px 6px 3px;
    text-align: center;
    white-space: pre;
    width: 79px;
}

#footer-links {
text-align: right;
}
#copyright {text-align: center;padding: 20px; }
#nav_menu-2 {
float:right;
padding-right: 30px;
}
.menu-footer-menu-container li {
display: inline-block;
padding: 10px;
}



/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

@media all and (max-width : 640px) {
#header-top h2, #tagline h3 {
display: none;
}
.pnheader {
float: none;
margin: 0px;
}
.full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth {
    clear: both;
    width: 100% !important;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 1em;
}
.gallery {
	width: 20%;
	margin: 0px 0px 0px 20px !important;
}
.gallery-item {
	clear: both;
	width: 100% !important;
}
}

@media only screen and (min-width : 641px) and (max-width : 1024px) {
#header-top h2 {
width: 200px;
font-size: 1.1em;
}
#tagline {
text-align: left;
}
#tagline h3 {
	width: 350px;
}
.gallery {
	width: 20%;
	margin: 0px 0px 0px 20px !important;
}
.gallery-item {
	clear: both;
	width: 100% !important;
}
}
@media only screen and (min-width : 769px) and (max-width : 1024px) {
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

span.italic {font-style:italic}
span.bold {font-weight:bold}
input.btn {
   text-align: center;
   font-weight: bolder;
   color: white;
   background-color: #FF6633;  
}    