/*
Theme Name: OverIT
Description: Custom theme for OverIT
Author: SWG
Author URI: 
*/
/** Default Color Scheme - Green color:

	#486910 - dark green;
	#629113 - light green;
	
**/

/** Reset **/


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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html, body {
 height: 100%;
 }

a {text-decoration:none;}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/** General Layout **/

body {
	margin:0px;
	padding:0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-size: 12px;
	background:#fff;
	position:relative;
	line-height: 1.7em;
	background: #1f1f1f;
	color:#626262;
	text-align:left;
}

.clear {
	clear: both;
	height: 0;
	width: 0;
	line-height: 0;
	font-size: 0px;
}

.hidden {display:none;}




/** General Layout **/

#wrapper {
	width: 960px; 
	margin: 0 auto;
}

body.home {position:relative; background: #FFFFFF url(ui/home-bg.jpg) repeat-x;}
body {position:relative; background: #FFFFFF url(ui/sub-bg.jpg) repeat-x;}
#content a {color:#486910;}
body .class h3 a:hover {color:#486910; text-decoration:none;}

/** HEADER **/

#mainNav .current_page_item { background:#486910; border:#629113  1px solid;}
#mainNav .current_page_item, #mainNav .current_page_item:hover { background:#486910; border:#629113 1px solid;}

/** Slider **/

#sliderWrap {width:960px; height:270px; background: url(ui/homeslider.jpg) no-repeat; position:relative; color:#fff;}

/** Page Name **/

#page-name {width:960px; height:121px; background: url(ui/subslider.jpg) no-repeat top left; position:relative; color:#fff;}

/** Sidebar **/

#sidebar li ul li a:hover {padding-left:10px; color:#486910; background:#f2f2f2; text-decoration:none;}
#sidebar ul li#subpages ul li.current_page_item a, #sidebar ul li#subpages ul li.current_page_item a:hover {padding:5px 0 5px 3px; color:#486910; background:#f2f2f2; text-decoration:none; font-weight:bold;}	
.feature-item a {color:#486910;}
.feature-item strong {color:#486910;}
#sidebar .current-cat a, #sidebar .current-cat a:hover {padding:5px 0 5px 3px; color:#486910; background:#f2f2f2; text-decoration:none; font-weight:bold;}
#sidebar .current_page_item a, #sidebar .current_page_item a:hover {padding:5px 0 5px 3px; color:#486910; background:#f2f2f2; text-decoration:none; font-weight:bold;} 

/** Contact us Form **/

.main input#submit:hover {
	background:#629113; 
	border:#486910 1px solid;
}





body.home #content {
	padding: 80px 0 20px 0;
	background: url(ui/contentTop.jpg) no-repeat top left;
	width: 960px;
}

body #content {
	padding: 40px 0 20px 0;
	width: 960px;
	overflow:hidden;
}

#footerWrap {
	position:relative;
	background: #1f1f1f url(ui/footer-bg.jpg) repeat-x;
	width: 100%;
	margin:-60px auto 0;
	padding:40px 0 0;
	overflow:hidden;
	color:#898989;
}

/** Typography **/

h1 {font-weight:bold; font-size:34px; line-height:38px;}
h2 {font-weight:bold; font-size:30px; line-height:36px;}
h3 {font-weight:bold; font-size:24px; line-height:24px;}
h4 {font-weight:normal; font-size:20px; line-height:22px;}
h5 {font-weight:normal; font-size:17px; line-height:19px;}
h6 {font-weight:normal; font-size:14px; line-height:16px;}

h1.sectionTitle {
	font-size: 20px;
}

div.contentBox {
	margin: 0px 0px 25px 0px;
}

.main div.contentBox img {
	padding: 0;
	border: 0;
	margin: 0;
}

#content p {margin:5px 0 15px;}

#content h1, #content h1 a, #content h2, #content h2 a, #content h3, #content h3 a, #content h4, #content h4 a, #content h5, #content h5 a, #content h6, #content h6 a  {color:#1f1f1f;}

#content a:hover {text-decoration:underline;}
 
strong {font-weight:bold; }
small {font-size:11px; font-weight:normal; line-height:2.7em;}
code { margin: 5px 0 20px;}

.main ul {list-style:circle; list-style-position:outside; padding:5px 0 20px; margin: 0 0 0 15px;}
.main ol {list-style:decimal; list-style-position:outside; padding:5px 0 20px;margin: 0 0 0 15px;}


blockquote {font-style:italic; padding:15px 20px 15px; font-family:Georgia, "Times New Roman", Times, serif;}
body.home blockquote {font-style:italic; padding:20px;}
blockquote span {color:#404040;}
cite {font-style:normal; font-weight:bold; font-family:"Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;}


table.contact {
	margin: 25px 0 25px 0;
}

/** HEADER **/

#header {height: 120px; z-index:5;}

#logo {
	float: left;
	display:block;
	width:50%;
	height:114px;
	
}

#logo h1 , #logo h1 a {
}

#logo h1 a {
	text-indent: -9999px;
	float: right;
	display: inline-block;
	width: 480px;
	height: 114px;
	background: url(ui/logo-trans.png) no-repeat transparent;
}



