/* Colour Codes
------------------------------------------- 

	Dark Gray: #333333
	Middle Gray: #4E4E4E
	Light Gray: #E6E6E6
	Light Red: #B30000
	Dark Red: #990000

*/



/* -------------------------------------------
project:  Made1 in Hollywood
date:    2008/10/27
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #666; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.5em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}
html {height: 100.01%;}
:focus { outline: 0; }

.left { float: left; }
.right { float: right; }


/* basic text elements */
h1 {margin: 20px 0 0 0; color: #999; font-size: 1.9em; font-style: italic; font-weight: normal; line-height: 1.3em;}
h2 {margin: 30px 0 10px 0; color: #ad0000; font-size: 1.7em; font-style: italic; font-weight: bold;}
h3 {width: 300px; margin: 1em 0 0.5em 0; font-size: 1.3em; font-style: italic;}
h4 {margin: 2em 0 0.5em 0; color: #ad0000; font-size: 1em;}
h4 a { color: #ad0000;}
p {margin: 1em 0 1em 0;}
	p a, p a:visited, blockquote a, blockquote a:visited {color: #ad0000; text-decoration: underline;}
	p a:hover, blockquote a:hover { text-decoration: none;}
ul, ol {margin: 1em 0 1em 0;}
ul li {list-style: none; margin: 0 0 0 20px; padding-left: 10px; background: url(../_images/design/bullet.png) left 9px no-repeat;}
ol li {margin: 20px 0 10px 20px; }
blockquote { margin: 0 0 0 10px; }

/* basic form elements */
fieldset {border: none;}
legend {border: none; font-weight: bold;}
label {display: block; float: left; clear: left; width: 105px; margin: 6px 0 5px 0; padding: 2px 0 2px 0; color: #666; font-weight: bold;}
input {
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
	input.chk, input.radio {width: auto; border: none;}
textarea {width: 275px; height: 100px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #ccc; background: #fff;}
select {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}
button {border: none; cursor: pointer;}

/* layout
------------------------------------------- */
#header-wrapper {height: 80px; border-bottom: 3px solid #fff; background: url(../_images/design/top1.png) repeat-x;}
	#header {width: 955px; margin: 0 auto;}
		#logo {display: block; float: left; overflow: hidden; width: 196px; height: 55px; margin-top: 13px; background: url(../_images/design/logo.png) no-repeat; text-indent: -10001px;}
		#header #logoWrap {margin: 0; padding: 0;}
	#mainmenu {float: right; margin: 0; padding: 1px;}
		#mainmenu li {list-style: none; float: left; margin: 25px 0 0 5px; padding: 0; background: none;}
			#mainmenu li a, #mainmenu li a:visited {display: block; float: left; height: 32px; padding: 0 0 0 9px; text-decoration: none;}
			#mainmenu li a .link {display: block; float: left; height: 32px; padding: 0 9px 0 0; line-height: 25px;} 
			#mainmenu li a .arrow {display: block; float: left; height: 25px; padding-bottom: 7px; color: #fff; font-size: 1.1em; line-height: 25px;}
			#mainmenu li a:hover, #mainmenu li a.current, #mainmenu li a.current:visited {background: url(../_images/design/mm1.png) left top no-repeat;}
			#mainmenu li a:hover .link, #mainmenu li a.current .link, #mainmenu li a.current:visited .link {background: url(../_images/design/mm2.png) right top no-repeat;}
			#mainmenu li a:hover .arrow, #mainmenu li a.current .arrow, #mainmenu li a.current:visited .arrow {background: url(../_images/design/mm3.png) center bottom no-repeat;}
			#mainmenu li a span {cursor: pointer;}

#title-area-wrapper {background: url(../_images/design/top2.png) center bottom repeat-x;}
	#title-area {position: relative; width: 955px; height: 59px; margin: 0 auto; padding-top: 1px;}
	#title-area.with-tabs {height: 89px;}
		#title-area h1 {margin-top: 18px; line-height: 1em;}
		#title-area p {float: left; margin: 0 10px 0 0; padding-right: 12px; background: url(../_images/design/arrow-white.gif) right 12px no-repeat; color: #fff; font-weight: bold; font-size: 1.1em; line-height: 29px;}
		#title-area p#tabs-title {position: absolute; bottom: 0;}
		#title-area p#slogan {float: right; margin: 14px 0 0 0; padding: 0; background: none; color: #999; font-family: "Lucida Sans"; font-size: 1.1em; text-align: right;}
			#title-area p#slogan strong {color: #fff; font-size: 1.3em; font-weight: normal; font-family: "Lucida Sans";}
		#tabs {position: absolute; bottom: 0; left: 0; z-index: 50; float: left; height: 29px; margin: 0;}
			#tabs li {float: left; list-style: none; margin: 0 2px 0 0; padding: 0;}
				#tabs a, #tabs a:visited {display: block; float: left; height: 29px; padding: 0 0 0 13px; background: url(../_images/design/tabs1.png) left top no-repeat; font-size: 1.1em; font-weight: bold; line-height: 29px; text-decoration: none;}
				#tabs a span, #tabs a:visited span {display: block; float: left; height: 29px; padding: 0 17px 0 4px; background: url(../_images/design/tabs2.png) right top no-repeat; color: #7f7f7f; line-height: 29px;}
				#tabs a.current, #tabs a.current:visited {background-position: left bottom;}
				#tabs a.current span, #tabs a.current:visited span {background-position: right bottom; color: #ad0000;}
				#tabs a:hover { color: #fff; }
				#tabs a:hover span { color: #fff;}
				#tabs a.current:hover { color: #ad0000; }
				#tabs a.current:hover span { color: #ad0000;}

#page-intro-wrapper {background: #e6e6e6 url(../_images/design/top3.png) left bottom repeat-x;}
	#page-intro {position: relative; width: 955px; height: 235px; margin: 0 auto;}
	#page-intro strong { color: #B30000; }
	#subpage-intro {width: 625px; margin: 0 auto; padding: 5px 330px 5px 0; overflow: hidden; height: 88px;}
		#subpage-intro p {margin: 0.3em 0 0.3em 0; font-size: 1.25em; font-style: italic; color: #666;}
	#main {float: left; width: 625px; padding: 5px 0 20px 0; }
	#main h2 { font-size: 1.4em; }
	#main p { line-height: 180%; margin: 0 0 15px 0; }
	#main strong { color: #333333;  }
	#sidebar {float: right; width: 315px; margin-top: -80px;}
		#side-photo-holder {width: 290px; padding: 12px 14px 18px 16px; background: url(../_images/design/side-photo-back.png) no-repeat;}
#content {overflow: visible; width: 955px; margin: 0 auto; padding-bottom: 20px;}
	.quote { background: url(../_images/design/quote-bg.png) no-repeat; padding-left: 80px; margin-left: 0; min-height: 60px; }
	.picLeft, .picRight { border: 1px solid #AD0000; padding: 2px; height: 150px; width: 200px; text-align: center; overflow: hidden;}
	.picLeft { float: left; margin: 5px 5px 0 0;  }
	.picRight { float: right; margin: 5px 0 0 5px; }
	.servWrap { overflow: hidden; }
	.servPortfolioLink { padding: 20px 20px 5px 20px; margin-top: 20px; background: #E4E4E4; overflow: hidden; height: 135px; }
	.servPortfolioLink h5 { font-size: 1.3em; padding-bottom: 8px; color: #990000; }
	#pfSplitWrap { overflow: hidden; }
	#pfSplitLeft { float: left; text-align: center; font-weight: bold; }
	#pfSplitRight { float: right; text-align: center; font-weight: bold;}
	#pfSplitLeft img, #pfSplitRight img { border: 1px solid #ccc; padding: 4px; }
	#sitemap { padding: 15px 0 0 10px; } 
	#sitemap ul { margin: 0; }
	#sitemap ul li { margin: 8px 0 8px 10px; }
	#sitemap .time { color: #ccc; }


.gallery { float: left; clear: both; padding-bottom: 1em; }

.gallery ul.thumbnails { list-style: none; width: 300px; margin: 0 0 0 0; padding: 0 10px; }
.gallery ul.thumbnails li { padding: 2px; background: none; margin: 0; display: inline; }
.gallery ul.thumbnails li a { margin: 4px; float: left; padding: 2px; height: 64px; border: 1px solid #ccc; }
.gallery ul.thumbnails li a img { margin-left: 0; border: 2px solid #fff;  }
.gallery ul.thumbnails li a:focus, .gallery ul.thumbnails li a:hover { background: #AE0000; border: 1px solid #AE0000; }
.gallery ul.thumbnails li a:focus img, .gallery ul.thumbnails li a:hover img { border-color: #fff; }

.wrapNextPrev { width: 100%; float: left; }
.wrapNextPrev a { color: #FFFFFF; text-decoration: none; font-weight: bold; }
.wrapNextPrev a:hover { color: #FFFFFF; text-decoration: underline; }
.wrapNextPrev .wrapPrev { float: left; background: url(../_images/design/prev.png) no-repeat; width: 40px; height: 28px; padding: 5px 0 0 20px; margin-left: 5px; }
.wrapNextPrev .wrapNext { float: right; background: url(../_images/design/next.png) no-repeat; width: 50px; height: 33px; padding: 5px 0 0 10px; }

.gallery .fuc { position: absolute; float: right; width: 626px; height: 471px;  border: 2px solid #AE0000; border-left: 0; border-right: 0; background: #E6E6E6; text-align: center; margin-top: 20px; }
.gallery .fuc .imageWrap { border: 2px solid #fff; border-right: 0; border-left: 0; padding: 8px; height: 457px; }
.gallery .fuc img {  }
.gallery .fuc .descWrap { position: absolute; left: 0; bottom: 0; width: 606px; padding: 10px 10px; border-top: 2px solid #AE0000; background: #252525; overflow: hidden; height: 72px; text-align: left; }
.gallery .fuc .description { position: absolute; left: 0; bottom: 0; width: 606px; padding: 10px 10px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #1B1B1B; overflow: hidden; height: 68px; text-align: left; }
.gallery .fuc .description h3 { color: #FFFFFF; font-size: 1.2em; margin: -3px 0 3px 0; width: 100%; }
.gallery .fuc .description h3 a { color : #FFFFFF; text-decoration : underline; }
.gallery .fuc .description p { padding-bottom: 0; color: #999999; font-size: 1em; }
.gallery .fuc .description p a { color : #999999; }
.otherPortfolio { text-align: center; font-weight: bold; margin-top: -5px; }




#footer-wrapper {position: relative; padding: 40px 0 0 0; background: #252525 url(../_images/design/bottom1.png) left top repeat-x;}
	#footer1 {width: 470px; margin: 0 auto; padding-left: 485px;}
		#footer1 img {float: right;}
		#footer1 h3 {margin-top:0; margin-bottom: -0.3em; color: #fff;}
		#footer1 p, #footer1 p * {color: #999;}
		#footer1 p .org {color: #ccc; font-weight: bold;}
		#footer1 a, #footer1 a:visited {text-decoration: none;}
		#footer1 a:hover {text-decoration: underline;}
	#footer2 {padding: 20px 0 50px 0; border-top: 1px solid #373737; background: #1b1b1b;}
		#footer2 p {width: 470px; margin: 0 auto; padding-left: 485px; color: #666; font-size: 0.9em;}
		#footer2 p a, #footer2 p a:visited {color: #666; text-decoration: none;} 
		#footer2 p a:hover {color: #999;}
	#recent-posts-wrapper {position: absolute; left: 50%; top: 0; width: 460px; margin: 0 0 0 -480px; padding: 2px; border: 2px solid #ad0000; background: #fff;}
		#recent-posts {padding: 20px 20px 10px 20px; background: #1b1b1b;}
			#recent-posts h3 {margin-top: 0; margin-bottom: -0.3em; color: #fff;}
			#recent-posts ul li {list-style: none;  margin: 0.5em 0 0.5em 0; padding-left: 40px; color: #ccc; background: none;}
				#recent-posts li a, #recent-posts li a:visited {color: #ccc; }
				#recent-posts ul li .time {color: #666; }
				#recent-posts ul li .comment-count {display: block; float: left; width: 30px; height: 24px; margin-left: -40px; margin-top: 10px; background: url(../_images/design/bubble-gray.png) center center no-repeat; color: #fff; font-weight: bold; line-height: 20px; text-align: center;}
	
/* various classes and styles
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.hint {color: #999; font-size: 0.9em;}
.l {float: left; margin: 0px 10px 10px 0; padding: 2px; border: 2px solid #e6e6e6;}
h2.first {margin-top: 20px;}
a.button, a.button:visited {display: block; width: 160px; height: 36px; background: url(../_images/design/button.png) no-repeat; color: #fff; line-height: 30px; text-align: center; text-transform: capitalize; text-decoration: none;}
a.button:hover {color: #fff; text-decoration: underline;}

p.person-link {margin-top: -0.7em;}
p.person-link a, p.person-link a:visited {color: #3f3f3f;}

.qt {position: absolute; top: -90px; left: 0; z-index: 1; width: 560px; padding: 90px 0 0 0;}
	#qt-img-holder {position: relative; top: -75px; float: right; width: 354px; height: 265px; margin: 0 0 -90px 15px; padding: 12px 17px 20px 17px; background: url(../_images/design/header-image-back.png) center center no-repeat;}
	#qt-img-holder img {position: absolute; left: 17px; top: 12px;}
	.qt p {margin: 0.7em 0 0.7em 0; color: #666;}
	.qt p.lead {margin-bottom: 0em; color: #333; font-size: 0.9em; }

ul.links {position: relative; z-index: 50; width: 100%; height: 46px; margin: 15px 0 0 0;}
	ul.links li {list-style: none; list-style-image: none; width: 200px; margin: 0; padding: 0; background: none;}
	ul.links li.link-l {float: left;}
	ul.links li.link-r {float: right;}
		ul.links a.button,ul.links a.button:visited {float: left; background: url(../_images/design/button-gray.png) no-repeat;}
		a.continue {float: right; padding-right: 10px; background: url(../_images/design/arrow-gray.gif) right center no-repeat; color: #666; font-weight: bold; font-size: 1.1em; line-height: 30px;}
		a.continue:hover {color: #ad0000;}
		
.lhalf {float: left; width: 470px;}
.rhalf {float: right; width: 477px; }
	.rhalf h2 {margin-left: 8px;}
	.rhalf h2, .lhalf h2 {margin-top: 20px; margin-bottom: 10px;}
	.rhalf p, .rhalf li, .lhalf p, .lhalf li {color: #333;}
	.rhalf h2, .lhalf h2 {margin-bottom: 5px; font-size: 1.6em;}
	.rhalf p, .lhalf p {margin-left: 10px;}
	.rhalf li, .lhalf li {margin-left: 30px;}
	.rhalf .lborder {padding-left: 7px; border-left: 1px solid #e6e6e6;}
	.main-illustr {padding: 5px; border: 5px solid #e6e6e6; background: #fff;}
	p.more {float:right; width: 160px; margin: 30px 10px 0 0; padding-right: 10px; background: url(../_images/design/arrow-red.gif) right 12px no-repeat;}
	p.more2 {float:left; width: 160px; margin: 0 10px 0 0; padding-right: 10px; background: url(../_images/design/arrow-red.gif) right 12px no-repeat;}


/* special sections and elements
------------------------------------------- */
#enquiry {width: 310px; margin: 0 auto; margin-top: 20px; padding: 7px 0 0 0; background: url(../_images/design/enq-form-top.png) left top no-repeat;}
	#enquiry form {margin: 0; padding: 0 0 12px 0; background: url(../_images/design/enq-form-bottom.png) left bottom no-repeat;}
	#enquiry form fieldset {width: 285px; padding: 20px 15px 0 15px; background: url(../_images/design/enq-form-middle.png) left top repeat-y;}
		#enquiry form fieldset p {width: 280px; margin: 0; text-align: center;}
	#enquiry legend {display: none;}
	#enquiry h4 {position: relative; top: -20px; width: 160px; height: 35px; margin: 0 auto; margin-bottom: -35px; background: url(../_images/design/button-transparent.png) no-repeat; color: #fff; font-weight: bold; line-height: 30px; text-align: center;}
	#enquiry input {width: 170px;}
	#enquiry button {padding: 2px 7px 2px 7px; border: 1px solid #ccc; background: #ad0000; color: #fff; font-weight: bold;}
	
#siparis {width: 625px; margin: 0 auto; margin-top: 20px; padding: 7px 0 0 0;}
	#siparis form {margin: 0; padding: 0 0 12px 0;}
	#siparis form fieldset {width: 600px; padding: 20px 15px 0 15px;}
		#siparis form fieldset p {width: 595px; margin: 0; text-align: center;}
	#siparis h4 {position: relative; top: -20px; width: 625px; height: 35px; margin: 0 auto; margin-bottom: -35px; background: url(../_images/design/topic-transparent.png) no-repeat; color: #fff; font-weight: bold; line-height: 30px; text-align: left;}
	#siparis button {padding: 2px 7px 2px 7px; border: 1px solid #ccc; background: #ad0000; color: #fff; font-weight: bold;}	

.blog-post .blog-header {width: 610px; height: 32px; margin: 20px 0 10px -10px; padding: 0 10px 0 10px; background: url(../_images/design/blog-post-header.png) no-repeat;}
	.blog-header h2 {float: left; margin: 2px 5px 0 0; font-size: 1.5em; line-height: 32px;}
		h2 a, h2 a:visited {margin-top: 5px; color: #ad0000; text-decoration: none;}
		h2 a:hover {text-decoration: underline;}
	.blog-header .post-time {float: right; width: 200px; margin: 5px 0 0 0; color: #999; text-align: right; padding: 6px 0 0 0; }
		.post-time a, .post-time a:visited {color: #999; text-decoration: none;}
		.post-time a:hover {text-decoration: underline;}
	.blog-header .comment-count {float: left; width: 30px; height: 24px; font-size: 13px; margin: -12px 0 0 5px; background: url(../_images/design/bubble-red.gif) no-repeat; color: #fff; font-weight: bold; line-height: 20px; text-align: center;}
	.blog-header .comment-count a { color: #fff; text-decoration: none; }
	.blog-header .comment-count a:hover { color: #fff; text-decoration: underline; }
	
.vimeoWrap { margin: 40px 0 40px 100px; width: 400px; padding: 5px; border: 5px solid #ededed; }
	
	
.blog-post p {color: #333;}
.blog-post p.posted {clear: both; margin: -0.5em 0 0 0; color: #999;}
.blog-post .post-end {margin: 1em 0 30px -10px; border-top: 5px solid #dadada; text-align: right; width: 610px;}
	.blog-post .post-end a, .blog-post .post-end a:visited {color: #999; text-decoration: none;}
	.blog-post .post-end a:hover {color: #333;}
.image-box {float: right; margin: 10px 0 10px 10px; padding: 7px; border: 1px solid #ccc; background: #e6e6e6;}
	.image-box p {margin: 5px 0 5px 0; color: #333; text-align: center;}
	
	
#rss-link, #rss-link:visited {display: block; float: right; width: 130px; height: 48px; margin-top: 6px; padding: 5px 70px 0 0; background: url(../_images/design/rss.png) right top no-repeat; color: #fff; font-size: 1.1em; font-weight: bold; font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; text-align: right;}
	#rss-link span {color: #ff7400; font-weight: bold; font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; }
	
.side-box-wrapper1 {width: 312px; margin: 0 auto; margin-top: 20px; padding-top: 1px; background: url(../_images/design/side-box-top.png) no-repeat;}
	.side-box-wrapper1 h4 {height: 27px; margin: 0; padding: 7px 10px 0 10px; font-size: 1.1em; font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: oblique; }
	.side-box-wrapper2 {padding-bottom: 7px; background: url(../_images/design/side-box-bottom.png) bottom no-repeat;}
		.side-box {padding: 1px 10px 1px 10px; background: url(../_images/design/side-box-middle.png) top repeat-y;}
		.side-box input {width: 180px; padding: 3px 2px 3px 2px; border: 1px solid #ccc; border-left-color: #8f8f8f; border-top-color: #8f8f8f; background: url(../_images/design/input-shadow.png) left top no-repeat;vertical-align: middle;}
		.side-box button#search {width: 91px; height: 33px; margin: 5px 0 0 8px; padding-right: 11px; padding-bottom: 5px; border: none; background: url(../_images/design/button-arrow.png) left top no-repeat; color: #fff; line-height: 30px; text-align: center; vertical-align: middle;}
		.side-box ul li {list-style-image: url(../_images/design/arrow-red.gif); background: none; padding-left: 0;}

#comments {margin-bottom: 50px; border-bottom: 5px solid #dadada;}
	#comments li {list-style: none; list-style-image: none; margin: 20px 0 20px 0; padding-left: 0; background: none;}
		.avatar {float: left; width: 40px; height: 40px; margin: 0; padding: 4px; border: 2px solid #ccc; background: #fff;}
		.special .avatar {border: 2px solid #ad0000;}
		.comment-wrapper1 {width: 571px; margin-left: 52px; background: url(../_images/design/comment-middle.png) repeat-y;}
			.comment-wrapper2 {padding-bottom: 10px; background: url(../_images/design/comment-bottom.png) bottom no-repeat;}
				.comment {padding: 5px 10px 40px 30px; background: url(../_images/design/comment-top.png) top no-repeat;}
		.special .comment-wrapper1 {background: url(../_images/design/comment-special-middle.png) repeat-y;}
			.special .comment-wrapper2 {background: url(../_images/design/comment-special-bottom.png) bottom no-repeat;}
				.special .comment {background: url(../_images/design/comment-special-top.png) top no-repeat;}
					.comment p {color: #3f3f3f; margin: 0.3em 0 0.3em 0;}
					.comment p.author {float: left; margin-bottom: 0; color: #ad0000; font-size: 1.2em; font-weight: bold;}
					.comment p.comment-time {float: right; margin-bottom: 0; color: #afafaf;}
					.comment .clear {/*margin: -1em;*/} 
					.entry-meta { color: #ccc; }
					.entry-meta a { color: #ccc; }
					
#commentform {margin-bottom: 30px; /*border-bottom: 5px solid #dadada;*/}
	#commentform p {margin: 5px 0 5px 0; }
	#commentform label {width: 80px;}
	#commentform input {width: 200px; border: 1px solid #898989; background: url(../_images/design/input-back.png) left top no-repeat;}
	#commentform textarea {width: 535px; border: 1px solid #898989; background: url(../_images/design/input-back.png) left top no-repeat;}
	#commentform button,#commentform input.submit {width: 120px; height: 33px; margin: 5px 0 0 8px; padding-right: 11px; padding-bottom: 6px; border: none; background: url(../_images/design/button-arrow2.png) left top no-repeat; color: #fff; line-height: 30px; text-align: center;}
	#commentform p.subscribe-to-comments label { float: left; width: 300px; }

#trackbacks-list { padding-bottom: 30px; }
#trackbacks-list .comment-author { color: #999; font-weight: normal; }
#trackbacks-list a.url { text-decoration: none; color: #B30000; font-weight: bold; }
#trackbacks-list a.url:hover { text-decoration: underline; }

.hidden-field { display : none; visibility : hidden; }

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}