/*
Theme Name: Switch Web Video
Author: Switch Web Video
Author URI: http://www.switchwebvideo.com
Description: Switch Web Video Theme
Version: 2.0
*/

/* import related css files */
@import url("hmenu.css");  /* Drop Navigation specific styles */

* {
border:none;
margin:0;
padding:0
}

p {
margin-bottom:1em;
}

ul, ol {
	list-style-position: inside;
}

ul ol, ol ul {
	margin-left: 20px;
}

body {
background:url(images/background2.jpg) top repeat-x;
font:1em Arial, sans-serif;
color:#505050;
line-height:1.2em
}

.background {width:100%; background:url(images/background2.jpg) top repeat-x;}

.wrapper {
background:url(images/background2.jpg) top repeat-x;
width:965px;
position:relative;
margin:0 auto;
}

body.light, body.light .background, body.light .wrapper{
background:url(images/background3.jpg) top repeat-x;
}

body.light div#content {
/*background:none;*/
}

#test {
width: 100%;
margin: auto;
padding: 4em 8em;
}

#licence {
float: left;
font-size: 80%;
line-height: 130%;
}

$licence img {
border: 0;
}

#slimlist_player_0.slimlist-player {
margin: .7em 0 0 -1.7em;
}

#pric1 {
font-family: verdana, helvetica, arial, sans-serif;
text-align: center;
color: #333;
}

#pric2 {
font-family: verdana, helvetica, arial, sans-serif;
text-align: center;
color: #333;
}

#opfaq {
margin: auto;
width: 80%;
padding: 0 2em;
}

#opfaq h3 {
color: #333;
}

.float_r {
float: right;
margin: 0 14em 0 0;
padding: .2em 1.6em .2em 1.2em;
}

.test_h3 {
margin: .2em 1.2em .2em 0;
padding: 0 .2em 0 .2em;
}

.test_h4 {
font-size: 120%;
font-style: italic;
margin: 0 0 0 .2em;
}

#test_h3 {
float: right;
margin: 0 .2em 0 .2em;
}

#test_h4 {
clear: both;
float: right;
font-size: 120%;
font-style: italic;
margin: 0 2em;
}

#qt {
margin: -4em 0 4em 0;
padding: 0 4em 4em 0;
}

#sg_form_1{
display: block;
margin: .2em;
clear: both;
}

.mc_signup_form, .mc_signup {
width:250px;
margin-bottom: 10px;
text-align:left;
}

.mc_signup_form .submit, .mc_signup .submit {
background:none;
}

form fieldset * {
display:inline-block
}

input,select {
border:solid 1px #dedede;
border-bottom:solid 1px #a4c18a;
background:url(images/inputbg.jpg) repeat-x;
height:23px;
float:left;
font-size:1em;
color:#848484;
width:130px;
padding:2px 10px 0
}

textarea {
border:solid 1px #000;
height:200px;
float:left;
font-size:1em;
color:#848484;
width:300px;
padding:2px 10px 0
}

.hidden {
display:none;
}

.dsq-input-wrapper {
height:14px !important;
}
.submit, .update-button {
border:none;
background:url(images/submitbg.jpg);
height:27px;
font-size:1.1em;
color:#fff;
cursor:pointer;
text-align:center;
width:auto;
padding:0
}

.submitleft {
background:url(images/submitleft.jpg) no-repeat;
padding-left:8px
}

.submitright {
background:url(images/submitright.jpg) right no-repeat;
padding-right:8px
}

.search {
height:50px;
position:absolute;
top:43px;
left:700px
}

.search input {
border-left:none
}

.search .submitleft {
position:relative;
top:-19px
}

.searchleft {
background:url(images/search.jpg) no-repeat;
height:27px;
padding:2px 0 19px 40px
}

#banner {
position:relative;
height:381px;

}

#banner_2 {
position:relative;
height:130px;

}

#banner img {
position:absolute;
bottom:0;
z-index:1;
}

#headervideo {
z-index:2;
}

#navigation {
display:block;
height:78px;
background:url(images/navreflection.jpg) bottom repeat-x #111;
padding-top:15px;
}