/** GlobalNav **/

#globalnav {
	width:50%;
	float: right;
	overflow: hidden;
}

#globalnav div {
	background: url(ui/nav-bg.jpg) repeat-x transparent;
	margin: 30px 0 0 0;
	padding: 5px 0 0 0;
}

#globalnav div span.round{
	display: block; float: left;
	background: url(ui/nav-round.png) no-repeat transparent;
	height: 49px;
	width: 17px;
	z-index: 6;
	top: -5px;
	position: relative;
}

#globalnav ul {
	padding: 0;
	margin: 0;
}

#globalnav ul li{
	float: left;
	display: inline;
	line-height: 42px;
	font-size: 18px;
}

#globalnav ul li a {
	display: block;
	text-decoration: none;
	color: #1f1f1f;
	padding: 1px 18px 0 18px;
}
#globalnav ul li a:hover {
	background: #ccc;
}




/** Slider **/

#feature {
	width:960px;
	height:270px;
	background: url(ui/homeslider.jpg) no-repeat;
	position:relative;
	color:#fff;
	z-index:1;
}

#feature .mac {
	float: right;
	z-index: 5;
	position: relative;
	top: 20px;
	left: -50px;
	
}

#feature .teaser {
	float: left;
	padding: 65px 0 0 0;
}

#feature .teaser h1 {
	color: #e2e2e2;
	font-size: 26px;
	font-family: "Myriad Pro", Helvetica, sans-serif;
	font-weight: 600;
	margin: 0 0 12px 0;
}

#feature .teaser h1 a {
	color: #f1f1f1;
	text-decoration: underline;
}

#feature .teaser a.sign-up {
	display: block;
	background: url(ui/sign-up.png) no-repeat transparent;
	width: 226px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;float: left;
}

#feature .teaser a.connect {
	display: block;
	background: url(ui/connect.png) no-repeat transparent;
	width: 226px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}





.getQuote {
	float:left;
	display:block;
	background:url(ui/getquote.jpg) no-repeat left top;
	text-indent: -9999px;
	width:127px;
	height:32px;
}


/** Page Name **/



#the-name {padding:45px 0 0;}

#the-name h2 {
	color: #fff;
}

#the-name h1 {
	color: #fff;
	font-size: 30px;
}

/** Main Colum **/

.main {width:600px; float:left;}

body.home .main img {
	padding: 4px;
	background:#e1e1e1;
	border:#c2c2c2 1px solid;
	margin:20px 15px 15px 0;
}

/** Portfolio **/

body .full-width .port-post {float:left; width:305px; margin:0 15px 20px 0; height:300px;}

.port-post h4 {margin-bottom:5px;}

body .main img, body .full-width .port-post img {
	padding: 5px;
	background: #e1e1e1;
	border: #c2c2c2 1px solid;
	margin-bottom: 8px;
}

body .main img:hover, body .full-width .port-post img:hover {
	padding: 5px;
	background: #d7d6d6;
	border:#c2c2c2 1px solid;
}
.service-post {width:100%;}
.service-post .post-img {margin-bottom:12px !important;}
.post {overflow:hidden; height:auto;}
.post h3 {line-height:30px;}
.post small {margin-bottom:10px;}
.service-post h3 {line-height:30px; margin-bottom:12px;}
.post-img {float:left; margin:10px 15px 0 0 !important;}
.post-nav .old {float:left;}
.post-nav .new {float:right;}
.single-port-post img {margin:5px 0 0 0; float:left;}

.main hr {
	background:url(ui/mainSpacer.png) no-repeat top left #fff;
	width:600px;
	height:20px;
	margin:30px 0 20px 0;
	border: 0px solid #fff;
}

.main .callout {
	margin: 15px 0px;
}

.main .callout img {
	padding: 0px;
	background:none;
	border:none;
	margin:0px 15px 15px 0;
}

.main .callout img:hover {
	padding: 0px;
	background:none;
	border:none;

}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px; 
}

.wp-caption img {
margin: 0;
padding: 0;
border:#DDDDDD 1px solid;
}
.wp-caption p {margin-bottom:0 !important;}
.wp-caption p.wp-caption-text {
font-size: 12px;
line-height: 17px;
padding: 0 4px 5px;
text-align:center;
color:#666666;
margin: 0 ;

}

