/* CSS Document */
/* DOCUMENT INFORMATION -----------------------------------
TITLE:			Default screen display styles
LAST UPDATED:	13th May 2009
AUTHOR:			Ben Johnson

NOTES:			The 1st section will reset any variance
			across all browsers making them all
			appear very similar, however it also means
			everything needs its own custom style!
			Retrieved from various sources over the net

-- CONTENTS -----------------------------------------------
	=1:		[STANDARDS / HTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[MAIN.TPL COLUMN]
	=5:		[SIDEBAR COLUMN]
	=6:		[FOOTER]
	=7:		[LISTS]
	=8:		[FORMS]
	=9:		[IMAGES]
	=10:	[MISC]	
---------------------------------------------------------*/

/*------=1:	[STANDARDS / HTML] -----------------------------*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
:focus { outline: 0; } /* remember to define focus styles! */
body {
	margin: 0px;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	line-height: 11pt;
	color: #000;
	-background: url('../images/main_bg.gif') repeat-x;
	background-color: #FFF;
}

/*------=2:	 [LINKS] ---------------------------------------*/
a {	text-decoration: none; }
a, a:visited { color: #FFA621; }
.links { color: #FFA621; }
.links:hover { 
	color: #FFA621;
	text-decoration: underline;
}

/*------=3:	 [COMMON ELEMENTS] -----------------------------*/
hr {
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: 0px;
	width: 90%;
}

.floatLeft { float: left; }
.floatRight { float: right; }
.pointer {cursor:pointer; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.clearBoth { clear: both; }
p {
	font-size: small;
	line-height: 16pt;
	padding: 5px 0px 5px 1px;
}

.bold {	font-weight: bold; }
h1 {
	font-size:18px;
	font-weight:bold;
	color:#000000;
	padding-bottom:10px;
}
h3 {
	font-size:15px;
	font-weight:bold;
	color:#000000;
	padding-bottom:6px;		
}
strong {
font-weight: bold;
}

/*------=4:	 [MAIN.TPL] ------------------------------*/
#container { 
	margin: 0 auto;
	width: 900px;
	clear: both;
} 
#page {
	width: 780px;
	margin: 0 auto;
}
#main {
	float: left;
}
#header {
	height: 173px;
	position: relative;
}
.header_logo {
	position: absolute;
	left: -30px;
	z-index: 1000;
}
.logoposition {
	position: absolute;
	left: -30px;
	z-index: 1001;
}

#headerFlash {
	width: 90px; 
	height: 110px;  
	position:absolute;
	top: 0px;
	left: 920px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#barrelMovie {
	width: 247px;
	height: 167px;
	background: url('../images/home_illustration_2.gif');
}

#navLinks {
	padding: 0px;
	width: 800px;
	margin-top: 116px;
	float: left;
	color: #7B797B;	
}
#navLeft {
	width: 8px;
	height: 44px;
	background: url('../images/nav_left.gif') no-repeat;
	margin-top: 2px;
	float: left;
}
.navCenter {
	background-image: url(../images/nav_off.png);
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-right: 8px;
	padding-left: 3px;
	padding-bottom: 4px;
	width: 76px;
	height: 34px;
	float:left;
	cursor:pointer;
	position:relative;
	z-index: 10;
}
.navCenter a span {
	color: #7B797B;
	font-size: 11px;
	font-weight: bold;	
}
.navCenter a {
	display: block;
	height: 45px;
	width: 80px;
}
	.navCenter:hover{
		background-image: url(../images/nav_on.png);
		padding-top: 8px;
		padding-right: 8px;
		padding-left: 3px;
		padding-bottom: 4px;
		height: 45px;
		color: #ff990d;
	}
	.navCenter a span, .navLast a span {
		text-align: center;
		text-transform:uppercase;
	}
	.navCenter:hover, .navLast:hover a span, .navCenter:hover a span{
		color: #ff990d;
	}
.navLast {
	background-image: url(../images/nav_last_off.png);
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-left: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	width: 82px;
	height: 34px;
	float:left;
	cursor:pointer;
	position:relative;
	z-index: 10;
}
.navLast a span {
	color: #7B797B;
	font-size: 11px;
	font-weight: bold;	
}
	.navLast:hover{
		background-image: url(../images/nav_last_on.png);
		padding-top: 8px;
		height: 44px;
	}
	
.extraPadding {
	padding-top: 18px;;
}
.extraPadding:hover {
	padding-top: 14px;
	height: 38px;
}
	
