/* @group -reset */
  /* This area resets many existing styles that browsers have, and makes the whole stylesheet easier to work with */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;}
em {font-style:italic;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
  
	/* @group -utility */
  /* Utility styles, like clearfix, that are useful and re-useable */
  
  /* ---- Clearing Floats ---- */
  /* Basic   */ .clearfix:after, .col:after, .wrapper:after,
	/* Forms   */ form:after, form .form-field:after, form .form-field .multi-field:after, form .wide-label:after,
  /* Masthead */ #masthead:after, #masthead .featured .promo:after, #masthead .content:after, #masthead .top:after, #masthead .header:after, #masthead .content:after,
	/* Nav     */ .nav:after, .nav ul:after, .nav ol:after,
	/* General */ .section:after,
  /* Footer  */ #footer .nav:after
	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

    .clear { clear:both }
	.left { float:left !important }
	img.left, a.left img { margin:0 16px 16px 0 }
	.right { float:right !important }
	img.right, a.right img { margin:0 0 16px 16px }
	.center { float:none !important;text-align:center !important; }
	img.border { border: 1px solid #6e6e6e;}
	.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 }
	.highlight { background: #fef5c6; padding: 2px; }
	.break { display:block; }

	.margin-bottom { margin-bottom: 2em; }
	.nomargin { margin: 0 !important; }
	.noborder{ border: none !important; }
	.nobg { background-image: none !important; }
	strong em {color:#91400f;}
	a, a:link {
	color:#cc0000;
	text-decoration:none;
}
a:visited{
	color:#cc0000;
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}
.current {
	color:#cc0000;
	text-decoration:underline!important;
}
	a.external {
	background: transparent url(../image/external.png) center right no-repeat;
	padding-right: 15px;
	}



body {background-image: url(../image/bg-contentWrapper.gif); padding:0px; margin:0px; background-repeat: repeat; background-position: center; font-size:14px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, Arial; color:#000000; text-align:left; text-transform:none;
}
.hr {background:  transparent  url(../image/bg-hr.png) center top no-repeat;margin-top:20px;}
p {padding-bottom:5px;}
h1, h2, h3 {font-family: 'Gill Sans', 'Gill Sans MT', 'GillSansRegular', 'Trebuchet MS', Arial;}
h2 {font-size:13px;	font-weight:bold;text-align:center;}
h3 {clear:both;}
strong {font-weight:bold;}
/*main banner wrappers*/
#mainWrapperOuter, #shadow {
	background-color:#91400F; background-image: url(../image/bg-orangeWrapperRepeat.png); background-position:center center; background-repeat: repeat-x;
	}
#mainWrapperInner, #width {
	display:block;
	width:100%;
	height:300px;
	background-image: url(../image/bg-wrapper-shadows.png);
	background-position:center center;
	background-repeat: repeat-y;
}
/* banner content*/
#headerWrapper {
	background-repeat: repeat-y;
	background-position: center bottom;
	background-image: url(../image/shread-top-yellow-gif.gif);
	background-repeat: repeat-x;
	height:45px;
	text-align:center;
}
#headerWrapper .joel {
	font-size:17px;
	line-height:32px;
	font-family: 'Gill Sans', 'Gill Sans MT', 'GillSansRegular', 'Trebuchet MS', Arial; 
	padding-bottom:8px;
	display:block;
	text-transform:none;
	font-weight:bold;
}
#expert {
width:640px;
height:300px;
display:block;
background:url(../image/bg-flv.jpg);
}

