/*   
CSS Style: Default
Description: Webtrendz website
Author: Rahim Haji
URL: www.webtrendz.co.uk
Version: 1.0
*/

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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td {
	background:transparent no-repeat 0 0;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	text-align:left;
	vertical-align:baseline
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

:focus {
	outline:1px dotted black;
}
#mainWrapper {
	font-size:62.5%;
	background-color:transparent;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#8D7D3F;
	margin-bottom:22px;
	font-weight:normal;
}

h1 span.redH1 {
	color:#E2462D;
}


#subFooter h1 {
	font-family:"Corbel", Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	color:#FBF1D5;
	margin-bottom:16px;
	font-weight:normal;
}



h2 {
	font-size:1.7em;
	font-weight:normal;
}

h2, 
h2 a {
	color:#323232;
	text-decoration:none;
}

h2 a:Hover {
	color:#fff;
	background-color:#E2462D;
}

h2.small {
	margin-bottom:3px;
	font-size:1.2em;
	font-weight:bold;
}

h2 span {
	color:#E2462D;
	margin-left:12px;
}

h2.results {
	margin:0 0 20px 0;
	padding:0 0 3px 0;
	color:#666;
	border-bottom:1px solid #f0f0f0;
}

h2.extra{
	margin-bottom:10px;
}

p {
	color:#666;
	line-height:1.5em;
	font-size:1.1em;
	margin-bottom:20px;
}

a.red, 
#breadCrumb a, 
.postLinks a {
	color:#fff;
	background-color:#E2462D;
	text-decoration:none;
	padding:1px 3px 2px 4px;
	font-size:0.9em;
	display:inline;
}

a.red:Hover, #breadCrumb a:Hover, .postLinks a:Hover {
	background-color:#656565;
}

a.grey {
	background-color:#656565;
}

a.grey:Hover {
	background-color:#E2462D;
}

strong {
font-weight:bold;
}


/*----------------------------------------	Misc Styles	-----------------*/

.clearIt {
	clear:both;
}

.displayNone {
	display:none;
}

#accessibility {
	height:auto;
	left:0pt;
	width:auto;
}

#accessibility a {
	left:-999em;
	position:relative;
}
#accessibility a:focus { left: 0; }

.hide {
	position:absolute;
	left:-5000px;
	overflow:hidden;
	top:0pt;
}

.noBottom {
	margin-bottom:0;
}


/*----------------------------------------	Masthead Styles	-----------------*/

#mastWrapper {
	width:100%;
	background: #fff url(../images/headtopbg.png) repeat-x;
}

#mastHead {
	margin:0 auto;
	width:1000px;
	min-height:187px;
	height:auto !important;
	height:187px;
	background: url(../images/headbg.png) no-repeat;
}
#mastHead h1{
	float:left;
	margin:80px 0 0 25px;
	color:#8d7d3f;
	font-weight:normal;
	font-size:2.5em;
}
#mastHead img.mainLogo {
	margin:5px 0pt 0pt 70px;			/* Main Structure Edit Point */
	float:left;
	width:236px;
}


/*----------------------------------------	Main Nav Styles	-----------------*/
 
#mainNavContainer {
	margin:0;
	width:100%;
	clear:both;
	float:left;
}



/*----- Search Bar Styles	-----------------*/

#searchBar {
	margin:25px 49px 0 0;			/* Main Structure Edit Point */
	width:177px;
	background:url(../images/search_bg.gif) left top no-repeat;
	float:right;
	display:inline;
}

#searchBar input {
	color:#666;
	font-size:1.1em;
	margin:5px 0 5px 12px;
	background-color:transparent;
	border:none;
	width:130px;
	float:left;
}

#searchBar #searchsubmit {
	margin:0;
	padding:0;
	float:right;
	background-color:transparent;
	border:none;
	width:33px;
}


/*----------------------------------------	Animation Panel	-----------------*/