#suckerfishnav {
display:block;
height:78px;
background:url(images/navreflection.jpg) bottom repeat-x;
padding-top:15px;
}

#navigation li,
#suckerfishnav li{
display:inline
}

#navigation a,
#suckerfishnav a {
float:left;
height:23px;
color:#fff;
background:url(images/navbg.jpg);
text-decoration:none;
border-left:solid 1px #95cb61;
border-right:solid 1px #76bf36;
font-weight:400;
padding:20px 31px
}

#navigation .first a,
#suckerfishnav .first a {
padding-left:32px
}

#navigation .last a
#suckerfishnav .last a {
padding-right:32px;
border-right:none
}

#navigation a:hover,
#suckerfishnav a:hover {
background:url(images/navhoverbg.jpg);
text-decoration:underline
}

#content {
margin-top:15px;
background:url(images/bodybg.jpg) top repeat-x;
width:640px;
padding:25px;
float: left;
}

h1, h3 {
font:2.3em Arial Narrow, sans-serif;
color:#df742f;
/*background:url(images/h1.jpg) left no-repeat;*/
padding-left:30px;
margin:0 0 10px 0px
}
h1 {
margin-bottom: 57px;
}
h4 {
font:2.3em Arial Narrow, sans-serif;
color:#df742f;
/*background:url(images/h1.jpg) left no-repeat;*/
padding-left:30px;
margin:0 0 10px -30px
}

.videoplaceholder {
float:right;
background:url(images/videoplaceholder.jpg);
width:355px;
height:252px;
margin-left:50px;
margin-top:-54px;
}

#rightcolumn {
float:right;
margin-top:0px;
padding-top:10px;
}

#rightcolumn p{
margin:0;
}

.contentbox {
background:url(images/contentbox.jpg) top repeat-x #f5f5f5;
width:252px;
margin-top:5px;
line-height:0.9em;
margin-bottom:15px;
}

.activity {
background:url(images/activity.jpg) left no-repeat
}

h2 {
text-indent:-9999px;
display:block;
height:58px;
position:relative;
top:-8px;
left:-10px;
margin-bottom:-20px
}

#headervideo {
width:232px;
height:164px;
position:absolute;
left:631px;
top:101px
}

#footer {
height:51px;
clear:both;
margin-bottom:20px;
margin-top:30px;
}

hr{display:none}

