/*
Theme Name  : Insite Website Design
Theme URI   : http;//www.insitewebsitedesign.com
Version     : 4.0
Designed By : http://www.insitewebsitedesign.com
*/

body {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color: #222;
 margin: 0px;
 padding: 0px;
 background-color:#f5f6f8;
}
/*  ---------------------- HEADER  ---------------------- */
#header {
 height:267px;
 background-image:url(images/headerbg.jpg);
 background-repeat:repeat-x;
}
#headercontainer {
 width:984px;
 height:60px;
 margin: 0 auto;
}
/*  ---------------------- WRAPPER  ---------------------- */
#wrapper {
 width:984px;
 margin: 0 auto;
}
/*  ---------------------- CONTENT ---------------------- */
#content {
 background-image:url(images/contentbg.jpg);
 float: right;
 width:795px;
 min-height:100%;
 margin-bottom:10px;
 text-align:left;
 
 
}
#entry {
 margin-top:6px;
 margin-bottom:6px;
 margin-left:14px;
 margin-right:13px;
 
}
/*  ---------------------- SIDE NAV ---------------------- */
#sidemenu {
 background-image:url(images/sidemenum.jpg);
 float: right;
 width:189px;
 margin-bottom: 10px;
}
#st {
	background-image:url(images/sidemenutop.jpg);
	width:189px;
	height:35px;
}
#sf {
	width:189px;
	height:4px;
}
/*  ---------------------- CSS GENERAL  ---------------------- */
a {color: #085b9b;text-decoration: underline;}
a:visited { color: #085b9b; text-decoration: underline;}
a:hover { color: #d63c00; text-decoration: underline;
}
h1, h2, h3 {font-family: Verdana, Arial, sans-serif;margin-top: 0px;padding: 0;}

h1 {text-align: left; position:relative; left:14px; top:11px; font-size: 14px;color: #fff; font-weight: bold;}

h1 a {text-decoration: none; color:#fff}
h1 a:visited {text-decoration: none; color:#fff}
h1 a:hover {text-decoration: none; color:#fff}

h2 {font-size: 14px; font-weight: bold; color:#940000; margin-bottom:-1px;}
.h2ser { position: relative; top:10px; left:14px;}
.h2port { position: relative; top:10px; left:14px; color:#296e00;}

.packages0 { position: relative; top:0px; left:5px;}
.packages { position: relative; top:3px; left:20px; color:#296e00; font-weight:bold;}
.ulnone { list-style:none; margin-left:-30px;}
.lipacks { margin-top:10px;}

p {font-family: Verdana, sans-serif;margin-top: 3px; margin-bottom:15px;}
.color1 {color:#940000;}

ul { margin-left:30px;
}

/*  ---------------------- LOGO  ---------------------- */
#logo {
 float:left;
 height:60px;
 width:173px;

}
#nav2 {
 float:left;
 height:67px;
 width:142px;
 padding-top:21px;
 padding-right:5px;
 background-color:#F00;
}
/*  ---------------------- NAVIGATION BAR ---------------------- */
#nav{height:36px;width:811px;margin-top:18px;padding:0px 0 0; float:left; background-image:url(images/menubar.gif); background-repeat:no-repeat;}


/*  ---------------------- POST IMAGE  ---------------------- */
.postimg {
 margin: 0 auto;
 width:980px;
 height:186px;
 margin-top:2px;
}
.postimgfrontpage {
 position:relative;
 top:-19px;
 margin: 0 auto;
 width:849px;
 height:205px;
}

/*  ---------------------- NAV DROP  ---------------------- */
#dropmenudiv{
position:absolute;
margin-left:-55px;
background-color: #333;
border:1px solid black;
border-bottom-width: 0;
font:12px Arial, Helvetica, sans-serif;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:#FFF;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: #C53ACA;
color:#FFF;
}
.navlist li {
list-style-type: square;
width: 135px;
background-color: #FFFFB9;
}

#title {
	width:795px;
	height:35px;
	background-image:url(images/titlebg.jpg);
}
#contentfoot {
	width:795px;
	height:6px;
	clear:both;
}

/*  ---------------------- SIDE NAV  ---------------------- */

* html #sidenavmenu{ /*IE 6 only */
w\idth: 156px; /*Box model bug: 145px minus all left and right paddings */

}
#sidenavmenu ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
text-align:left;
}
#sidenavmenu li {
margin: 0;
}
#sidenavmenu li a{
display: block;
padding: 5px 5px 5px 20px;
background-image: url(images/sidemenul.gif);
color: #000;
text-decoration: none;
width: 100%;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:normal;
}
html>body #sidenavmenu li a{ /*Non IE6 width*/
width: auto;
}
#sidenavmenu li a:hover{
color: #fff;
background-image: url(images/sidemenuselected.gif);
background-repeat:no-repeat;
background-position: 2px 0px;
}
.lisides {
 background-image:url(http://www.insitewebsitedesign.com/insitewebsitedesign/wp-content/themes/custom/images/sidemenuselected.gif);
 color: #fff;
 background-repeat:no-repeat;
 background-position: 2px 0px;
 display: block;
 padding: 5px 5px 5px 20px;
}

/*  ---------------------- SIDE PORTFOLIO  ---------------------- */

* html #sidenavmenu2{ /*IE 6 only */
w\idth: 156px; /*Box model bug: 145px minus all left and right paddings */

}
#sidenavmenu2 ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
text-align:left;
}
#sidenavmenu2 li {
margin: 0;
}
#sidenavmenu2 li a{
display: block;
padding: 5px 5px 5px 20px;
background-image: url(images/sidemenul2.gif);
color: #000;
text-decoration: none;
width: 100%;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:normal;
}
html>body #sidenavmenu2 li a{ /*Non IE6 width*/
width: auto;
}
#sidenavmenu2 li a:hover{
color: #fff;
background-image: url(images/sidemenuselected.gif);
background-repeat:no-repeat;
background-position: 2px 0px;
}