#animationWrapper {
	margin:0pt auto;
	width:100%;
	height:190px;
	background: #fff;
	border-bottom:0px solid #8C7C3E;
	clear:both;
}

#animationContent {
	margin:8px auto;
	*margin:-6px auto;
	height:190px;
	width:1000px;
	background:url(../images/portfolioBgLeft.png) 0px 50px no-repeat;
	
}
#animationContent .portfolioheader {
	clear:both;
	float:left;
	margin:-10 0 0 3px;
	*margin:3px 0 0 3px;
}
#animationContent #porfolioCarousel{
	float:left;
	left:110px;
	top:-10px;
	*top:5px;
	width:500px;
}
#animationContent #porfolioCarousel img{
	float:left;
	margin:0;
	padding:0;
}
#animationContent .portfolioheader h1{
	color:#8d7d3f;
	float:left;
	margin-top:-10px;
	*margin-top:0px;
	font-size:2.5em;
}
#animationContent .portfolioheader span{
	font-size:5em;
	margin-top:-30px;
	*margin-top:-20px;
	color:#8d7d3f;
	float:left;
}
#animationContent .portfolioimgcontainer {
	position:relative;
}
#animationContent .portfolioimgcontainer img{
	margin: -107px 0 0;
	*margin: -93px 0 0;
	float:right;
}
#flashContent #flash {
	position:relative;
	top:31px;
	left:-31px;
}


/*----------------------------------------	Sub Nav	-----------------*/

#subNavWrapper {
	width:100%;
	background: #E13B03 url(../images/subNavRepeat_bg.gif) top left;
	padding:12px 0 13px 0;
}

#subNav {
	margin:0 auto;
	width:1000px;
}

#subNav ul {
	margin:0 0 0 81px;			/* Main Structure Edit Point */
	padding:0;
}

#subNav ul li {
	margin:10px 0;
	font-size:1.2em;
	color:#fff;
	padding:15px 36px 13px 36px;
	cursor:default;
	list-style-type:none;
	display:inline;
}

#subNav ul li a {
	color:#fff;
	text-decoration:none;
}

#subNav ul li a:Hover {
	color:#333;
}

#subNav ul li.current_page_item, 
#subNav ul li.current_page_ancestor {
	background:url(../images/subNavSelected.gif) center bottom no-repeat;
}

#subNav ul li.current_page_item a, #subNav ul li.current_page_ancestor a {
	color:#333;
	font-weight:bold;
}


/*----------------------------------------	Bread Crumb	-----------------*/

#breadCrumb {
	position:relative;
	top:-15px;
	margin-bottom:16px;
}


/*----------------------------------------	Main Content	-----------------*/

 
#contentWrapper {
	width:100%;
	margin:10px 0;
	clear:both;
	float:left;
}
.animationToggle{
	margin:-15px 0pt 0pt 0px;
	padding:12px 2px 2px;
	clear:both;
	float:left;
	background:url(../images/div.png) repeat-x;
}
.animationToggle a{
	color:#726532;
	font-weight:bold;
	text-align:center;
	margin:10px 132px 0pt 0pt;
	*margin-right:120px;
	float:right;
	padding:0;
}
#contentWrapper #mainContent {
	margin:0 auto;			/* Main Structure Edit Point */
	width:1000px;
	clear:both
}

/*#contentWrapper #mainContent a span {
	margin-left:14px;
}*/


/*----------------------------------------	Home page styles	-----------------*/

#leftContent {
	width:68%;
	float:left;
	margin-right:15px;
}

#leftContent .mainContentTitle{
	float:left;
	height:66px;
	width:612px;
}
#leftContent .mainContentTitle h1 {
	background:url(../images/ctl.png) no-repeat 0 0;
	height:66px;
	width:585px;
	float:left;
	padding:22px 0 0 15px;
	color:#fbf1d5;
}
#leftContent .mainContentTitle span{
	background:url(../images/ctr.png) no-repeat 0 0;
	height:66px;
	width:12px;
	float:left;
}

