/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
body { margin: 0px; padding: 0; color: #fff; background-image: url(images/background.jpg); background-repeat:repeat-x;  background-color:#222222; font-family: Helvetica, Arial, Verdana; font-size: 12px; line-height: 22px; font-weight: normal;}
a { text-decoration: none; color: #E99F1C;} 
a img { text-decoration: none; border: none; }
a:hover { text-decoration: none;}
h1 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 24px;padding-left: 0px; min-height: 29px;}
h2 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 18px; }
h3 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 16px; }
h4 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 20px; }
blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; background: #222; border: 1px solid #333; }
p img { padding: 0; max-width: 100%; }
a { outline: 0; }
.small, .small a {font-size: 10px;color: #CCCCCC;}
div.spacer {height:140px;}

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

.headings { width: 194px; background-color: #222222; display: block; height: 28px; font-weight: bold; color: #fff; padding-left: 20px; padding-top: 3px; clear: both; }
#wrapper2 { width: 950px; margin: auto; padding: 0px 0px 0px 0px; }
.post-wrapper { width: 606px; padding: 15px;}
#content p  {margin-bottom: 20px; }
#content h2  {margin-top: 40px; }
.rule { clear: both; border-top: 1px solid #222222; width: 636px; margin: 15px 0px; float: left; }
#home-wrapper { margin-top: 15px; }
.home-left { width: 420px; border-right: 1px solid #222222; float: left; }
.home-post-wrap { width: 395px; border-bottom: 1px solid #222222; padding: 15px 25px 25px 0px; }
.home-post-wrap-2 { width: 636px; border-bottom: 1px solid #222222; padding: 15px 0px; }
.home-post-wrap-3 { width: 636px; border-bottom: 1px solid #222222; padding: 0px; }
.home-right { width: 214px; float: left; }
.readmore { background-image: url(images/readmore-bg.png); padding: 5px 10px; color: #fff; font-size: 10px; margin: 23px 0px 0px 40px; display: block; float: right; }
.readmore a:link, .readmore a:hover { color: #fff; font-size: 10px; }
.titles a:link, .titles a:visited, .titles a:active { text-decoration: none; font-size: 20px; font-family: Georgia; margin-top: 10px; color: #6a909f; float: left; margin-bottom: 15px; clear: both; }
.post-title { line-height:40px; margin: 15px 0px 20px 0px; border-bottom: 1px solid #666;}
.post-title2 { margin: 0px 0px 20px 0px; }
#header { width: 950px; margin-top: 0px; height: 219px; float: left; }
#container { float: left; width: 948px; background-color: #fff;color: #000;border: 1px solid #222; background-image: url(images/bg-rule.gif);background-repeat: repeat-y; background-position: 648px 0px;}
#container2 { float: left; width: 950px; margin-top: 15px; padding-top: 15px; }
#left-div { width: 638px; float: left; padding: 10px 0px 30px 10px;}
#left-div2 { width: 663px; float: left; padding: 0px 0px 15px 15px; }
#left-div3 { width: 244px; float: left; padding: 0px 0px 20px 20px; }
#left-inside { float: left; padding: 0px 0px 0px 19px; }
.adwrap { margin-left: -5px; float: left; width: 270px; }
.adwrap a, .adwrap a:hover, .adwrap a:visited { margin-right: 5px; margin-bottom: 5px; display: block; float: left; }
#about-image { float: left; display: inline; margin-right: 10px; margin-top: 10px; border: 1px solid #333; }
.post-info { color: #333; font-size: 10px;float: left;padding: 4px 10px; clear: both; height: 22px; }
.post-info2 { height: 22px; float: left; border-right: 1px solid #3d3d3d; border-top: 1px solid #3d3d3d; border-bottom: 1px solid #3d3d3d; background-image: url(images/ratings-bg.gif); color: #fff; padding: 4px 10px; }
.post-info a:link, .post-info a:visited { /*color: #fff;*/ }
.logo { border: none; float: left; }
.current-category { font-size: 18px; border-bottom: 1px solid #fff; padding: 0px 10px; display: block; margin-bottom: 10px;margin-top: 10px;}
.ad_468 { position: absolute; left: 403px; top: 20px; }
#right-div { width: 655px; float: right;}

/*------------------------------------------------*/
/*-------------[PORTFOLIO LAYOUT INFO]------------*/
/*------------------------------------------------*/


.portfolio-title { font-size: 36px; color: #e99f1c;text-transform:lowercase;}



/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
#footer { clear: both; float: left; padding-top: 14px; font-size: 10px; font-weight: normal; width: 100%; height: 50px; }
.footer-inside { margin: auto; width: 940px; padding: 0px 10px 0px 0px; text-align: right; }
.footer-insie a:link, .footer-insie a:visited { color: #fff; }
#bottom { padding: 15px 1px 15px 15px; width: 934px;}
.bottom-box { width: 294px; background-color: #212121; border-bottom: 5px solid #1d1d1d; float: left; margin-right: 17px; }
.bottom-box2 { width: 294px; background-color: #212121; border-bottom: 5px solid #1d1d1d; float: left; margin-right: 17px; min-height: 299px; }
.bottom-box2 h3 { color: #868686; font-size: 20px; margin-left: 10px; }
.bottom-box-inside { width: 274px; margin-left: 10px; padding: 10px 0px; float: left; background-image: url(images/line-bg.gif); background-repeat: repeat-x; background-position: top; }
.bottom-box h3 { color: #868686; font-size: 20px; margin-left: 10px; }
.bottom-span { width: 193px; display: block; color: #939393; float: left; }
.bottom-span a:link, .bottom-span a:visited { font-size: 14px; }
.bottom-span2 { width: 193px; color: #56adff; display: block; float: left; }
.bottom-span3 { width: 193px; color: #939393; display: block; float: left; }
.bottom-span3 a:link, .bottom-span3 a:visited { color: #939393; }
.bottom-thumbnail { background-color: #313131; border: 1px solid #464646; padding: 4px; float: left; display: inline; margin-right: 12px; position: relative; }
.bottom-thummbail-hover-wrap { position: relative; display: none; }
.bottom-thumbnail-hover { width: 59px; height: 59px; b
ackground-image: url(images/thumbnail-overlay.png); z-index: 5; position: absolute; float: left; }


/*------------------------------------------------*/
/*--------------------[HOMEPAGE SIDEBAR]-------------------*/
/*------------------------------------------------*/
#sidebar { width: 290px; margin-top: 0px; float: left;}
		.sidebar-box { width: 240px; }
				.sidebar-box-inside {width: 240px; left; padding-left: 10px; padding-right: 10px; padding-top: 10px;padding-bottom: 20px;color:#000;border-bottom: 1px solid #fff; }
				.sidebar-box-inside a {color:#000;}
						.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { color: #000; /*display: block;*/ padding: 3px 8px 5px 8px; }
						.sidebar-box ul li { margin: 5px 3px 3px 5px; clear: both; }
						.sidebar-box ul { list-style-type: none; clear: both; margin-left: 0px; padding-left: 0px; margin-top: 0px; padding-top: 0px; }
						.sidebar-box ul li a:hover { color: #000;text-decoration: underline; }
						.sidebar-box-title { font-size:1.23077em;
line-height:1.3125em;
margin-bottom:0.65625em;
margin-top:1.96875em;}
						.sidebar-box-subhead { font-size: 16px; color: #fff;text-transform:lowercase;text-align:center;margin-bottom: 20px;}
						
/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/						
						
						#sidebar2 { float: left; width: 240px; margin-top: 0px; }
		.sidebar2-box { float: left; width: 240px; }
				.sidebar2-box-inside { width: 240px;float: left; padding-left: 40px; padding-right: 10px; padding-top: 10px;padding-bottom: 30px;color:#000;}
						.sidebar2-box ul li a:link, .sidebar2-box ul li a:visited, .sidebar2-box ul li a:active { color: #000; /*display: block;*/padding: 3px 8px 5px 8px; }
						.sidebar2-box ul li { margin: 5px 3px 3px 5px; clear: both; }
						.sidebar2-box ul { list-style-type: none; clear: both; margin-left: 0px; padding-left: 0px; margin-top: 0px; padding-top: 0px; }
						.sidebar2-box ul li a:hover { color: #000;text-decoration: underline; }
						.sidebar2-box-title { font-size: 18px; color: #56adff; margin-bottom: 10px; float: left; }



/*------------------------------------------------*/
/*------------------[THUMBNAILS]------------------*/
/*------------------------------------------------*/
.thumbnail-wrap { float: left; margin: 0px 9px 9px 0px; width: 203px; height: 118px; }
.thumbnail-category { margin: 0px 7px 18px 7px; }
.thumbnail-div { float: left; padding: 1px; width: 203px; height: 118px; border: 1px solid #ccc;text-align: center;background-color: #fff;}
div.thumbnail-div a {color: #000;font-weight: bold;}
.thumbnail-div .sections-overlay { background: url(images/thumbnail-overlay.png) no-repeat -40px -300px; width: 202px; height: 95px; margin-top: -33px; float: left; }
.thumbnail-shadow { width: 100%; float: left; height: 33px; }
.thumbnail-div .sections-overlay .zoom { margin: 35px 0px 0px 0px; }
.thumbnail-bottom { margin: 5px 0px 0px -5px; }
.thumbnail-single { /*border: 1px solid #ccc;*/ width: 606px; height: 364px; }
.blogthumbnail { border: 1px solid #ccc; display: inline; float: left; margin-right: 15px; }


/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/
/*.comments-wrapper { width: 585px; padding: 61px 15px 15px 15px; float: left;}
#commentform { margin: 10px 0px 0px 20px; }
#commentform textarea { border: 1px solid #333; width: 350px; padding: 10px; color: #000; }
#commentform #email { font-size: 13px; background: #222; border: 1px solid #333; width: 207px; height: 20px; padding-left: 13px; padding-top: 6px; margin-bottom: 3px; color: #fff; }
#commentform #author { font-size: 13px; background: #222; border: 1px solid #333; width: 207px; height: 20px; padding-left: 13px; padding-top: 6px; margin-bottom: 3px; color: #fff; }
#commentform #url { font-size: 13px; background: #222; border: 1px solid #333; width: 207px; height: 20px; padding-left: 13px; padding-top: 6px; margin-bottom: 3px; color: #fff; }
.commentmetadata { text-transform: uppercase; color: #fff; font-size: 12px; text-transform: uppercase; margin-top: 10px; display: block; background-color: #222222; border: 1px solid #333333; padding: 2px 10px; width: 190px; }
#comments { margin: 0px 0px 15px 6px; color: #fff; }
.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited { color: #fff; }
.fn, .fn a:link, .fn a:hover, .fn a:visited, .says { color: #56adff; font-family: Georgia; font-size: 17px; font-style: normal; }
.avatar { border: 5px solid #222222; margin-bottom: -15px; margin-right: 10px; width: 40px; height: 40px; }
.comment { border-bottom: 1px solid #222222; margin-bottom: 15px; float: left; clear: both; width: 100%; list-style: none; }
.children .comment { border-top: 1px solid #222222; border-bottom: none; padding-top: 15px; margin-bottom: 0px; }
.comment-reply-link, .comment-reply-link:visited { color: #171717 !important; display: block; font-weight: bold; background-color: #c4c4c4; padding: 2px 7px; float: right; text-transform: lowercase; font-size: 11px; border: 1px solid #fff; margin-bottom: 10px; margin-top: -10px; }
.commentlist { float: left; margin-left: 0px; padding-left: 10px; }
.comment-reply-link:hover { background-color: #fff; }
.cancel-comment-reply a:link, .cancel-comment-reply a:visited { color: #171717 !important; display: block; font-weight: bold; background-color: #c4c4c4; border: 1px solid #fff; padding: 0px 5px; text-transform: lowercase; font-size: 10px; float: left; clear: both; }
#commentform { clear: both; float: left; }
.cancel-comment-reply a:hover { background-color: #fff; }
#respond { float: left; width: 100%; }
#respond h3 { color: #fff; margin-left: 20px; margin-top: 0px; }
*/

/* Begin Comments*/

.commentlist {
padding: 0px;
margin: 0px 0px 0px 17px;
width: 560px;
background-image: url(images/comment-bg.gif);
list-style-image: none;
list-style-type: none;
float: left;
}

.commentlist li {
	font-weight: bold;
	width: 560px;
	display: block;
	background-image: url(images/comment-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px 0px 45px 0px;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	float: left;
	}

.commentlist li div {
	width: 540px;
	display: block;
	background-image: url(images/comment-top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 10px;
	float: left;
}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite {
	font-size: 18px;
	float: left;
	font-style: normal;
	margin-left: 10px;
	margin-right: 6px;
	margin-top: 5px;
	font-weight: normal;
	}
	
.says {
display: none;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	display: block;
	float: left;
	width: 90%;
	margin-left: 3%;
	}
	

#commentform p {
clear: both;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentlist .children li {
	width: 90%;
	display: block;
	margin: 0px;
	background-color: #FDFDFD;
	background-image: url(images/comment-children-bg.gif);
	background-position: left;
	background-repeat: repeat-y;
	border: 1px solid #E2E2E4;
	overflow: hidden;
}

.commentlist .children li div {
width: 97%;
padding: 3%;
background-image: url(images/comment-children-top.gif);
background-repeat: no-repeat;
background-position: top left;
}

.commentlist .commentmetadata {
	font-weight: normal;
	float: left;
	margin: 5px 0px 0px 0px;
	display: block;
	clear: both;
	background-image: none;
	width: 90%;
	margin-left: 3%;
	}
	
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta   {
	background-image: none;
	width: 100%;
	padding: 0px !important;
}

.commentlist .reply, .commentlist .children .reply {
	float: right;
	background-image: none;
	width: 54px;
	height: 22px;
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 10px;
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover {
	background-image: url(images/reply.gif);
	width: 39px;
	height: 17px;
	display: block;
	color: #FFF;
	font-size: 8px;
	text-transform: lowercase;
	font-weight: normal;
	padding: 5px 0px 0px 15px;
	letter-spacing: 1px;
}

.commentlist .children li {
padding-bottom: 10px;
}

.commentlist .children li ul li {
padding-bottom: 10px;
background-color: #FFF;
}

#respond {
margin-top: 20px;
float: left;
background-image: none;
}

.commentlist #respond h3, .commentlist #respond a {
margin-left: 28px;
}

#comments {
line-height: 30px;
}

.children {
clear: both;
}

.children .commentmetadata, .children .vcard  {
	background-image: none;
}


.children textarea {
width: 90% !important;
}

.children input {
width: 80% !important;
}

#cancel-comment-reply-link {
display: block;
background-image: url(images/comment-close.gif);
width: 144px;
height: 21px;
padding: 5px 0px 0px 23px;
font-weight: normal;
color: #84878E;
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#respond div {
background-image: none;
}

#submit {
width: 120px !important;
}

#commentform {
margin: 1em 0;
background: #FFFFFF;
margin-left: 20px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 545px;
}

#commentform #email {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(images/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #author {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #email:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(images/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #author:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;

width: 280px;
background-image: url(images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform input {
margin-bottom: 3px;
}


/* End Comments */

/*------------------------------------------------*/
/*-----------------[FEATURED SLIDER]--------------*/
/*------------------------------------------------*/
.featured { background-image: url(images/bg-tv.jpg); background-position: right; background-repeat: no-repeat; width: 948px; height: 364px; margin-top: 15px; float: left;border: 1px solid #111;}
.featured-info { color: #e99f1c; font-size: 14px;}
#sections { width: 664px; height: 364px; float: left; overflow: hidden; /*border: 1px solid #fff;*/}
#sections ul { width: 10000px; padding: 0; margin: 0; height: 364px; float: left; list-style-image: none; display: block; }
#sections li { width: 664px; height: 364px; display: block; float: left; }
.sections-overlay { background-image: url(images/readmore-bg.png); width: 100%; height: 100%;}
.sections-overlay .zoom { margin: 165px 0px 0px 312px; border: none; }
#featured-right { width: 262px; height: 364px; float: right;}
#sections2 { width: 262px; height: 296px; float: right; overflow: hidden; }
.featured-readmore { padding: 0px 10px 3px 10px; display: block; float: right; margin-top: 5px; }
#sections2 ul { width: 262px; padding: 0; margin: 0; height: 5000px; float: left; list-style-image: none; display: block; }
#sections2 li { width: 227px; height: 257px; display: block; float: left; padding: 20px; }
.featured-title a { color: #e99f1c; font-size: 18px;}
#featured-button { width: 261px; height: 66px; float: right; }
.prev { width: 22px; height: 19px; cursor: pointer; float: left; background-image: url(images/arrow-left.gif); margin-top: 18px; margin-left: 10px; background-repeat: no-repeat;}
.next { width: 22px; height: 19px;  cursor: pointer; float: right; background-image: url(images/arrow-right.gif); margin-top: 18px; margin-right: 10px;  background-repeat: no-repeat;}
.play { width: 22px; height: 19px; cursor: pointer; float: right; background-image: url(images/arrow-play.gif); margin-top: 18px; margin-left: 90px; background-repeat: no-repeat;padding-left:15px;font-size: 10px;}
.prev-hover { width: 22px; height: 19px; cursor: pointer; background-image: url(images/arrow-left-hover.gif);  background-repeat: no-repeat;}
.next-hover { width: 22px; height: 19px;  cursor: pointer; background-image: url(images/arrow-right-hover.gif);  background-repeat: no-repeat;}
.play:hover { width: 22px; height: 19px;  cursor: pointer; background-image: url(images/arrow-play-hover.gif);  background-repeat: no-repeat;}


/*------------------------------------------------*/
/*-------------[CAPTIONS AND ALIGNMENTS-----------*/
/*------------------------------------------------*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }


/*------------------------------------------------*/
/*------------------[NAVIGATION]------------------*/
/*------------------------------------------------*/
.logowrap { float: left; width: 950px; margin-top: 40px; }
.logowrap ul { float: left; margin: 0px 0px 0px 0px; padding: 0px; }
.logowrap ul li { float: left; display: block; margin-left: 10px; }
.logowrap ul li a {color: #fff;} 
.logowrap ul li a:link, .logowrap ul li a:visited { padding: 5px 10px; display: block; font-size: 14px; text-transform:lowercase; }
.logowrap ul li a:hover, .logowrap ul a.current_page_item, .logowrap ul li.current_page_item a, .logowrap ul li.current-cat-parent a, .logowrap ul li.current-cat a, li.cat-item a.active_category{ color:#E99F1C;text-decoration: none;}
div.navigation {margin-top: 32px;border-top: 1px solid #8c8c8c; border-bottom: 2px solid #8c8c8c;}
		/*------------------[DROPDOWN MENU]------------------*/
		
		.navigation {float: right; }
				.nav ul { position:absolute; top:-999em; }
		.nav li { float:left; position:relative; z-index:9; }
		
		.nav ul li { width: 100%; }
		.nav li:hover ul, ul.nav li.sfHover ul { left:-40px; top:7px; }
		.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:161px; top:-26px; }
		.nav li:hover ul, .nav li li:hover ul { top: -999em; }
		.nav li li { padding: 0px; }
		.nav li:hover { }
		.nav li li a:link, .nav li li a:visited { width: 180px; display: block; background-image: url(images/pages-bg-2.gif) !important; background-position: 400px 0px; background-color: #333333; border: 1px solid #888; font-size: 11px;}
		.nav li li a:hover { }


/*------------------------------------------------*/
/*------------------[SEARCH FORM]-----------------*/
/*------------------------------------------------*/
#searchform { margin-right: 20px; margin-bottom: 15px; }
.search_bg { float: right; margin-top: 18px; margin-left: 10px; }
.search_bg #s { background: #FFF; font-size:11px; color:#fff; font-family: Helvetica, Arial, Verdana; width:150px; vertical-align:middle; padding:10px; border: 1px solid #e5e3d3; }
.search_bg #searchsubmit { background-color: #56adff; color: #fff; font-weight: bold; cursor: pointer; border: 5px solid #f6f6e9; vertical-align:middle; text-transform: lowercase; margin-left: 10px; height: 30px; padding-bottom: 10px; }


/*------------------------------------------------*/
/*---------------[CATEGORIES DROPDOWN]------------*/
/*------------------------------------------------*/
#categories-button, #categories-button1, #categories-button2, #categories-button3, #categories-button4 { float: left; cursor: pointer; margin-top: 26px; padding-left: 20px;background-image: url(images/menu-portfolio_bg.gif);background-repeat: no-repeat;width: 239px; height: 23px;}
#categories-button-all { float: left; cursor: pointer; margin-top: 26px; padding-left: 20px;background-image: url(images/menu-portfolio_all.gif);background-repeat: no-repeat;width: 239px; height: 23px;}

#categories-button-all a {color: #fff;}
#categories-dropdown, #categories-dropdown1, #categories-dropdown2, #categories-dropdown3, #categories-dropdown4 { width: 237px; position: absolute; left: 0px; top: 0px; display: none; }
.categories-inside { width: 237px; background-image: url(images/categories-bg.gif); background-repeat: repeat-x; background-color: #101010; float: left; }
.categories-inside ul { width: 237px; padding: 0px; margin: 0px; float: left; list-style-type: none; }
.categories-inside ul li { display: block; float: left; padding: 5px 10px; margin: 2px 0px; list-style-type: none; }
.categories-inside ul li a:link, .categories-inside ul li a:visited { display: block; float: left; padding: 5px 10px; margin: 2px 0px; width: 182px; /*border: 1px solid #464646; background-color: #2c2c2c;*/ margin-left: 8px; border: 1px solid #101010;}
.categories-inside ul li a:hover { border: 1px solid #e99f1c;text-decoration: none;}
.categories-top { float: left; }





/* Accordion Slider Nav Styles here */


#navigation {
	
	margin:0px;
	padding:0px;
	text-indent:0px;
	height: 0px;
	}
#navigation a.head {
	cursor:default;
	border-bottom:1px solid #000;
	color:#000;
	display:block;
	font-weight:bold;
	text-decoration: none;
	font-size: 13px;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 5px;
	background-image: url(images/icon_collapsed.gif); background-repeat:no-repeat; background-position:5px 7px;
}



#navigation .head:hover {
	color:#fff;
	background-color: #f36d00;
	background-image: none;
	background-image: url(images/icon_expanded_wh.gif); background-repeat:no-repeat; background-position:5px 7px;
}
#navigation a.selected {
	background-image: url(images/icon_expanded.gif); background-repeat:no-repeat;background-position:5px 7px;
}
#navigation a.current {
	color:#f36d00;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:#333;
	display:block;;
	text-decoration: none;
	
	font-size: 12px;
	font-weight: normal;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
}
	
#navigation li li a:hover {
		
	color:#f36d00;;
	background-image: url(images/icon_collapsed.gif); background-repeat:no-repeat; background-position: 15px;
	
	
}

a.backtoporfolio {

background-image:
url(images/backtoportfolio-1.gif);
background-repeat:no-repeat;
width: 100px;
height: 50px;
border:none;}


div.playvideo {

background-image:
url(images/button-play-video.png);
background-repeat:no-repeat;
width: 217px;
height: 46px;
border:none;}

div.playvideo a {width: 217px; height: 46px;}