/** Sidebar **/

#sidebar {width:300px; float:right; margin: 0 0 60px 0;}

#sidebar .widget {margin:0 0 40px;}

body.home #sidebar  h2 {font-weight:bold; font-size:22px; line-height:26px;}
body #sidebar .widget h2 {font-size:18px; line-height:22px; }
#sidebar p {margin-top:10px;}

#sidebar .feature-item p a {color:#626262; display:block;}

#sidebar ul { margin:10px 0 0;}
#sidebar ul li {list-style-type:none;}
#sidebar ul li p a, #sidebar ul li p a:hover {padding:0;}
#sidebar ul li ul li {border-top:#d3d3d3 solid 1px; list-style-type:none;}
#sidebar ul li ul li:last-child {border-bottom:#d3d3d3 solid 1px;}
#sidebar ul li ul li ul {margin-top:0;}
#sidebar ul li ul li ul li:last-child {border-bottom:none;}
#sidebar ul li ul li ul li a {padding-left: 10px;}
#sidebar li ul li a {display:block; padding:5px 0; color:#626262; background:#fff;}
#sidebar li ul li a:hover {padding-left:10px; color:#ad0202; background:#f2f2f2; text-decoration:none;}
#sidebar ul li#subpages ul li.current_page_item a, #sidebar ul li#subpages ul li.current_page_item a:hover {padding:5px 0 5px 3px; color:#ad0202; background:#f2f2f2; text-decoration:none; font-weight:bold;}
#sidebar .current-cat a, #sidebar .current-cat a:hover {padding:5px 0 5px 3px; color:#ad0202; background:#f2f2f2; text-decoration:none; font-weight:bold;}
#sidebar .current_page_item a, #sidebar .current_page_item a:hover {padding:5px 0 5px 3px; color:#ad0202; background:#f2f2f2; text-decoration:none; font-weight:bold;}
#sidebar .current_page_item li a {display:block; padding:5px 0 5px 10px; color:#626262; background:#fff; font-weight:normal;}
#sidebar .current_page_item li a:hover {font-weight:normal; padding-left:10px;}


#sidebar h4.twitter {
	padding: 0 0 0 60px;
	line-height: 48px;
	display: block;
	background: url(ui/twitter_bird.png) no-repeat #fff;
	font-size: 1.5em;
}


#sidebar h4.emd {
	padding: 0 0 0 60px;
	line-height: 48px;
	display: block;
	background: url(ui/email.jpg) no-repeat #fff;
	font-size: 1.5em;
}


#sidebar div.box {
	padding: 0 0 10px 60px;
}

#sidebar div.box input {
	margin: 0 0 8px 0;
}

/** Search **/


#search-box-container {position:relative;}
#s {
	width:285px; 
	height:21px; 
	font-family:"Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; 
	font-size:12px; 
	padding:4px 0 0 4px;
	border:#b0b0b0 1px solid;
}
#searchsubmit {
	background:url(ui/search.png) no-repeat top right;
	border:none;
	cursor:pointer;
	height:16px;
	width:16px;
	margin-top:5px;
	position:absolute;
	left:270px;
	top:0px;
}

#sidebar hr {
	background:url(ui/subSpacer.png) no-repeat top center transparent;
	width:300px;
	border: 0px solid #fff;
	height:16px;
	margin:25px 0 20px 0;
}

.feature-item {margin:20px 0 0;}
.feature-item img {float:left; padding-right:10px; }
.feature-item div {

}
.feature-item a {color:#486910; text-decoration:none;}
.feature-item h4 {color:#486910; font-size: 1.3em;}

#content .feature-item h4 a {color:#486910; font-weight: bold;}

/** Comments **/

#respond ol li {list-style-type:none; padding:10px; border:#CCCCCC 1px solid; margin: 15px 0;}
body .main #respond img { 	
	padding: 0;
	background: none;
	border:none;
	margin:0;
}

#respond h3 {margin-bottom:15px;}

/** Contact us Form **/



#sidebar input {
	padding:5px;
	font-size:12px;
	width:160px; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; 
	margin-bottom:5px; 
	background:url(ui/inputbg.jpg) repeat-x top left; 
	border:#ababab 1px solid;
}

#sidebar textarea {
	padding:5px;
	font-size:12px;
	width:450px; 
	float:left; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	margin-bottom:10px; 
	background:url(ui/inputbg.jpg) repeat-x top left; 
	border:#ababab 1px solid;
}

input#submit {
	color:#FFFFFF; 
	width:auto; 
	height:auto; 
	float:left; 
	padding:5px; 
	background:#888888; 
	border:#606060 1px solid; 
	cursor:pointer; 
	text-transform:uppercase;
}