/*----------dropdownMenu-------------*/
.dropdown a {
	height: auto;
	width: auto;
}

.navCenter .dropdown {
	float:left; 
	display: none;
	cursor:pointer;
	text-align:left;
	position:absolute;
	top: 56px;
	left: -9px;
	width: 160px;
	background: #f1f8fc;
	border-right: 1px solid #aac;
	border-left: 1px solid #ace;
	border-bottom: 2px solid #acc;
	z-index: 10;
}	

.navLast .dropdown {
	float:left; 
	display: none;
	cursor:pointer;
	text-align:left;
	position:absolute;
	top: 56px;
	left: -9px;
	width: 160px;
	background: #f1f8fc;
	border-right: 1px solid #aac;
	border-left: 1px solid #ace;
	border-bottom: 2px solid #acc;
	z-index: 10;
}	

.dropdown:hover {
	height:auto;
	color: #006db8;
	text-decoration: none;
}
	
.dropdown li {
	float: none;
	padding: 5px;
	margin-left: 20px;
	list-style-image: url('../images/widget.gif');
}
.dropdown a:hover {
	color: #006db8;
}

li.noBullet {
	float: none;
	margin: 0px;
	color: #003;
	padding: 8px 8px 5px 8px;
	cursor: default;
	border: none;
	border-bottom: 1px solid #ccc;
	background: url(../images/breadcrumb_bg.gif) no-repeat top;
	list-style-image: none;
}
	
	
#mainContent { 
	width: 510px; 
	float: left;
	margin-right: 11px;
	line-height: 20px;
}

#category_body h2 {
	font-size: 20px;
	margin: 15px 5px 5px 10px;
	position: relative;
}

#lhsColumn_1 {
	margin: 10px 0px 0px 0px;
	float: left;
	width: 250px;
	background: url(../images/welcome_titlebox.gif) no-repeat;
	padding-top: 40px;
}
#lhsColumn_1 p.introParagraph {
	font-weight: bold;
	color: #ff990d;
	line-height: 21px;
}
#container #page #mainContent #lhsColumn_1 a {
	font-size: 12px;
	font-weight: bold;
}
#lhsColumn_2 {
	margin: 10px 0px 0px 10px;
	float: left;
	width: 250px;
	background:url(../images/designing_titlebox.gif) no-repeat;
	padding-top: 40px;
} 
#barrelMovie {
	width: 247px;
	height: 167px;
	background: url('../images/home_illustration_2.gif') no-repeat;
}

#breadCrumb {
	background: url('../images/breadcrumb_large_bg.gif') no-repeat;
	width: 771px;
	height: 33px;
	margin: 0px 0px 0px 0px
}
#small #breadCrumb {
	background: url(../images/breadcrumb_bg.gif) no-repeat;
	height: 33px;
	width: 513px;
	margin: 0px 0px 0px 0px
}
	
#breadCrumb p {
	font-size: 8pt;
	padding: 8px 0px 0px 10px;
}
	
#breadCrumb a {
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
}
	
#breadCrumb a:hover {
	font-weight: bold;
	text-decoration: underline;
	text-transform: capitalize;
}

#category_body {
	float: left;
	width: 555px;
	margin: 10px;
	padding: 0;
	position: relative;
	z-index: -1;
}
#category_body ul {
	margin-left: 15px;
}
#category_body li {
	list-style-image: url(../images/widget.gif);
	margin: 15px 0 5px 35px;
}
#image_follow {
	background: url('../images/product_page.jpg') no-repeat; 
	width: 555px; 
	height: 200px;
	position: relative;
	z-index: -1;
}
#image_follow h1 {
	color: #ffffff;
	font-size: 16px;
	position:absolute;
	top: 180px;
	left: 20px;
}
#image_follow #productflash {
	float: right;
	height: 200px;
	margin: 0;
	padding: 0;
}

#productView {
	background-image: url(../images_v2/productpod_bg.gif);
	background-repeat: repeat-y;
	margin-top: 5px;	
}