.hr{height:10px;border-bottom:1px dashed #96ca66;margin-bottom:10px}

.blogger, .author_image{float:left;border:solid 6px #96ca66}

.blogentry,.teamentry{margin-left:130px;min-height:120px}
.blogentry p{margin:0 0 1em}
.teamentry p{margin:1em 0}

#videoplaceholder2{width:489px;height:428px;background:url(images/videoplaceholder2.jpg);margin:40px auto}

.fullwidth {
width:100%;
}

.videoplaceholder3 {
background:url(images/viswoplaceholder3.jpg);
width:504px;
height:357px;
float:right;
margin-left:15px;
margin-top:-60px;
}

.half{width:49%;font:1.2em Arial Narrow, sans-serif;float:right;height:130px}
.half img{margin-right:20px}

.contact input,.contact select,.contact textarea{float:right;clear:both;margin-right:160px;margin-top:20px}
.contact select{width:152px;height:27px;padding:0}
.contact label{width:320px;margin-top:20px;height:27px}
.contact option{display:block}
.contact textarea{width:290px;margin-right:0;height:125px;background:url(images/textareabg.jpg) repeat-x}
.contact .checkbox{background:none;width:auto;float:none;border:none;display:block;height:60px;clear:none;margin:0}
.contact .submit{float:left;margin:0}
.contact p{clear:both}
.minitext{font-size:0.7em;float:right;margin-right:290px;line-height:1em;height:10px}
#gmapplaceholder{background:url(images/googlemapplaceholder.jpg);width:436px;height:365px;float:right}
.facebook{background:url(images/facebook.jpg) no-repeat 2px 3px; padding: 0 20px;}
.youtube{background:url(images/youtube.jpg) no-repeat 2px 3px; padding: 0 20px;}
.flickr{background:url(images/flickr.jpg) no-repeat 2px 3px; padding: 0 20px;}
.twitter{background:url(images/twitter.jpg) no-repeat 2px 3px; padding: 0 20px;}
.linkedin{background:url(images/linkedin.jpg) no-repeat 2px 3px; padding: 0 20px;}
.name{color:#df742f;font-size:1.6em;padding-top:20px;display:block}
#contact{height:400px;width:100%}
#contact a{font:bold 0.55em Arial, sans-serif;display:block;background-position:left bottom;background-repeat:no-repeat;width:100px;padding:6px 0 0 20px}

a{color:#4682B4;font-weight:700}
a:hover{text-decoration:none}

h3{font-size:1.5em;background:none;padding:0}

.date{font-size:0.9em; display:block}

.bloggername{float:left;clear:left;font-size:0.8em;font-weight:700;color:#df742f;width:110px;text-align:center}

.white {background-image:none;padding-top:20px}

div.sg_GroupItem {height:50px;}

.sg_GroupLabel {margin-top:10px}

input#sg_SubmitButton {
background:url(images/submitbg.jpg) #000 repeat scroll 0 0;
border:medium none;
* html border:1px #fff!important;
color:#FFFFFF;
cursor:pointer;
font-size:1.1em;
font-weight:normal !important;
height:27px;
margin:5px 0 40px!important;
padding:0 5px !important;
text-align:center;
width:auto;}

.sg_Body {height:550px!important; width:600px!important; }

.sg_ControlSet {margin:0!important}

.sg_Question {padding:0!important}

div.sg_GroupItem {height:50px!important}

ul#twitter_update_list li {padding:0 0 15px;}

.boxcontentactivity {
padding-bottom:0px;
font-size:0.7em;
border-bottom:solid 1px #fff;

}

.boxcontentactivity
ul#twitter_update_list li {
border-bottom:1px solid #FFFFFF;
margin:0px;
list-style:none;
margin:8px 15px
}

ul#twitter_update_list li a {
color:#535353;
font-style:italic;
}

#sg_wrapper {position:relative}
#sg_content {
position:absolute;
top:0;
padding:0!important;}

.office20tools {background:transparent url(images/office20tools.jpg) no-repeat scroll left center }

.boxcontent    {margin:0 15px;padding-bottom:15px;}
#rightcolumn .boxcontent p  {margin:0.5em 0;}
.boximage {margin:5px -28px;position:relative;}
.newsletter {display:block;height:65px;}
.email {margin-bottom:10px;width:200px;}
form fieldset * {display:inline-block;}
input, select {
background:transparent url(images/inputbg.jpg) repeat-x scroll 0 0;
border-color:#DEDEDE #DEDEDE #A4C18A;
border-style:solid;
border-width:1px;
color:#848484;
float:left;
font-size:1em;
height:23px;
padding:2px 10px 0;
width:200px;
margin-right:15px;
}
input.sg_Radio {
width:20px !important;
}
.searchleft input {width:130px; margin-right:0px;}
input.submit {margin-right:0px;}
input#sg_SubmitButton {border:0px!important}

textarea { width:300px;}

.newsletter .submitleft, .casestudiesplaceholderright {float:right;}

#TB_ajaxContent {padding:0px 10px 0px 20px!important;}
#TB_title {height:45px!important;}
#TB_window div     {background:#333; color:#fff}

#TB_ajaxWindowTitle {padding:7px 0px 0px 20px!important; color:#ffffff!important; font-size:1.8em; font-weight:bold;}
object#shadowbox_content {width:630px!important; height:400px!important;}

.textwidget {text-align:center}

.form textarea { font-family:Verdana; font-size:0.9em; height:80px; width:200px;
background:#fff url(images/inputbg.jpg) repeat-x bottom left; border-color:#DEDEDE #DEDEDE #A4C18A; border-style:solid;border-width:1px;color:#848484; font-size:1em; padding:2px 10px 0; margin-bottom: 0.1em; overflow:hidden;}
.form input { margin-bottom: 0.3em; }

.fieldclear { clear: both; }
.form { background: #dbdbdb; padding: 1em 0 3em 0.8em;}
.form div { clear: both; }
.form span.submitleft { width: 20em; margin-top: 1.5em;}
.form { width: 15em; clear: both; }
.form h2 {background: url(images/form_title.gif) top left no-repeat; width: 254px; margin-top: -8px; margin-left: -3px;}
.form p { font-size:0.9em  !important; line-height: 1em !important; text-align: left; padding-right: 1em !important;}

@-moz-document url-prefix() {
   #lightFF, x:-moz-any-link { display: block }
   #rightcolumn[id=rightcolumn] { margin-right: -90px; }
   .submitright input.submit { font-size: 1em; }
   #rightcolumn, x:-moz-any-link, x:default { margin-right: 0 !important; }
   .submitright input.submit, x:-moz-any-link, x:default { font-size: 1.1em !important; }
   .submitleft, .submitright, .submitright input.submit{ float:left !important; }
   .submitleft, .submitright, .submitright input.submit, x:-moz-any-link, x:default{ float: none!important; }
   .searchleft { float:left; }
   .searchleft, x:-moz-any-link, x:default{ float: none;}
   form.search fieldset span.submitleft{ margin-top: 1.3em;margin-left:0.2em; }
   form.search fieldset span.submitleft, x:-moz-any-link, x:default{ position: absolute; top:-1.1em; right: -3.5em;}
}
.form span.submitleft { background: url(images/submitleft.gif) no-repeat top left; margin-top: 0.5em; float: left !important;}
.form span.submitright{background: url(images/submitright.gif) no-repeat top right; float: left !important; }
.form input.submit{ margin: 0; width:13em; font-size: 1em !important; }
.blogentry h1 {margin-bottom:4px}

.follow-survey .sg_embededdsurvey {height:200px !important; font-weight:normal; font-size:0.8em; }
.follow-survey #sg_dhtml_q54 .sg_RequiredAsterix {position:relative; top:-10px; left:170px; }
.follow-survey .sg_RequiredAsterix {position:relative; top:-30px; left:5px; }
.follow-survey #sg_dhtml_q2 .sg_RequiredAsterix {position:relative; top:-30px; left:485px; }
.follow-survey #sg_dhtml_q27 .sg_RequiredAsterix {position:relative; top:-30px; left:325px; }
.follow-survey .sg_Body {height:550px!important; width:900px!important; }
.follow-survey #sg_dhtml_q3 { height:180px !important;}
.follow-survey .sg_QuestionTitle {height:25px !important;}
.follow-survey #sg_dhtml_q54 .sg_QuestionTitle {height:auto !important;}
.follow-survey input#sg_SubmitButton {background:#DF742F !important;}
.follow-survey textarea {width:650px !important; height:100px !important; margin-bottom:10px; background:none !important}
.follow-survey #sg_dhtml_q38 .sg_RequiredAsterix,
.follow-survey #sg_dhtml_q31 .sg_RequiredAsterix {top:-5px !important; left:0px !important }
.follow-survey { width:915px !important; height:1700px !important; }
div#mc_display_rewards { font-size:0.6em; padding-top:10px; }
input#mc_signup_submit, input#signup_submit {
height:30px;
padding-top:0;
width:130px;
background:transparent url(images/submitbg.jpg) repeat scroll center bottom;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:1.1em;
padding:0;
text-align:center;
margin:10px 0;
}

#dsq-content .dsq-request-user-info {
	clear: none !important;
}

.faq-list h2, .faq-list h3, .blogentry h1 { padding-left: 0px; }

#shopp h4.name {
font-size: 1em;
padding-left: 0px;
}