input#submit:hover {
	background:#486910; 
	border:#629113 1px solid;
}




/** Footer **/

#footer {
	margin:0 auto;
	padding:15px 10px;
	width: 960px;
}

#footer p {margin:5px 0 0; color:#e2e2e2;}

#footer a {text-decoration: none; color:#e2e2e2;}
#footer a:hover {text-decoration: underline; color:#d7d7d7;}

#footer p.copy {float:left;}
#footer p.nav {float:right;}
#footer p.disclaimer {
	color:#b7b7b7; !important;
	font-size: 10px;
	padding: 16px 0 0 0;
	margin: 16px 0 0 0;
	background: url(ui/foot-disclaimer.gif) repeat-x #1f1f1f;
}



/* Images
-------------------------------------------------------------- */

.entry-content img {
	margin: 0 0 24px 0;
	max-width: 640px;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	color: #888;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#content .wp-caption img {
	margin: 5px;
}
#content .wp-caption p.wp-caption-text {
	margin: 0 0 4px;
}
#content .wp-smiley {
	margin:0;
}
#content .gallery {
	margin: auto;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	margin-left: 0;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery-caption {
	color: #888;
	font-size: 12px;
	margin:-24px 0 24px 0;
}
#content .gallery br+br {
	display: none;
}


.navigation .nav-next {
	float: right;
}

.navigation .nav-prev {
	float: left;
}

p.attachment img {
	background: none;
	padding: 0 0 0 0;
	border: none;
}


p.attachment img:hover {
	background: none;
	padding: 0 0 0 0;
	border: none;
}

/* Contact Form */
form.wpcf7-form {
	margin: 30px 0 0 0;
	padding: 0 0 0 0px;
	float: left;
}
 
form.wpcf7-form div.fieldblock {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 630px;
}
 
form.wpcf7-form div.fieldblock label {
	float: left;
	display: block;
	margin: 0 ;
	padding: 5px 30px 0 0;
	width: 120px;
	text-align: right;
	color: #242f33;
}
 
/*
form.wpcf7-form div.fieldblock label.error {
	position: absolute;
	top: -7px;
	right: 8px;
	margin: 10px 0 0 0;
	padding: 4px 0 2px 23px;
	width: 142px;
	outline: none;
	text-align: left;
	z-index: 99;
	line-height: 1.2;
}
*/
 
form.wpcf7-form div.fieldblock div.input {
	float: right;
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	border-left: 1px solid #dfe5e7;
	width: 449px;
}
 
form.wpcf7-form div.fieldblock div.input.active {
	border-left: 1px solid #bcc4c4;
}
 
form.wpcf7-form div.fieldblock div.input input {
	float: left;
	margin: 0 30px 0 0;
	padding: 5px;
	width: 250px;
	border:#ababab 1px solid;
	background:url(ui/inputbg.jpg) repeat-x top left; 
	outline: none;
}
 
form.wpcf7-form div.fieldblock div.input select {
	float: left;
	margin: 0 30px 0 0;
	padding: 5px;
	width: 262px;
	border:#ababab 1px solid;
	background:url(ui/inputbg.jpg) repeat-x top left; 
	outline: none;
}
 
 
form.wpcf7-form div.fieldblock div.input textarea {
	margin: 0 115px 0 0;
	padding: 5px;
	width: 337px;
	min-height: 180px;
	border:#ababab 1px solid;
	background:url(ui/inputbg.jpg) repeat-x top left; 
	outline: none;
	line-height: 1.5;
}
 
 
form.wpcf7-form div.fieldblock div.input span {
	font-size: 12px;
	color: #ff3716;
}
 
 
form.wpcf7-form div.fieldblock div.checkboxes {
	float: right;
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	border-left: 1px solid #dfe5e7;
	width: 449px;
	
	
}
 
form.wpcf7-form div.fieldblock div.checkboxes span.wpcf7-list-item {
	float: left;
	width: 250px;
	padding-bottom: 6px;
	font-size: 13px;
	color: #474747;
}
 
form.wpcf7-form div.fieldblock div.input label.error {
	font-size: 10px;
	color: #ff3716;
}
 
form.wpcf7-form input.submit { margin: 0 0 30px 181px; }

table.payment-form tr {
	height:32px;
}

#blog-wrap h3 {
	background: url(ui/news.png) no-repeat transparent;
	line-height: 48px;
	padding: 0 0 0 60px;
	margin: 0 0 15px 0;
	
}

#blog-wrap .feature-post {
	float: left;
	width: 260px;
	margin: 15px 15px 0 0;
}