#content {	
	margin: 15px;
	min-height: 230px;
	text-align: justify;
}
#content ul {
	list-style-image: url(../images/widget.gif);
	margin: 15px 0 5px 35px;
}
#content ol {
	margin: 15px 0 5px 35px;
}
#twocols #content {
	margin: 0;	
}
#productViewTop {
	background-image: url(../images_v2/productpod_top.gif);
	background-repeat: no-repeat;
	width: 958px;
	height: 8px;
}
#productViewBottom {
	background-image: url(../images_v2/productpod_bottom.gif);
	background-repeat: no-repeat;
	width: 958px;
	height: 8px;
}
#productView .right {
	float: right;
	width: 230px;
	text-align: left;
	margin-left: 20px;
	margin-bottom: 20px;
}
.right_logo {
	float: right;
	width: 230px;
	margin: 0 0 20px 0;
}
.right_logo img {
	text-align: center;
	margin: 20px auto;
}

.background_thumbnail img {
	border: solid 4px #ADC3DE;
	margin: 10px 0 20px 30px;
}

#newsArea {
	clear: both;
	/*border: 1px solid #ff0000;*/
	margin-top: 0px;
	line-height: 18px;
}

#mainContent #newsArea {
	background:url(../images/latest_news.gif) no-repeat;
}
.newcontent {
	width: 771px;
	background:url(../images/latest_news.jpg) no-repeat;
}
.newscontent {
	width: 771px;
	height: 38px;
	background:url(../images/mproejctheader.jpg) no-repeat;
}
.newscontentitem {
	width: 771px;
	background:url(../images/mproejctheader.jpg) no-repeat;
}
.newsitem {
	clear: both;
}
.newsitem h1{
	margin-top: 5px;
	padding-top: 10px;
}
.newsitem p{
	padding: 5px;
}

table#tblNews {
	width: 100%;
	padding: 4px 0px 0px 8px;
	margin: 0px 0px 10px 0px
}

table#tblNews td {
	padding: 10px;
	font-size: 9pt;
}
	
table#tblNews tr.row1 {
	background-color: #e0edf6;
}
#hometable table#tblNews tr.row1 {
	background:url(../images/news-wigit.gif) right no-repeat;
	background-color: #e0edf6;
}
	
table#tblNews tr.row2 {
	background-color: #f2f8fb;
}
#hometable table#tblNews tr.row2 {
	background:url(../images/news-wigit.gif) right no-repeat;
	background-color: #f2f8fb;
}

table#tblNews tr.row2:hover, table#tblNews tr.row1:hover {
	background-color: #eee;
}


#newsFilterPanel {
	margin: 0 0 10px 10px;
	width: 230px;
	float: right;
	
	background-color: #f8f8ff;
	border: 1px solid #ccf;
}
#newsFilterPanel ul {
	margin: 5px 0 10px 5px;
}
#newsFilterPanel li {
	list-style-image: url(../images/widget.gif);
	margin: 5px 0 5px 35px;
	padding: 0 5px 5px 0;
}
#newsFilterPanel li.title {
	font-weight: bold;
	font-size: 14px;
	list-style: none;
	list-style-image: none;
	margin: 10px 0 10px 25px;
}
#newsFilterPanel li a:hover {
	text-decoration:underline;
}
#mprojects_content .imagemproject {
	width: 400px;
	float: right;	
	margin: 25px;
	clear:right;
	border: solid 4px #ADC3DE;
}
#mprojects_column {
	float: right;
	width: 400px;	
}
#mprojects_content {
	width: 770px;
	float: left;
	margin: 15px 10px 0 0;	
}
#mprojects_content strong {
	font-size: 12px;	
}
#mprojects_content ul {
	margin-left: 5px;
}
#mprojects_content li {
	list-style-image: url(../images/widget.gif);
	margin: 5px 0 5px 25px;
}
#mprojects_menu {
	margin: 10px 0 0 20px;
	font-size: 14px;
	width: 400px;
	float: left;
}
#mprojects_menu li a {
color: #BEFFFF;
}
#mprojects_menu li a:hover {
color: #61A8D4;
text-decoration:underline;
}

#mprojects_menu li {
	display:inline;
	padding:0 8px 0 8px;
	border-right:1px solid #FF9910;;
}
#mprojects_menu li.last {
	border:none;
}
#mprojects_content .image_map {
width: 600px;
}
#mprojects_content .image_map img {
float: left;
margin: -8px 5px 15px 5px;
}
#mprojects_content .image_map p {
color: #999999;
margin: 5px 15px 0px 15px;
}
.casestudy {
	width: 510px;
}
.casestudy .blue {
	color: #3333cc;
	line-height: 25px;
}
.backbutton {
 float: right;
 background: url('../images/bk-but.jpg') no-repeat;
 border: none;	
 height: 38px;
 width: 159px;
 cursor: pointer;
}