#shopp select , #shopp input{
padding: 0;
width: auto;
}

#shopp form {
}


ul.shopp_categories li, .mc_custom_border li {
list-style:none;
}
.shopp #shopp, .shopp #shopp div.description, .shopp #shopp .products, .shopp #shopp .category, .shopp #shopp #cart, .shopp #shopp #cart table {
clear:none;
}
#shopp .shopp-product-desc li {
list-style:disc;
padding-left:0px;
margin-left:20px;
}


div#fw_tabs_tabs_surround_1, #sidebar ul div.fw_tabs_tabs_surround {
margin:50px 0;
}
div#fw_tabs_tabdisplay_1 div.tab-content ul li {
list-style:none;
margin-left:0px;
}

div#fw_tabs_tabdisplay_1 div.tab-content {
padding:4px;
}

#search.widget {
	margin-bottom: 15px;
	float: left;
	width: 100%;
}

#search.widget #s {
	width: 138px;
	margin-right: 10px;
}

#search.widget #searchsubmit {
	width: 80px;
	height: 27px;
	margin-right: 0px;
}

div#fw_tabs_tabdisplay_1.first {
	margin-top: 40px !important;
}

div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar, #sidebar ul div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar, #sidebar ul li div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar {
	margin-top: -38px !important;
}