#leftContent .leftContentArea{
	background:#fbf1d5;
	padding:10px;
	width:592px;
	float:left;
}
#leftContent .leftContentArea p{
	float:left;
	width:100%;
}
#leftContent .leftfooter{
	background:url(../images/leftContentFooter.png) no-repeat 0 0;
	width:612px;
	height:13px;
	float:left;
}
#leftContent .leftfooter span{
	width:12px;
	height:13px;
	float:right;
	background:url(../images/leftContentFooter-end.png) no-repeat 0 0;
}
#leftContent h2 {
	margin-bottom:7px;
	color:#8D7D3F;
}

#leftContent .skillBox {
	font-size:1.2em;
	font-weight:bold;
	color:#666;
	line-height:1.22em;
	margin-top:26px;
	background:url(../images/greyStripe_bg.gif) top left no-repeat;
	width:292px;
	float:left;
}

#leftContent .skillBox a {
	color:#666;
	text-decoration:none;
}

#leftContent .skillBox a:Hover {
	text-decoration:underline;
}

#leftContent .greyStripeBottom {
	padding:15px 15px 13px 15px;
	background:url(../images/greyStripeBottom_bg.gif) bottom left no-repeat;
	width:292px;
	float:left;
}


#leftContent ul.leftSkill {
	float:left;
	width:168px;
}

#leftContent ul.rightSkill {
	float:left;
	width:94px;
}

#rightContent {
	width:300px;
	float:right;
	
}
.contentpaneopen{
	clear:both;
	float:left;
	width:100%;
	margin-top:10px;
	
}
#rightContent .mainContentTitle{
	float:left;
	height:66px;
	width:300px;
}
#rightContent .mainContentTitle h1 {
	background:url(../images/ctl.png) no-repeat 0 0;
	height:66px;
	width:273px;
	float:left;
	padding:22px 0 0 15px;
	color:#fbf1d5;
}
#rightContent .mainContentTitle span{
	background:url(../images/ctr.png) no-repeat 0 0;
	height:66px;
	width:12px;
	float:right;
}

#rightContent .leftContentArea{
	background:#fbf1d5;
	padding:10px;
	width:280px;
	float:left;
}
#rightContent .leftContentArea h2{
	float:left;
	width:100%;
	font-size:1.2em;
	font-weight:bold;
	color:#766B41;
}
#rightContent .leftContentArea p{
	float:left;
	width:100%;
}
#rightContent .leftContentArea a{
	display:block;
	text-align:right;
	margin-right:5px;
	color:#766B41;
}
#rightContent .leftfooter{
	background:url(../images/leftContentFooter.png) no-repeat 0 0;
	width:300px;
	height:13px;
	float:left;
}
#rightContent .leftfooter span{
	width:12px;
	height:13px;
	float:right;
	background:url(../images/leftContentFooter-end.png) no-repeat 0 0;
}
#rightContent h2 {
	margin-bottom:7px;
}





.smallThumbWrap {
	float:left;
	margin-bottom:25px;
}

.archiveSmallThumbWrap {
	width:575px;
}

img.thumbSmall {
	border:#D6D6D6 1px solid;
	padding:8px;
	float:left;
	margin-top:3px;
}

.miniWrap {
	margin-left:146px;
}


/*----------------------------------------	Portfolio Styles	-----------------*/

.portfolioWrapper {
	float:left;
	margin-bottom:30px;
}

.mediumImage {
	float:left;
	width:337px;
	margin-right:15px;
}

.mediumImage img {
	border:1px solid #D6D6D6;
	padding:10px;
}

.mediumContent, 
.largeContent {
	float:left;
	margin-top:-4px;
}

.largeContent,
.mediumContent p {
width:320px;
}

.portfolioWrapper h2 span{
font-size:0.7em;
font-weight:bold;
}