/*------=5:	 [SIDEBAR COLUMN] ------------------------------*/
#sidebar {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
}
#sidebar ul {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 2px solid #e8e8e8;
}
#sidebar li {
	list-style-image: url('../images/widget.gif');
	margin: 0px 0px 10px 20px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #dfdfdf;
}
#sidebar li a {
	color: #666;
	text-decoration: none;
}
#sidebar li a:hover {
	color: #006db8;
}
#sidebar .categoryList li.title {
	font-weight: bold;
	list-style: none;
	list-style-image: none;
	margin: 0px;
	margin-bottom: 10px;
	padding: 5px;
	border-bottom: 1px solid #e8e8e8;
}


#sidebar1_home {
	float: left; 
	width: 253px;
	margin: 0;
	padding: 0;
}

#sidebar1_home img {
	float:left;
}

#sidebar1_home .top {
	background: url('../images/featured_header.gif') no-repeat;
	height:33px;
	float:left;
	width:253px;
	margin: 0 0 10px 0;
}
#featuredProduct {
	margin: 0;
	width: 250px;
	height: 188px;
	overflow:hidden;
}
#featuredProductbg {
	background: url('../images/featured_bg.png') no-repeat;
	width:250px;
	height:188px;
}
.featuredProductText {
	width: 152px;
	height: 48px;	
	font-weight: bold;
	position: absolute;
	z-index: 2;
	margin: 110px 0 0 17px;
}
.featuredProductText .bottom {
	position: absolute;
	bottom: 5px;
	left: 0px;
	color: #FFA621;
}
.featuredProductText a {
	color: #000;
}
#sidebar1_home .steves_blog {
	background: url('../images/steves_blog.jpg') no-repeat; 
	height:222px;
	float:left;
	width:253px;
	height: 240px;
}
#sidebar1_home .stevesRants {
	height: 92px;
	width: 230px;
	overflow: auto;	
	background: url('../images/rant_box.gif') no-repeat;
	margin: 130px 0 0 10px;
}
#sidebar1_home .stevesRants p {
	margin: 5px;	
}
#sidebar1_home .links_banner {
	background: url('../images/interesting-links-banner.png') no-repeat;
	height:141px;
	float:left;
	width:253px;
}	
#sidebar1_home .links_banner a {
	height:141px;
	width: 253px;
	display: block;
}	
#sidebar1_home .testimonialBox {
	background: url('../images/testimonial.gif') no-repeat;
	float:left;
	width:251px;
}	
#sidebar1_home .testimonialBoxBot {
	background: url('../images/testimonal_bottomright.gif') no-repeat bottom right;
	width:251px;	
	float:left;
}
#testimonialBox {
	position: relative;
	background: url('../images/testimonial.gif') no-repeat;
	width: 251px;
}

.testimonialBoxBot #testimonials {
	width: 210px;
	padding: 20px;
	padding-top: 50px;
	font-size: 12px;
}

.testimonialBoxBot #testimonials p {
	font-size: 12px;
	color: #3366FF;
}

.testimonialBoxBot #testimonials .strap {
	font-size: 10px;
	color: #999999;
}
.testimonal_bottom {
	background: url('../images/testimonal_bottom.gif') no-repeat;
	float:left;
	width:251px;
	height: 12px;
}
#sidebar1_home .image_map {
	float: left;
}
#sidebar1_home .image_map .image_padding {
	padding: 10px;
}


/*------=6:	 [FOOTER] --------------------------------------*/
#footer {
	float: left;
	background: url('../images/footer_bg.gif') no-repeat;
	width: 776px;
}

#footer #links {
	float: left;
	width: 450px;
}

#footer #links a {
	color: #006db8;
	text-decoration: none;
}

#footer #links p {
	color: #006db8;
	padding: 25px 0px 0px 0px;
	font-size: 8pt;
}

#footer #cloverBox p {
	float: right;
	width: 300px;
}

#footer #cloverBox p {
	padding: 25px 0px 0px 0px;
	color: #999999;
	font-size: 8pt;
	text-align: right;
}

#footer #cloverBox a {
	color: #99cc00;
	font-weight: bold;
	text-decoration: none;
}


/*------=7:	 [LISTS] ---------------------------------------*/
ol, ul {
	list-style: none;
}

/*------=8: [FORMS] ---------------------------------------*/

	
/*------=9: [IMAGES] --------------------------------------*/
img {border: 0px; display: block;}	

/*------=10: [MISC] ----------------------------------------*/