.fwTabTitle {
	font-size: 16px !important;
}

.blog-left {
	float: left;
}

.social-share {
	float: left;
	clear: both;
	margin-top: 5px;
}

.social-share .tweetmeme_button {
	float: left;
	clear: left;
}

.social-share .fb_share_count_wrapper {
	float: left;
	margin-left: 2px;
}

.social-share .fb_share_count_top {
	line-height: 30px;
}

.social-share .fb_share_count_nub_top {
	top: 31px;
}

/* PRICING QUOTE */

.quote {
	width: 815px;
	float: right;
	margin: 30px 0 20px;
	clear: both;
}

.quote .quote-left {
	color: purple;
	float: left;
	font-family: georgia, serif;
	font-size: 600%;
	margin: 30px 10px 0 0;
}

.quote .quote-right {
	color: red;
	float: left;
	font-family: georgia, serif;
	font-size: 600%;
	margin-top: 70px;
}

.quote-text {
	float: left;
	width: 520px;
}

.quote-author {
	width: 400px;
	float: right;
	margin-right: 100px;
	clear: both;
	font-size: 0.8em;
	text-align: right;
}

/* /PRICING QUOTE */

#facebox {
	width: 400px;
	border: 10px solid #ccc;
	height: 150px;
	margin: 0 30%;
	padding: 50px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 20%;
	left: 0;
	background-color: #fff;
	z-index:101;
}
#facebox img.loading {
	margin-bottom: 20px;
}

.sg_embededdsurvey {
	height: 2700px !important;
}

.sg_PoweredBy {
	display: none;
}

/* Pricing form */

.pricing-form p { clear: both; display: block; }
.pricing-form .field { float: left; }
.pricing-form .field label { display: block; }
.pricing-form .field input { display: block; width: 150px; }
.pricing-form .field.submit-field { float: left; }
.pricing-form .field.submit-field input { margin-top: 26px; }
.pricing-form .field textarea {border-color:#DEDEDE #DEDEDE #A4C18A; border-style:solid; border-width:1px; font-family:Arial; height:36px; width:711px; }

/* Screencast pricing */

.screencast { width: 744px; height: 427px; float: left; overflow: hidden; clear: both; margin: 0 88px;}
.screencast .watch { width: 744px; height: 91px; float: left; overflow: hidden; position: relative; top: -99px; clear: both; }
.screencast .watch .basic { width: 258px; float: left; }
.screencast .watch .basic a { width: 176px; height: 34px; float: left; margin-left: 58px; }
.screencast .watch .plus { width: 223px; float: left; }
.screencast .watch .plus a { width: 176px; height: 34px; float: left; margin:25px 0 0 28px; }
.screencast .watch .premium { width: 263px; float: left; }
.screencast .watch .premium a { width: 176px; height: 34px; float: left; margin-left: 19px; }

input[type="hidden"] { display: none; visibility: hidden; }

.alignleft { float: left; margin: 0 10px 0 0; }
.aligncenter { text-align: center; }
.alignright { float: right; margin: 0 0 0 10px; }