/*  ---------------------- SIDE CATS  ---------------------- */

* html #sidenavmenu3{ /*IE 6 only */
w\idth: 156px; /*Box model bug: 145px minus all left and right paddings */

}
#sidenavmenu3 ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
text-align:left;
}
#sidenavmenu3 li {
margin: 0;
margin-top:5px;
margin-bottom:5px;
}
#sidenavmenu3 li a{

padding: 5px 5px 5px 20px;

color: #000;
text-decoration: underline;
width: 100%;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:normal;

}
html>body #sidenavmenu3 li a{ /*Non IE6 width*/
width: auto;
}
#sidenavmenu3 li a:hover{
color: #C00;
}

.current-cat a { font-weight:bold; color:#C00;}
.current-cat a:visited {font-weight:bold; color:#C00;}
.current-cat a:hover {font-weight:bold; color:#C00;}

/*  ---------------------- FOOTER  ---------------------- */

#footer{
	clear:both;
	background-image:url(images/footer.jpg);
	width:984px;
	margin:auto;
	height:29px;
	position:relative;
	top:20px;
	color:#FFF;
	text-align:center;
	padding-top:7px;
	background-repeat:no-repeat;
	font-size:10px;
	padding-bottom:5px;
}
#fl {
	float:left;
	width:584px;
	text-align:left;
	margin-left:10px;
}
#fr {
	float:left;
	width:370px;
	text-align:right;
	margin-right:10px;
}
#footer a { color: #ffffff; text-decoration: none; font-weight: bold;}
#footer a:visited { color: #ffffff; text-decoration: none; }
#footer a:hover { color: #CCCCCC; text-decoration: underline; }