#galleryWrap {
	border:#ccc solid 1px;
	padding:10px;
	width:494px;
	height:470px;
	float:left;
	margin-right:15px;
}



.greyTag {
	color:#999;
	margin-bottom:6px;
}

.greyTag a, .techUsed a {
	color:#999;
	text-decoration:none;
}

.greyTag a:Hover, .techUsed a:Hover {
	text-decoration:underline;
}


/*----------------------------------------	Blog styles	-----------------*/

#blogLeft {
	width:580px;
	float:left;
}

.postWrapper {
	margin-bottom:100px;
	clear:both;
}

.contentDate {
	background: #fff url(../images/date_bg.gif);
	float: left;
	width: 84px;
	height: 93px;
	margin: -5px 0 0 -98px;
	padding: 0px;
}

.contentDate p.dateDay {
	color: #fff;
	font-size: 22px;
	margin: 16px 0 8px 0;
	text-align: center;
}

.contentDate p.dateMonth {
	color: #fff;
	font-size: 12px;
	margin: 0px;
	text-transform: uppercase;
	text-align: center;
}

.contentTitle {
	margin: 0px;
	padding: 0;
	width:450px;
}

#blogLeft .contentTitle h1 a {
	background-color:#fff;
	color:#3f3f3f;
	font-size:0.8em;
	margin-bottom:0px;
	text-decoration:none;
	padding:0;
}

#blogLeft .contentTitle h1 {
	margin-bottom:0px;
}

#blogLeft img.framed {
	border:1px solid #D6D6D6;
	padding:10px;
	margin-bottom:20px;
}

#blogLeft h4 {
	color:#666;
	font-weight:bold;
	font-size:1.1em;
	margin:30px 0 10px 0;
}

#blogLeft ol {
	font-size:1.1em;
	color:#666;
	line-height:1.5em;
	list-style-type:decimal;
	margin:0 0 20px 20px;
	list-style-position: outside;
}

#blogLeft ol.neatList li{
padding-bottom:10px;
}

#blogLeft ol.neatList li a{
font-size:1.2em;
font-weight:bold;
text-decoration:none;
color:#0000FF;
}

#blogLeft ol.neatList li span{
display:block;
}

#blogLeft ul.list li a{
	text-decoration:none;
	color:#666;
	line-height:2em;
	padding:0 0 10px 19px;
	background:url(../images/sideLink_arrow.gif) no-repeat 0 1px;
}

#blogLeft table.accessTable{
margin-bottom:25px;
color:#666;
line-height:2em;
font-size:1.3em;
border-collapse:collapse;
}

#blogLeft table.accessTable tr{
border-bottom:1px solid #f0f0f0;
}

#blogLeft table.accessTable th{
color:#999;
font-weight:bold;
padding-right:15px;
}


.postDescription {
	margin:5px 0 20px 0;
	padding:0;
	color:#999;
}

.postLinks {
	width:568px;
	margin:0 0 30px 0;
	border:1px solid #D6D6D6;
	padding:3px 5px;
	float:left;
}

.postLinks .textLinkWrapper {
	float:left;
	margin-top:4px;
}

.postLinks .iconLinkWrapper {
	float:right;
	margin-top:1px;
}

.postLinks ul li a {
	background:none;
	margin:0 0 0 5px;
	padding:0;
}

.postLinks ul li a:Hover {
	background:none;
}


/*----- Sociable Styles	-----------------*/

div.sociable {
	margin:0;
}

span.sociable_tagline {
	position: relative;
}

span.sociable_tagline span {
	display: none;
	width: 14em;
}

span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

.sociable span {
	display: block;
}

.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}

.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}

.sociable ul li:before {
	content: "";
}

.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

/*
.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
*/

/*----------------------------------------	Comments styles	-----------------*/


#mainPortfolio #commentBlock {
	width:516px;
	float:left;
}