#bannnerWrapper {
	width:980px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#bannnerWrapper #bannner {
	display:block;
	width:980px;
	display:block;
	background-color:#fff;
	height:300px;
	overflow:hidden;
	margin-left:-2px;	
}
#bannnerWrapper #expert {/*jQuery selector on hp*/}
/*polariod*/
#bannnerWrapper #macgyver img, #bannnerWrapper #macgyverHP img {
	background-image: url(../image/bg-orangeWrapperRepeat-yel3.png); 
	background-position:left 16px;
	background-repeat: repeat-x;
	display:block;
	position:relative;
	top:-29px;
}
#bannnerWrapper #undev {
	background-image: url(../image/undeveloped.png);
	width:301px;
	height:353px;
	position:relative;
	top:-380px;
	left:640px;	
}
/*page content starts here*/
#contentWrapper {
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(../image/bg-outer-edge-bottom.gif);
	background-repeat: repeat-x;
	background-color:#ffbd52;
}
.centeringWrapper {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:980px;	
}
.texture {
background-image: url(../image/bg.png);
}
/*Nav*/
.subpageNav {padding-top:35px;display:block; clear:both; font-size:16px; font-weight:bold;}
.subpageNav li {float:left;border-left:1px solid #cc0000; color:#000; padding-left:10px; margin-left:5px;margin-right:3px;}
.subpageNav li a {color: #cc0000;}
.subpageNav li:first-child {border:none;}


#Nav {
display:block;
width:100%;
clear:both;
}
#Nav li {
display:block; float:left; width:245px; color:#333;
}
#Nav li h1 {
display:block; float:left; width:245px; clear:both; color: #cc0000;
}
#Nav  li p {
font-size:12px;
margin-left:12px;
line-height:19px;
}
#Nav  li ol {
	font-size:12px;
	line-height:19px;
		margin-left:20px;
		margin-bottom:5px;
		float:none;
}
#Nav  li ol li {
		padding:0px;
		margin-bottom:0px;
		float:none;
}
#Nav  li a, #Nav  li a img {
display: block;
text-decoration: underline;
vertical-align: bottom;
text-align: center;
font-weight: bold;
font-size: 22px;
}
#Nav  li a img{

	width:216px;
	height:210px;	
}
#Nav  li a img:hover {
		-webkit-transform: rotate(-2deg) scale(1.05, 1.05);
	    -moz-transform: rotate(-2deg) scale(1.05, 1.05);
	    transform: rotate(-2deg) scale(1.05, 1.05);
}
#Nav  li a:link, #Nav  li a:visited {
color: #cc0000;
text-decoration: none;
outline:none;
}
#Nav  li a:hover,  #Nav  li a:active {
color: #cc0000;
text-decoration:underline;
}
/*content*/
div.twoCol {
	display:block;
	padding-top:25px;
	clear:both;
	font-size:14px;
	margin-bottom:22px;
}
div.twoCol h4 {
display:block;
float:left;
width:95%;
font-weight:bold;
margin-left:25px;
}
div.twoCol p, div.twoCol object {
display:block;
float:left;
width:47%;
padding-left:15px;
}
.footer div.twoCol object {
width:425px;
}
div.twoCol p:first-child {
margin-left:12px;
width:48%;
}
div.oneCol {
margin-left:12px;
padding-top:20px;
clear:both;
}
div.oneCol p {
padding-left:12px;
overflow:visible;
}
div.oneCol .def {
	font-size:17px;
	padding-top:1px;
	padding-bottom:2px;

}
div.oneCol .joel {
	font-size: 17px;
	line-height: 32px;
	font-family: 'Gill Sans', 'Gill Sans MT', 'GillSansRegular', 'Trebuchet MS', Arial; 

}

#home .twoCol h3 {font-size:18px;  text-align:left; line-height:30px; clear:both; padding-left:10px; padding-bottom:10px;font-size:22px; padding-top:35px; font-weight:bold;color:red;}
#home .twoCol p {line-height:21px;
font-size:16px;}


/* subpage header mods*/
.sub-header {display:block; position:absolute; top:-10px;}
#subpage #expert {
width:750px;
height:108px;	
padding-top:5px;
color:#fff;
font-size:45px;
line-height:65px;
float:left;
}
#subpage #banner {
}
#shaddowWrapperSub {
	background-image: url(../image/bg-wrapper-shadows.png);	
	background-repeat: repeat;
}
#subpage #width {
height:108px;
background-image: url(../image/bg-wrapper-shadows.png);	
background-repeat: repeat;
background-image: url(../image/bg-orangeWrapperRepeatSub.png);
background-position:-7px -17px;
}
#subpage h1#expert {
margin-top:0px;
text-align:left;
padding-right:100px;
width:640px;
font-size:80px;
line-height:90px;
letter-spacing:-2px;
color:#ededed;
}
#subpage .oneCol.z-indexIt {position:relative;top:-150px;left:1px;}
#subpage #macgyver img.z-indexIt {position:relative;top:-80px;left:1px; clear:both; }
#subpage #widthDuce {
height:108px;	
background-repeat: repeat;
background-image: url(../image/bg-wrapper-shadows-duce.png);
background-position:center -17px;
}
#subpage #macgyver img  {
	padding-top:30px;
	background-image:none;
}
/*subpage content */
#subpage .oneCol .lightsGal {margin-top:17px; margin-bottom:1px; margin-right:17px; border:1px solid transparent;}
#subpage .oneCol .lightsGal:hover {}

