/*
THEME NAME: Modular Solutions
THEME URI: 
DESCRIPTION: Wordpress based theme for Modular Network Solutions. 
VERSION: 1.0
AUTHOR: Ben Bishop of <a href="http://eminentstyle.com/">Eminent Style</a>
AUTHOR URI:
TAGS: business, technology, wordpress, theme
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 2em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* Layout styles --------------------------------------------------------------------------------------------*/

body {background: #999 url(images/bg_schematic.jpg) top center no-repeat;}
a {color: #4D4948;}
a:hover {text-decoration: none;}

/* General element styles -------------------------------------- */

div#wrapper{width: 1000px; margin-left: auto; margin-right: auto; background: #fff url(images/home_bg.jpg);}


/* Layout grid ------------------------------------------------- */

div#header {height: 117px; background:#FFF url(images/bg_header.jpg) no-repeat top left;}
div#content {border-right: 3px #797a7f solid;}
div#footer {}

/* Header ------------------------------------------------- */

div#header h1#blog-title {text-indent: -1000em;}
div#header div#blog-description {text-indent: -1000em;}
div#logo {text-align:center; width: 273px; height: 117px; float: right; background: transparent url(images/logo_wording.jpg) bottom right no-repeat;}
div#logo a.logo-link {display: block; padding-left:50px; width:223px; height: 117px;}

div#menu {background: transparent url(images/bg_menu_left.jpg) top left no-repeat; height:50px; line-height:50px; margin-left:7px; position:absolute; top:64px; width:720px;}
div#menu ul,div#menu ul ul {line-height:1; list-style:none; margin:0; padding:0;}
div#menu ul li {line-height: 50px; float: left; height: 50px;}
div#menu ul li ul li {height: auto;}

div#menu ul	li.page-item-3 {background: #333 url(images/bg_menu_network.jpg) top left no-repeat; width: 92px;}
div#menu ul	li.page-item-5 {background: #333 url(images/bg_menu_datacentre.jpg) top left no-repeat; width: 114px;}
div#menu ul	li.page-item-7 {background: #333 url(images/bg_menu_energy.jpg) top left no-repeat; width: 81px;}
div#menu ul	li.page-item-9 {background: #333 url(images/bg_menu_technology.jpg) top left no-repeat; width: 118px;}
div#menu ul	li.page-item-12 {background: #333 url(images/bg_menu_support.jpg) top left no-repeat; width: 68px;}
div#menu ul	li.page-item-2 {background: #333 url(images/bg_menu_company.jpg) top left no-repeat; width: 69px;}
div#menu ul	li.page-item-14 {background: #333 url(images/bg_menu_contact.jpg) top left no-repeat; width: 60px;}
div#menu ul	li.page-item-691 {background: #333 url(images/bg_menu_modulartec.jpg) top left no-repeat; width: 109px;}
div#menu ul	li.page-item-3:hover, div#menu ul li.page-item-5:hover, div#menu ul	li.page-item-7:hover, div#menu ul li.page-item-9:hover, div#menu ul	li.page-item-12:hover, div#menu ul li.page-item-2:hover, div#menu ul li.page-item-14:hover, div#menu ul	li.page-item-691:hover {background-position: 0px -50px;}

div#menu ul a {display:block; margin: 0; padding:2px 20px; text-decoration:none; font-size: 12px; text-indent: -1000em; max-height: 45px;}
div#menu ul ul ul a {font-style:italic;}
div#menu ul li ul {left:-999em; position:absolute; }
div#menu ul li:hover ul {left:auto;}

div#menu ul ul li {float: none; text-align: left; border-top: 1px #fff solid; background-color: #454545; line-height:normal; width: 220px;}
div#menu ul ul li:hover {background-color: #1a1a1a;}
div#menu ul ul li a {color: #fff; text-indent: 0em; font-size: 1em; display: block; width: 180px;}
div#menu ul ul ul {display: none;}

/* Sidebar ------------------------------------------------- */
div.sidebar ul ul {margin:0 0 0 2em;}
div.sidebar h3 {font-size:1.2em;}

div.sidebar li.widget_text {margin-bottom:0;}

div.sidebar li#rss-390053161 {padding-left: 10px; background: #e1dda0 url(images/bg_featured.jpg) no-repeat top left; padding-bottom: 1em; margin-bottom: 0.3em;}
div.sidebar li#rss-390053161 ul {margin:0; padding: 0;}
div.sidebar li#rss-390053161 h3.widgettitle a {color: #fff; line-height: 1.95em;}

body.page div#secondary, div#secondary.blog.news, body.four04 div#secondary {background: transparent url(images/sidebar-bg.jpg) no-repeat top left; }
div#sec-bac {background: transparent url(images/sidebar-bottom-bg.jpg) no-repeat bottom left; padding-bottom:20px;}
body.page div#secondary li.widget_image, div#secondary.blog.news li.widget_image, body.four04 div#secondary li.widget_image {margin: 10px;}
body.page div#secondary h3.widgettitle, div#secondary.blog.news h3.widgettitle, body.four04 div#secondary h3.widgettitle {color: #fff;}
body.page div#secondary li.widget_text, div#secondary.blog.news li.widget_text, body.four04 div#secondary li.widget_text {margin: 10px; padding-left: 85px; background: transparent url(images/server_room.jpg) top left no-repeat; color: #CCCCCC;}
div#secondary a.contactBtn {margin-left: 95px;}
body.page div#secondary li.widget_text_custom {margin: 10px; color: #CCCCCC;}
body.page div#secondary li.widget_text_custom h3.widgettitle {margin-bottom: 1em;}
body.page.pageid-85 div#secondary li.widget_text_custom h3.widgettitle {color: #00FF00;}

/* Home Products Sidebar Nav*/ body.home div.sidebar li#text-383440161, body.home div.sidebar li#text-383440164, body.home div.sidebar li#text-383440165, body.home div.sidebar li#text-383440166{ min-height:85px; padding-top:35px; width:218px; list-style: none; padding-left: 0px; }

/* Page Products Sidebar Nav*/ div.sidebar li#text-383452081, div.sidebar li#text-383452082, div.sidebar li#text-383452083, div.sidebar li#text-383452084{ min-height:85px; padding-top:35px; width:218px; list-style: none; }

body.home div.sidebar li#text-383440161, li#text-383452081 {background: url(images/modular_products_networks.jpg) no-repeat;}
body.home div.sidebar li#text-383440164, li#text-383452082 {background: url(images/modular_products_datacentre.jpg) no-repeat;}
body.home div.sidebar li#text-383440165, li#text-383452083 {background: url(images/modular_products_energy.jpg) no-repeat;}
body.home div.sidebar li#text-383440166, li#text-383452084 {background: url(images/modular_products_technology.jpg) no-repeat;}

body.home div.sidebar li#text-383440161 div.textwidget ul, body.home div.sidebar li#text-383440164 div.textwidget ul, body.home div.sidebar li#text-383440165 div.textwidget ul, body.home div.sidebar li#text-383440166 div.textwidget ul, div.sidebar li#text-383452081 div.textwidget ul, div.sidebar li#text-383452082 div.textwidget ul, div.sidebar li#text-383452083 div.textwidget ul, div.sidebar li#text-383452084 div.textwidget ul {background:transparent url(images/modular_products_bottom.jpg) no-repeat scroll left bottom; margin:0; padding: 0 15px 20px 75px;}

div.sidebar li.rss-link, div.sidebar li.widget_categoryposts, div.sidebar li.cat_posts {margin: 10px;}
div.sidebar li.rss-link { padding-left: 20px; background: transparent url(../../../wp-includes/images/rss.png) no-repeat center left;}
div.sidebar li.rss-link a, div.sidebar li.widget_categoryposts a, div.sidebar li.twittered, div.sidebar li.twittered a, div.sidebar li.cat_posts a{color: #fff;}
div.sidebar li.widget_categoryposts ul, div.sidebar li.cat_posts ul{margin: 0px;}
div.sidebar li.widget_categoryposts h3.widgettitle, div.sidebar li.twittered h3.widgettitle, div.sidebar li.cat_posts h3.widgettitle {font-size: 1.4em; margin-bottom: 0.5em;}
div.sidebar li.twittered {margin: 20px 10px;}
a.twitter-link {font-size: 0.9em; font-style: italic;}

body.home div#secondary {background-image: none; border-bottom: 0px;}
body.home div#secondary li.widget_image {margin: 0;}
body.home div#secondary h3.widgettitle {color: #000;}
body.home div#secondary li.widget_text {margin: 0px; color: #000;}


/* Content ------------------------------------------------- */

/* News Slider Home Page Template */
div#page-home-news {width: 777px; height: 250px; background: #FFF url(images/ticker_bg.jpg) top left no-repeat;}
div#page-home-news ul {margin: 0px; padding: 0px; list-style: none;}
li#rss-383442691 {padding: 30px; margin-bottom: 10px;}
li#rss-383442691 li {height:150px; overflow:hidden; width:717px;}
div#page-home-news span#prevBtn {margin-left: 30px;}


/* News Slider Page Template */

div#initial {height: 183px;}
div#page-news {float: right; width: 345px; height: 177px; background: transparent url(images/ticker_page_bg.jpg) top left no-repeat; padding-bottom:5px;}
div#page-news ul {margin: 0px; padding: 0px; list-style: none;}
div#page-news li#rss-383442691 {padding: 10px 0 0 20px; margin: 0;}
div#page-news li#rss-383442691 h3.widgettitle {margin-bottom: 0.25em; font-size: 1.4em;}
div#page-news li#rss-383442691 li {height:175px; width:305px; overflow:hidden;}
div#page-news span#prevBtn, div#page-news span#nextBtn {display: none;}
div#page-news div.rssSummary {max-height: 110px; overflow: hidden;}

div#page-image {padding-left: 7px;}

div#content h2.entry-title, div#content h2.page-title {background-color:#E8E8E8; color:#4D4948; font-size:1.4em; font-weight:bold; line-height:2em; margin-bottom:0.25em; padding-left:10px;} 
div#content div.entry-content {padding: 20px 10px 10px; border-top: 1px #969594 solid;}

/* Author style */
body.archive div#content div.entry-content, body.search div#content div.entry-content {border-top: 0px;}
div.post h3.entry-title, div.page h3.entry-title {margin-bottom: 0px;margin-left: 10px;}
div.archive-meta, div.navigation {margin-left: 10px;}

div.entry-content p {text-align: justify;}
div.entry-content ol li {font-weight: 900;}

div.entry-content table {background-color: #e1e3dd;}
div.entry-content table th {border:1px solid #000; background-color: #4d4948; color: #fff; text-align: center; font-size: 1.2em;}
div.entry-content table a {color: #4D4948;}
div.entry-content table tr {border-left:1px solid #ccc;}
div.entry-content table td {border:1px solid #ccc; border-left: 0px; border-top: 0px; padding:10px; vertical-align:top;}
div.entry-content table.alternate td {padding:5px 10px;}

body.pageid-9 div.entry-content table, body.pageid-237 div.entry-content table, div.entry-content table.contact {background-color: #fff; border-left:1px solid #ccc;}
body.pageid-237 div.entry-content table table, body.pageid-237 div.entry-content table table td {border:0px;}

div.entry-content table.contact-none {background-color: #fff; border: 0px;}
div.entry-content table.contact-none td{border: 0px;}
div.entry-content table.contact-none td.required{color: red;}

div.entry-meta {padding:0 10px; font-size: 0.9em;}
div#comments {padding: 0 10px; margin: 1em 0;}
div.post {margin-bottom: 1em;}

div#page-tertiary ul {list-style: none; margin: 0;}

#wpcf label {clear: both; display: block; float: left; width: 150px;}
#wpcf input {float: left; width: 200px; padding: 1px; margin: 2px 5px 2px 0;}
#wpcf textarea {width: 350px; height: 100px; padding: 1px; margin: 0 5px 10px 0;}
#wpcf #contactsubmit {margin-left: 250px; width: 100px;}

/* Footer ------------------------------------------------- */

div#footer {background-color: #FFF; font-size: 0.9em; padding:1em 0; margin: 0 1em;}

/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

.entry-title,.entry-meta {
clear:both;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul li {
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div.gallery dl,div.navigation div.nav-previous {
float:left;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}