#mainPortfolio #commentBlock .commenttext {
	width:416px;
}

#mainPortfolio #commentBlock textarea#comment {
	width:514px;
}

#mainContent #commentBlock {
	clear:both;
}

#commentBlock h2 {
	margin:30px 0 0 -20px;
	padding:8px 0 5px 18px;
	background:url(../images/comments_bg.gif) no-repeat;
	height:34px;
}

#commentBlock h2.leaveReply {
	border:none;
	margin-bottom:10px;
}

#commentBlock h5, #commentBlock h5 a {
	font-size:1.2em;
	font-weight:bold;
	color:#666;
	text-decoration:none;
}

/*Fix the h2 within h2 a*/
#commentBlock h5 a {
	font-size:1em;
	color:#333;
}

#commentBlock h5 a:Hover {
	text-decoration:underline;
}

#commentBlock ul li {
	padding:20px 0 0 0;
	border-bottom:1px solid #f0f0f0;
}


#commentBlock span.gravatar {
padding:0;
margin:0 0 0 10px;
float:right; 
display:block; 
width:60px;
height:60px;
border:1px solid #DCDCDC;
}



#commentBlock .commenttext {
	min-height:65px;
	height:auto !important;
	height:65px;
	width:480px;
}


#commentBlock p.inputBox {
margin-bottom:10px;
}

#commentBlock p.inputBox label {
	padding:0;
	font-size:1em;
	color:#666;
	display:block;
	margin:0;
	font-weight:bold;
}

#commentBlock p.inputBox span{
	color:#999;
}

#commentBlock p.commentNumber {
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	padding:15px 25px 40px 20px;
	background: #fff url(../images/commentBubble.gif) no-repeat;
	float:left;
	margin-left:-60px;
}

#commentBlock input {
	width:260px;
	border:1px solid #ccc;
	height:20px;
}

#commentBlock textarea#comment {
	width:580px;
	border:1px solid #ccc;
}

#commentBlock input#submit {
	margin:10px 0 0 0;
	padding:2px 10px 2px 10px;
	font-size:0.9em;
	background-color:#656565;
	background-image:none;
	color:#fff;
	border:none;
	cursor:pointer;
	width:auto;
	height:auto;
}


/*----------------------------------------	Sidebar styles	-----------------*/

#sideBar {
	font-size:1.1em;
	line-height:1.5em;
	color:#666;
	float:right;
	width:220px;
	margin-right:28px;			/* Main Structure Edit Point */
	display:inline;
}

#sideBar h3 {
	font-size:1.5em;
	color:#323232;
	margin:0 0 10px 0;
	font-weight:normal;
}

#sideBar ul {
	margin-bottom:20px;
}

#sideBar li.recentPosts a, #blogLeft ul.links404 li a {
	color:#666;
	line-height:2.6em;
	padding:0 0 10px 24px;
	text-decoration:none;
	background:url(../images/sideLink_arrow.gif) no-repeat 0 1px;
}

#sideBar a:Hover, #sideBar li.recentPosts a:Hover, #blogLeft ul.links404 li a:Hover {
	text-decoration:underline;
}

#sideBar ul.bookmark a {
	background-image:none;
	padding:3px 0 10px 0;
}

#sideBar ul.bookmark a img {
	position:relative;
	top:3px;
	margin-right:7px;
}


/*----------------------------------------	Blog Calender styles	-----------------*/

#sideBar #wp-calendar {
	text-align: left;
	width: 202px;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	font-size: 1em;
}

#sideBar #wp-calendar th {
	padding:2px 0;
	background:#656565 url(../images/calendarGreyRepeat_bg.gif);
	color:#fff;
}

#sideBar #wp-calendar a {
	text-decoration: none;
	display: block;
	background-image:none;
	margin:0;
	padding:0;
}

#sideBar #wp-calendar td, 
#wp-calendar th {
	text-align:center;
}