/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:585px; height:32px; font-size:0.85em; position:relative; left:30px; z-index:100; margin-top:-5px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:95px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:95px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:80px; height:30px; border:1px solid #666666; border-width:0px 0 1px 0px; background-image:url(http://www.insitewebsitedesign.com/insitewebsitedesign/wp-content/themes/custom/images/nav.gif); padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:91px; w\idth:80px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#000000 url(images/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#000000; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:150px;border-width:0 0px 0px 0px;text-align:left;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:172px;w\idth:150px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#1e1e1e;text-decoration:none;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background-image:url(http://www.insitewebsitedesign.com/insitewebsitedesign/wp-content/themes/custom/images/navs.gif);text-decoration:none;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */
.menu ul ul .current_page_item a {
 color: white;
 background-image:url(http://www.insitewebsitedesign.com/insitewebsitedesign/wp-content/themes/custom/images/navs.gif);
 text-align:left;
 text-decoration:none;
 font-weight:bold;
}
.menu .current_page_item a {
 color: white;
 font-weight: bold;
 background-image:url(http://www.insitewebsitedesign.com/insitewebsitedesign/wp-content/themes/custom/images/navs.gif);
 text-decoration:none;
}
.menu ul .current_page_item ul a {
 color: white;
 font-weight: bold;
 background: black;
 text-align:left;
 text-decoration:none;
}
.menu ul .current_page_item ul a:hover {
 background-image:url(http://www.insitewebsitedesign.com/insitewebsitedesign/wp-content/themes/custom/images/navs.gif);
 text-align:left;
 text-decoration:none;
 font-weight:bold;
}
.menu .current_page_item a:hover {
 background-image:url(http://www.insitewebsitedesign.com/insitewebsitedesign/wp-content/themes/custom/images/navs.gif);
 text-decoration:none;
 font-weight:bold;
}

/*  ---------------------- SLIDER  ---------------------- */

#mygallery {
 position:relative;
 margin: 0 auto;
}
.stepcarousel{
 position: absolute; /*leave this value alone*/
 top: 3px;
 border: 0px solid #000000;
 overflow: scroll; /*leave this value alone*/
 width: 980px; /*Width of Carousel Viewer itself*/
 height: 186px; /*Height should enough to fit largest content's height*/
 background-image: url(images/gliderbg.jpg);
}
.stepcarousel .belt{
 position: absolute; /*leave this value alone*/
 left: 3px;
 top: 5px;
}
.stepcarousel .panel{
 float: left; /*leave this value alone*/
 overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 margin-top: 7px;
 margin-left: 10px;
 margin-right: 13px;/*margin around each panel*/
 width:180px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
 height:180px;
}
.stepcarousel .panel p{
 text-align: left; /*leave this value alone*/
 overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 margin: 15px 13px ; /*margin around each panel*/
}
.stepcarousel .panel img{
 float: left; /*leave this value alone*/
 background:#000000; /*clip content that go outside dimensions of holding panel DIV*/
 margin-left: 5px;
 margin-bottom: 5px;
}
.stepcarousel .panel h2 a{
 text-align: left; /*leave this value alone*/
 height:20px;
 overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 margin: 2px 5px ; /*margin around each panel*/
 font-size:13px;
 font-weight: normal;
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 color: #ffffff;
 text-decoration: none;
}
.stepcarousel .panel h2 a:visited { color: #ffffff; text-decoration: none; }

.stepcarousel .panel h2 a:hover { color: #fc7240; text-decoration: underline; }

.h2con { text-align: center; }


/*  ---------------------- DESIGN PORTFOLIO MAIN  ---------------------- */
#portwrap {
 width:768px;
 height:300px;
 clear:both;
}
#portwrap2 {
 width:768px;
 height:512px;
 

}
#portl {
 width:369px;
 height:352px;
 float:left;
}
#portr {
 width:388px;
 height:352px;
 float:left;
 margin-left:10px;
}
#portrhead {
 width:388px;
 height:268px;
 float:left;
}
#portrfoot {
 width:388px;
 height:84px;
 float:left;
}
#portrfootl {
 width:306px;
 height:84px;
 float:left;
}
#portrfootr {
 width:82px;
 height:84px;
 float:left;
}

/*  ---------------------- DESIGN PORTFOLIO LOGO  ---------------------- */

#portrheadlogo {
 width:767px;
 height:225px;
 float:left;
 text-align:center;
 border-bottom:1px solid #666;
 padding-bottom:10px;
}
#portrfootlogo {
 width:767px;
 height:127px;
 float:left;
 font-size:14px;
 font-family:Verdana, Geneva, sans-serif;
}
.portrfootlogol {
 width:163px;
 height: auto;
 float:left;
 padding-left:220px;
 margin-bottom:13px;
}
.portrfootlogor {
 width:383px;
 height: auto;
 float:left;
 margin-bottom:13px;
}