#subpage .oneCol .intro {background:  #feca61  url(../image/bg-hr.png) center bottom repeat; padding-bottom:10px;
 /* css3 border radius*/ 
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
  border-radius: 10px;}
#subpage .oneCol .intro h2 {padding-top:10px;}
#subpage .oneCol .intro p {font-size:18px; line-height:24px;}

#subpage .oneCol {margin-top:0px;}
#subpage .oneCol h2 { text-align:left; line-height:30px; clear:both; padding-left:10px; padding-bottom:10px;font-size:22px; padding-top:35px; font-weight:bold;color:red;}
#subpage .oneCol h2 em {font-style:italic; font-family:'lucidia grand', georgia, garamond, serif;}
#subpage .oneCol {display:block;width:950px;}
#subpage .oneCol ul {clear:both;display:block;margin-bottom:75px;}
#subpage .oneCol ul > li {display:block;width:980px;clear:both;float:left;}
#subpage .oneCol h4 { text-align:left; line-height:20px; clear:both; padding-left:10px; padding-bottom:10px;font-size:16px; padding-top:0px; font-weight:bold;;}


#subpage li.twoCol > p {width:720px;}
#subpage li.twoCol > p a.clear.left img {margin-right:15px;}

#subpage .oneCol li .floatIt {display:block; float:left;clear:none;}
#subpage .oneCol li div {float:left; text-align:left; line-height:26px;color:#91400F;width:700px; margin-right:20px;clear:none;font-size:16px;}
#subpage .oneCol li > p {margin-right:20px;clear:none;font-size:18px; line-height:24px; padding-bottom:10px;}

#subpage .oneCol li div.callOut { max-width:185px; clear:none;border-left:1px solid #aeaeae; color:#555;font-size:13px; font-family:'courier new', courier; padding:0px 8px 0px 10px;  margin-left:0px; margin-right:15px; margin-bottom:10px; line-height:18px;background-color:#fff;background-image: url(../image/bg-receipt.jpg);}
#subpage .oneCol li div.callOut strong { color:#555;font-size:14px; padding:55px 0px; width:97%; text-align: center; display:block; padding:45px 0px 10px 10px; margin:0px; line-height:18px;background: transparent url(../image/bg-receipt-top-blue.png) top center repeat-x}
#subpage .oneCol li div.callOut:first-child strong { background: transparent url(../image/bg-receipt-top-red.png) top center repeat-x}
#subpage .oneCol li div.callOut span.bottom { background: transparent url(../image/bg-receipt-bottom.png) bottom center repeat-x; width:100%; padding-bottom:25px; display:block; height:20px; margin-left:-10px;}

#subpage .oneCol li .Browser, #subpage .oneCol li div.Browser {border:1px solid #bbbbbb; min-width:200px;padding-top:20px;padding-left:0px;padding-right:0px;padding-bottom:0px;margin:0px;background: #f1f1f1 url(../image/screenshots/bg-browser-top.png) top left no-repeat;}
#subpage .oneCol li .Browser a, #subpage .oneCol li .Browser a img { padding:0px;margin:0px;}
#subpage .oneCol li.rosettanet div.callOut {}
#subpage .oneCol li div.callOut.versanail {}

.push {margin-left:10px;}
.pull {margin-right:10px;}

#subpage .oneCol li.rosettanet div.rosettanetFlash {width:750px; margin:0px; padding:0px;border:2px solid #fff; clear:none;background-color:#fff;}



/* Footer */
.footer {
width:100%;
background: #333 url(../image/duck-tape-double.jpg) top right repeat;
display:block;
clear:both;
margin-top:30px;
padding-top:5px;
}
.footer .greyish {
	background-image: url(../image/989898-25p.png);
	background-position:top left;
	background-repeat: repeat;
	padding:11px;
	margin-left:11px;
	margin-top:11px;
	/* css3 border radius*/
	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
  	border-radius: 10px;
	font-family: 'Gill Sans', 'Gill Sans MT', 'GillSansRegular', 'Trebuchet MS', Arial; 

}
.footer .greyish strong {
	display:block;
	clear:right;
}
.footer  div.twoCol p:first-child {
	width:445px;
	line-height:21px;
	font-size:16px;
	margin-top:0px;
	margin-right:15px;
	min-height:320px;
}