#wp-calendar td {
	line-height:1.9em;
	padding:0;
	border:1px solid #f0f0f0;
}

#sideBar #wp-calendar tbody td a {
	background-color: #E2462D;
	color:#fff;
}

#sideBar #wp-calendar tbody td a:Hover {
	background-color:#656565;
	color:#fff;
}

#sideBar #wp-calendar tfoot tr td {
	padding-top:5px;
	border:none;
	background-color:#fff;
}

#sideBar .tFoot a.prev:Hover {
	color:#333;
}

#sideBar .tFoot a.next:Hover {
	color:#333;
}

#sideBar .tFoot {
	width: 190px;
	margin:3px 0 26px 0;
	padding:0 5px;
	border:1px solid #f0f0f0;
}

#sideBar .tFoot a.prev {
	color:#999;
	font-size:1.3em;
	text-align:left;
	font-weight:bold;
	display:inline;
	text-decoration:none;
}

#sideBar .tFoot a.next {
	color:#999;
	font-size:1.3em;
	text-align:right;
	font-weight:bold;
	display:inline;
	text-decoration:none;
}

#sideBar .tFoot a.selectedMonth {
	color:#999;
	font-weight: bold;
	font-size: 1.0em;
	text-align:center;
	display:inline;
	margin:0 20px;
	text-decoration:none;
}

#sideBar .tFoot a.selectedMonth:Hover {
	text-decoration:underline;
}

#sideBar #listPosts li {
	margin:-20px 0 20px 0;
	padding:0;
}


/*----------------------------------------	Tag Cloud styles	-----------------*/

#sideBar .st-tag-cloud {
	width:190px;
	margin:0 0 30px 0;
	padding:5px;
	border:#ccc 1px solid;
	background-color:#f0f0f0;
	text-align:center;
}

#sideBar .st-tag-cloud a {
	text-decoration:none;
	color:#999;
	background-image:none;
	margin:0;
	padding:0;
	line-height:normal;
}

#sideBar .st-tag-cloud a:Hover {
	color:#333;
	text-decoration:underline;
}


/*----------------------------------------	Sitemap styles	-----------------*/

.ddsg-wrapper h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.9em;
	color:#323232;
	text-decoration:none;
	margin-bottom:20px;
}

.ddsg-wrapper a {
	color:#fff;
	text-decoration:none;
	padding:1px 3px 2px 4px;
	font-size:1.0em;
}

.ddsg-wrapper ul li {
	margin:7px 0 7px 25px;
}

.ddsg-wrapper ul li a {
	background-color:#656565;
}

.ddsg-wrapper ul ul ul li a {
	background-color:#E2462D;
	margin-left:25px;
}


/*----------------------------------------	Sub Footer styles	-----------------*/

#subFooter {
	clear:both;
	margin-top:-30px;
	width:100%;
	background: #8C7C3E url(../images/wht-footer.png) left top repeat-x;
	*background: #817033 url(../images/wht-footer.png) left top repeat-x;	
}


#subFooterContent {
	margin:0 auto;
	padding:0;
	width:1000px;
	/*background: #404040 url(../images/subFooterRepeat_bg.gif) left top repeat-x;*/
}

#subFooter p, 
#subFooter a {
	color:#fff;
}

#latestBox {
	display:inline;
	float:left;
	margin:40px 50px 0px 0pt;
	width:300px;
}

#latestBox .newsWrap {
	width:290px;
	margin:3px 0 19px 0;
	float:left;
	clear:both;
}

#latestBox .contentDateSmall {
	background: url(../images/date_bg_small.png);
	float: left;
	width: 31px;
	height: 36px;
	margin: 0 0 0 -44px;
	padding:0;
}

#latestBox .contentDateSmall p.dateDaySmall {
	color: #fff;
	font-size: 10px;
	margin: 3px 0 -1px -1px;
	text-align: center;
}