/*  ---------------------- DESIGN PORTFOLIO VIDEO  ---------------------- */

#portrheadvid {
 width:767px;
 height:420px;
 float:left;
}

#portrfootvid {
 width:768px;
 height:71px;
 float:left;
 background-image:url(images/portvideobg.gif);
 background-repeat:repeat-x;
}
.portrfootplay {
 float:left;
 width:96px;
 height:59px;
 margin-left:12px;
}
.portrfootdel {
 float:left;
 width:122px;
 height:59px;
 margin-left:100px;
}
.portrfootdel1 {
 float:left;
 width:122px;
 height:48px;
}
.portrfootdel2 {
 float:left;
 width:122px;
 height:14px;
}


.portrfootdelweb {
 float:left;
 width:28px;
 height:48px;
}
.portrfootdelhd {
 float:left;
 width:65px;
 height:48px;
}
.portrfootdelpod {
 float:left;
 width:28px;
 height:48px;
}


.portrfootcat {
 float:left;
 width:218px;
 height:59px;
 margin-left:29px;
 margin-top:7px;
}
.portrfootcat1 {
 float:left;
 width:218px;
 height:41px;
}
.portrfootcat2 {
 float:left;
 width:218px;
 height:14px;
}
.portrfoottype {
 float:left;
 width:152px;
 height:59px;
 margin-left:29px;
 margin-top:7px;
}
.portrfoottype1 {
 float:left;
 width:152px;
 height:41px;
}
.portrfoottype2 {
 float:left;
 width:152px;
 height:14px;
}

/*  ---------------------- FORM STYLING ---------------------- */

fieldset {
 border:1px dashed #CCC;
 padding:10px;
}
legend {
 font-size: 100%;
 letter-spacing: -1px;
 font-weight: bold;
 line-height: 1.1;
 color:#fff;
 background: #666;
 border: 1px solid #333;
 padding: 2px 6px;
}
label {
 width:110px;
 height:32px;
 float:left;
 display: block;
 letter-spacing: -1px;
 font-weight: normal;
 line-height: 1.1;
 padding-left: 20px;
 }
.checkbox {
 width: auto;
 height:32px;
 padding-left: 10px;
 padding-right: 5px;
}
.div_textbox_lft {
 width:130px;
 height:32px;
 float:left;
 display: block;
}
.div_textbox_rgt {
 width:630px;
 height:32px;
 float:left;
 display: block;
}
.form {
 margin:0;
 padding:0;
}
#formcontainer {
 width:750px;
 margin:auto;
 padding-top:5px;
 padding-bottom:5px;
}
#leftSide {
 width:750px;
 padding-top:5px;
 float:left;
}
#rightSide {
 background-color:#fff;
 width:180px;
 padding:5px;
 margin-top:40px;
 float:right;
 border:1px solid #CCC;
 font:normal 12px Arial;
 color:#666666
}
.clear {
 clear:both;
}
.holder {
 background-color:#fff;
}
.div_texbox {
 width:730px;
 float:left;
 height:35px;	
}
.div_texbox_ll {
 width:710px;
 float:left;
 height:35px;
 padding-left: 20px;
}
.div_texareabox {
 width:620px;
 float:left;
 height:140px;	
}
.div_texareabox2 {
 width:620px;
 height:150px;
 border-bottom:1px solid #fff;
}
.textbox {
 width:285px;  
 font:normal 14px Arial;
 color: #000000;
}
.textbox:focus, .textbox:hover {
 background-color:#f4e6d8;
}
.textboxarea2 {
 width:720px;
 height: 110px;  
 font:normal 14px Arial;
 color: #000000;
 margin-left:20px;
}
.textboxarea2:focus, .textboxarea2:hover {
 background-color:#f4e6d8;
}
.textboxarea {
 width:450px;
 height: 130px;  
 font:normal 14px Arial;
 color: #000000;
}
.textboxarea:focus, .textboxarea:hover {
 background-color:#f4e6d8;
}
.formbuttons {
 width:588px;
 height: 31px;
 float: left;
 text-align: right;
}

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }

a:focus { outline:none }

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

.slider-wrap {
	position:relative;
	top:-20px;
	background-image:url(http://www.insitewebsitedesign.com/insitewebsitedesign/wp-content/themes/custom/images/tab.gif);
	background-repeat:repeat-x;
	
}
	.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			left:5px;
			width: 788px;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 768px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: auto;
			clear: both;
			background: #fff;
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 768px; /* Also specified in  .stripViewer  above */
			
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			margin-left:0px;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 9px;
			font-weight: bold;
			text-align: center;
			line-height: 25px;
	
			color: #000000;
			text-decoration: none;
			display: block;
			padding: 0 15px;
			width:97px;
			height:36px;
			text-transform:uppercase;
		}
		
	
		
		.stripNav li a:hover {
			color:#C00;
		}
		
		.stripNav li a.current {
			background-image:url(http://www.insitewebsitedesign.com/insitewebsitedesign/wp-content/themes/custom/images/tab-current.gif);
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		
		
#features {
	width:984px;
	height:147px;
	float:right;
}
.packages {
	width:768px;
	height: auto;
	margin-top:10px;
}
.packs {
	float:left;
	width:254px;
	height:auto;
}
.packs2 {
	float:left;
	width:254px;
	height:auto;
	border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
}
.packsul {
	line-height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-left:-10px;
	margin-top:7px;
	color:#000;
	font-weight: normal;
}
.packsh2 {
	background-color: #eeeeee;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:18px;
	font-weight:bold;
}
.packsfooter {
	float:left;
	height:auto;
	margin-left:6px;
	margin-right:40px;
	margin-top:0px;

}

a.button {
    /* Sliding right image */    background: transparent url('http://www.insitewebsitedesign.com/insitewebsitedesign/wp-content/themes/custom/images/button_right.png') no-repeat scroll top right; 
    display: block;
    float: left;
    height: 34px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
}

a.button span{    /* Background left image */ 
    background: transparent url('http://www.insitewebsitedesign.com/insitewebsitedesign/wp-content/themes/custom/images/button_left.png') no-repeat;     display: block;
    line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 7px 0 5px 18px;
} 

a.button:hover span{
    text-decoration:underline;
}
/*  ---------------------- BLOG ---------------------- */

.commonwrapper {
	height: auto;
	width: 768px;
	float: left;
}

.blogfeatures {
	float: left;
	height: auto;
	width: 250px;
}
.blogfeatures2 {
	margin-right: 9px;
	margin-left: 9px;
	float: left;
	height: auto;
	width: 250px;
}
.blogul {
	margin-top: 0px;
	line-height: 12px;
	margin-left: 5px;
	list-style-type: none;
	
}
.blogh2 {
	font-size: 13px;
	font-family: Arial;
	margin-top: 0px;
	color:#085b9b;
}
.blogimg {
	margin-left: 0px;
	margin-right: 5px;
	margin-top:3px;
	float: left;
}
.blogp {
	line-height: 17px;
	margin-bottom: -10px;
	height: 36px;

}
.blogli {
	width: 243px;
	padding-top: 3px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	line-height:17px;
}
.bloghead {
	background-position: -5px 0px;
	padding-right: 0px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: white;
	background-repeat: no-repeat;
	margin-bottom: -18px;
	padding-top: 17px;
	background-image: url(images/recentposts.jpg);
	height: 47px;
	width: 250px;
}
.bloghead2 {
	background-position: -5px 0px;
	padding-right: 3px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: white;
	background-repeat: no-repeat;
	margin-bottom: -18px;
	padding-top: 17px;
	background-image: url(images/popularposts.jpg);
	height: 47px;
	width: 250px;
}
.bloghead3 {
	background-position: -5px 0px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: white;
	background-repeat: no-repeat;
	margin-bottom: -18px;
	padding-top: 17px;
	background-image: url(images/podcasts.jpg);
	height: 47px;
	width: 250px;
}
.blogheadtxt {
	margin-left: 56px;
}




.excerpt-titlewrapper {
	width: 750px;
	height: 22px;
	background-color: #ededed;
	padding-top: 2px;
	
}
.excerpt-title {
	width: 450px;
	height: 20px;
	float: left;
}
.excerpt-date {
	width: 295px;
	height: 20px;
	float: left;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	text-align: right;
}
.excerpt-footer {
	margin-top: -14px;
	width: 750px;
	height: 25;
	
}
.excerpt-link {
	width: 630px;
	height: 25px;
	float: left;
	text-align: left;
}
.excerpt-comments {
	width: 120px;
	height: 25px;
	float: left;
	text-align: right;
}
.excerptimg {
  width: 100px;
  height: 100px;
  float: right;
  margin-right: 10px;
  margin-top: 5px;
}
.excerpttxt {
  width: 640px;
  height: 96px;
  float: right;
  overflow: hidden;
}
.excerptcontainer {
  width: 750px;
  height: 120px;
 }
 .contentarchives {
	 margin-left:25px;
	 margin-top:10px;
 }

/*  ---------------------- COMMENTS ---------------------- */
.comments {
	font-size: 13px;
	width:750px;
}
.commentlist {
    width: 768px;
    margin-left:0px;
	padding: 0px;
}
.alt {
    background-color: #f8f8f8;
	margin: 0px;
	padding: 0px;
}
.comment-holder {
	height: 32px;
}
.gravatar {
    width: 32px;
	height: 32px;
	float: left;
	padding-right: 10px;
}
.comment-metadata {
    font-size: 10px;
}
.comment-number {
    width: 72px;
	height: 32px;
	float: left;
	text-align: right;
	color: #999999;
}
.comment-author {
    width: 645px;
	height: 32px;
	float: left;
}
 #bookmarksbar {
	 width:768px;
	 float:left;
	 border-bottom: solid #999 1px;
	 padding-bottom:20px;
	 margin-bottom:30px;
 }
 .bookmarks {
	 float:left;
	 padding:3px;
 }
  .bookmarks2 {
	 float:right;
	 background-color: #E3E3E3;
	 color: #000;
	 padding-top:3px;
	 padding-bottom:3px;
	 padding-left:6px;
	 padding-right:6px;
 }