#latestBox .contentDateSmall p.dateMonthSmall {
	color: #fff;
	font-size: 9px;
	margin:0 0 0 -1px;
	text-transform: lowercase;
	text-align: center;
}

#latestBox h3 a {
	font-weight:bold;
	text-decoration:none;
	font-size:1.2em;
}

#latestBox h3 a:Hover {
text-decoration:underline;
}

#latestBox p.description {
	margin:3px 0 0 0;
	color:#ccc;
}

#latestBox p.description em{
	font-style:italic;
}
#aboutBox {
	float:left;
	margin:40px 50px 0px 0pt;
	width:300px;
}

#contactBox {
	float:left;
	margin:40px 0pt 0;
	width:300px;
}

#contactBox ul {
	font-size:1.1em;
	line-height:1.8em;
	color:#fff;
}

#contactBox ul li strong {
	font-weight:bold;
	font-size:1.2em;
}

#contactBox ul li span{
	color:#ccc;
}

#contactBox ul li a{
	font-size:0.9em;
	line-height:2em;
	padding:0 0 10px 19px;
	background:url(../images/subFooterLink_arrow.gif) no-repeat 0 1px;
}

#contactBox ul li a:Hover {
color:#ccc;
}

#contactBox ul li.downloadArrow a{
	background:url(../images/subFooterLink_arrowDown.gif) no-repeat 0 1px;
}

#contactBox ul li.downloadArrow{
margin-top:10px;
}

/* -------------------------------------------- Footer Styles */

#footer {
	float:left;
	width:100%;
	/*border-top:10px solid #8C7C3E;
	*border-top:10px solid #817033;*/
	background: #282828 url(../images/bwn-footer.png) left top repeat-x;
}

#footerContent {
	margin:10px auto;
	padding:0;
	width:1000px;
	min-height:43px;
	height:auto !important;
	height:43px;
	/*background: #282828 url(../images/bwn-footer.png) left top repeat-x;*/
}

#footerContent ul {
	color:#ccc;
	margin:10px 0 0 84px;			/* Main Structure Edit Point */
	float:left;
	display:inline;
}

#footerContent li{
display: inline;
line-height:2em;
}

#footerContent li.copyright{
	color:#999;
	font-size:1.1em;
	position:relative;
	top:1px;
	padding:7px 0 3px 28px;
	background:url(../images/quirksmodeLogoSmall.gif) no-repeat 0 1px;
}

#footerContent li a{
color:#ccc;
}

#footerContent li a:Hover{
color:#fff;
}

#footerContent li span{
color:#8E8E8E;
padding:0 8px;
}

#footerContent #iconWrap{
float:right;
margin:14px 49px 0 0;
display:inline;
}

#subFooterToggle{
float:right;
margin:-32px 15px 0 0;
padding:0;
}


/* -------------------------------------------- Image slider */

/*preload classes*/ 
.svw {
	width: 50px;
	height: 20px;
	background: #fff;
}

.svw ul {
	position: relative;
	left: -999em;
}

/*core classes*/ 
.stripViewer {
	position: relative;
	overflow: hidden;
	margin: 0;
}

.stripViewer ul { /* this is your UL of images */
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
}

.stripViewer ul li {
	float:left;
}

.stripTransmitter {
	width: 1%;
	position: relative;
	top:-30px;
}

.stripTransmitter ul {
	margin: 0;
	padding: 0 5px 0 10px;
	position: relative;
	list-style-type: none;
	float:right;
	background:url(../images/topLeftCorner.gif) 0 0 no-repeat;
}

.stripTransmitter ul li{ 
float:left; 
margin:0;
} 

.stripTransmitter a {
	font: 10px Verdana, Arial;
	text-align: center;
	margin:10px 2px;
	color: #323232;
	text-decoration: none;
	display: block;
	padding:2px 4px;
}

.stripTransmitter a:hover, a.current {
	color: #fff;
	background-color:#E2462D;
}