#podcastplayer {
	position:relative;
	left:60px;
	margin-top:10px;
	margin-bottom:-5px;
	padding-top:5px;
	width:650px;
	background-color: #000000;
	text-align:center;
}
#podcastplayer2 {
	position:relative;
	left:60px;
	margin-top:-10px;
	margin-bottom:0px;
	padding-top:0px;
	width:650px;
	background-color: #000000;
	text-align:center;
}
#podcastplayer3 {
	position:relative;
	left:-4px;
	margin-top:10px;
	margin-bottom:-5px;
	padding-top:5px;
	width:778px;
	background-color: #000000;
	text-align:center;
}

.lsidebaricons {
	margin-right:-18px;
	margin-left:13px;
}
#st2 {
	background-image:url(images/sidemenutop-podcasts.jpg);
	width:189px;
	height:35px;
}
#st3 {
	background-image:url(images/sidemenutop-posts.jpg);
	width:189px;
	height:35px;
}
#tagcloud {
	background-image:url(images/tagbg.png);
	background-repeat:no-repeat;
	float:left;
	width:768px;
	height:224px;
	padding-top:40px;
	padding-left:16px;
	margin-bottom:-20px;
}
.noscript {
	margin-top:10px;
	color:#900;
}
blockquote {
	margin: 15px 30px 22px 10px;
	padding-left: 20px;
	border-left: 5px solid #006;
	color: #003;
	width:500px;
	background-color:#F6F6F6;
	padding-bottom:6px;
}
#entrycontent {
	margin-top:20px;
	margin-bottom:20px;
	widows:768px;
	
}
.imgright {
	float:right;
}
.imgleft {
	float:left;
}
.demo {
	margin-top:15px;
}
.cross-link2 {
	text-align:center;
	margin-top:5px;
}
#folllow {
	float: right;
	z-index:20000;
	position:relative;
	top:-48px;
	right:5px;
	
	
	
}