/* reset */
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; 
}

fieldset,img {  
	border:0; 
} 

option {
	padding-left: 0.4em;
}

html {
	height: 97%;
}
	
body { 
	position: relative; 
} 
	
/* page setup */
body {
	height: 97%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #323232;
}

body#page {
	background: #E6E6E6 url(../images/page_bg.png) 0 0 repeat-y;
}

/* set body font size (styleswitcher) */
body.font-small {
	font-size: 11px;
}

body.font-medium {
	font-size: 12px;
}

body.font-large {
	font-size: 13px;
}

/* layout */
div#wrapper {
	position: absolute;
	top: 50%;
	left: 0px;
	width: auto;
	height: 570px;
	margin: -275px 0px 0px 0px;
}

div#left {
	width: 300px;
	background: #FCC201 url(../images/left_t.png) 0 0 repeat-x;
}

div#left .left-b {
	background: url(../images/left_b.png) 0 100% repeat-x;
}

div#left .left-l {
	background: url(../images/left_l.png) 0 0 repeat-y;
}

div#left .left-r {
	background: url(../images/left_r.png) 100% 0 repeat-y;
}

div#left .left-tl {
	background: url(../images/left_tl.png) 0 0 no-repeat;
}

div#left .left-tr {
	background: url(../images/left_tr.png) 100% 0 no-repeat;
}

div#left .left-bl {
	background: url(../images/left_bl.png) 0 100% no-repeat;
}

div#left .left-br {
	height: 530px;
	padding: 20px 15px 20px 0px;
	background: url(../images/left_br.png) 100% 100% no-repeat;
}

div#top {
	width: 280px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	overflow: hidden;
}

div#left div.without-photo {
	height: 395px;
}

div#left div.with-photo {
	height: 295px;
}

div#search {
	height: 20px;
	padding: 10px 0px 15px 30px;
}

div#menu {
	width: 220px;
	padding: 0px 30px 0px 30px;
	overflow: hidden;
}

div#photo {
	width: 285px;
	height: 100px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	overflow: hidden;
}

div#blank {
	width: auto;
	height: 15px;
	background: #FFFFFF;
}

div#header {
	width: 280px;
	height: 120px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
}

span#logo, img#logo {
	width: 250px;
	height: 80px;
	position: absolute;
	top: 20px;
	left: 10px;
	border: 0px;
}

div#logotext {
	position: absolute;
	top: 70px;
	left: 30px;
	font-size: 95%;
}

div#middle {
	width: 600px;
	position: absolute;
	top: 0px;
	left: 310px;
	background: #ffffff url(../images/middle_t.png) 0 0 repeat-x;
}

div#middle .middle-b {
	background: url(../images/middle_b.png) 0 100% repeat-x;
}

div#middle .middle-l {
	background: url(../images/middle_l.png) 0 0 repeat-y;
}

div#middle .middle-r {
	background: url(../images/middle_r.png) 100% 0 repeat-y;
}

div#middle .middle-tl {
	background: url(../images/middle_tl.png) 0 0 no-repeat;
}

div#middle .middle-tr {
	background: url(../images/middle_tr.png) 100% 0 no-repeat;
}

div#middle .middle-bl {
	background: url(../images/middle_bl.png) 0 100% no-repeat;
}

div#middle .middle-br {
	height: 530px;
	padding: 20px 20px 20px 20px;
	background: url(../images/middle_br.png) 100% 100% no-repeat;
}

div#breadcrumb {
	height: 0px;
	padding: 12px 0px 0px 0px; /* vertical align to search (left) */
	overflow: hidden;
	font-size: 90%;
}

div#right {
	width: 200px;
	padding: 10px 0px 20px 0px;
	float: right;
	overflow: hidden;
	background: url(../images/right_bg.png) 0 0 repeat-y;
}

div#content {
	width: auto;
	padding: 10px 5px 20px 0px;
	overflow: hidden;
}

div#middle div.with-bottom {
	height: 338px;
}

div#middle div.without-bottom {
	height: 468px;
}

div#bottom {
	margin: 10px 0px 0px 0px;
	clear: both;
	background: #fcc201 url(../images/bottom_t.png) 0 0 repeat-x;
}

div#bottom .bottom-b {
	background: url(../images/bottom_b.png) 0 100% repeat-x;
}

div#bottom .bottom-l {
	background: url(../images/bottom_l.png) 0 0 repeat-y;
}

div#bottom .bottom-r {
	background: url(../images/bottom_r.png) 100% 0 repeat-y;
}

div#bottom .bottom-tl {
	background: url(../images/bottom_tl.png) 0 0 no-repeat;
}

div#bottom .bottom-tr {
	background: url(../images/bottom_tr.png) 100% 0 no-repeat;
}

div#bottom .bottom-bl {
	background: url(../images/bottom_bl.png) 0 100% no-repeat;
}

div#bottom .bottom-br {
	width: 100%;
	height: 120px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: url(../images/bottom_br.png) 100% 100% no-repeat;
}

div#gallery {
	width: 6000px;
	position: absolute;
	top: 0px;
	left: 920px;
	overflow: visible;
}

div#stopper {
	width: 60px;
	float: left;
	background: #FCC201 url(../images/stopper_t.png) 0 0 repeat-x;
}

div#stopper .stopper1 {
	background: url(../images/stopper_b.png) 0 100% repeat-x;
}

div#stopper .stopper2 {
	background: url(../images/stopper_l.png) 0 0 repeat-y;
}

div#stopper .stopper3 {
	background: url(../images/stopper_r.png) 100% 0 repeat-y;
}

div#stopper .stopper4 {
	background: url(../images/stopper_tl.png) 0 0 no-repeat;
}

div#stopper .stopper5 {
	background: url(../images/stopper_tr.png) 100% 0 no-repeat;
}

div#stopper .stopper6 {
	background: url(../images/stopper_bl.png) 0 100% no-repeat;
}

div#stopper .stopper7 {
	height: 570px;
	background: url(../images/stopper_br.png) 100% 100% no-repeat;
}/*
 * YOOtheme CSS file
 *
 * @author yootheme.com
 * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved.
 */ 

p {
	margin: 1em 0;
}

td, th { 
  padding: 1px;
}

a:link, a:visited {
	color: #C1002A;
	text-decoration: underline;
}

a:hover {
	color: #C1002A;
	text-decoration: underline;
}

ul {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 15px;
}

ul.arrow {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

ul.arrow li {
	margin: 2px 0px 2px 0px;
	padding: 2px 0px 10px 32px;
	background: url(../images/list_arrow.png) 0 0 no-repeat;
	font-weight: bold;
}

span.note {
	display: block;
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c8c8c8;
	background: #fffcf2;
	text-align:justify;
}

span.alert {
	display: block;
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #c8c8c8;
	background: #fffcf2 url(../images/span_alert.png) 3px 3px no-repeat;
	text-align:justify;
}

span.download {
	display: block;
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #c8c8c8;
	background: #fffcf2 url(../images/span_download.png) 3px 3px no-repeat;
	text-align:justify;
}

span.info {
	display: block;
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #c8c8c8;
	background: #fffcf2 url(../images/span_info.png) 3px 3px no-repeat;
	text-align:justify;
}

span.tip {
	display: block;
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #c8c8c8;
	background: #fffcf2 url(../images/span_tip.png) 3px 3px no-repeat;
	text-align:justify;
}

blockquote {
	margin: 10px 0px 10px 0px;
	padding: 5px 40px 5px 40px;
	background: #f0f0f0 url(../images/blockquote_start.png) 0 0 no-repeat;
	text-align:justify;
}

blockquote div {
	margin: 0px -40px -5px 0px;
	padding: 0px 40px 5px 0px;
	background: url(../images/blockquote_end.png) 100% 100% no-repeat;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 5px;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 175%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 125%;
}

h5 {
	font-size: 110%;
}

h6 {
	font-size: 90%;
}

.corps{
	background-color: #FFFFFF;
	height: 430px;
	width: 470px;
	overflow:auto;
}

.corps2{
	background-color: #FFFFFF;
	height: 440px;
	width: 560px;
	overflow:auto;
}/* menu */
#left div.moduletable_menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#left div.moduletable_menu li {
	padding: 3px 0px 3px 0px;
	display: block;
	background: url(../images/menu_bg.png) 0 100% repeat-x;
}

#left div.moduletable_menu li a, #left div.moduletable_menu li span.separator {
	display: block;
	text-transform: none;
	font-weight: bold;
	text-decoration: none;
	color: #323232;
	cursor: pointer;
}

#left div.moduletable_menu li a:hover, #left div.moduletable_menu li span.separator:hover {
	color: #C1022B;
}

#left div.moduletable_menu li.current a {
	color: #ffffff;
}

#left div.moduletable_menu li.current a:hover {
	color: #C1022B;
}

#left div.moduletable_menu li li {
 	padding: 1px 0px 1px 10px;
 	background: none;
}

#left div.moduletable_menu li li a, #left div.moduletable_menu li li span.separator {
	text-transform: none;
	font-weight: normal;
}

#left div.moduletable_menu li li a:hover {
	color: #C1022B;
}

#left div.moduletable_menu li.current li a {
	color: #323232;
}div.moduletable h3,
div.moduletable_menu h3,
div.module h3 {
  font-size: 100%;
}

/* top modules */
#top div.moduletable {
	padding: 20px 30px 0px 30px;
	width: 220px; 
	overflow: hidden;
	color: #C1022B;
}

#top div.moduletable h3 {
	margin: 0px 0px 10px 0px;
	text-align: left;
	font-weight: bold;
	color: #C1022B;
}

/* left modules */
#left div.moduletable, #left div.moduletable_menu {
	overflow:hidden;
	padding:0px 30px;
	width:220px;
	color: #C1022B;
}

#left div.moduletable h3, #left div.moduletable_menu h3 {
	margin: 5px 0px;
	padding: 5px 0px 5px 0px;
	text-align: left;
	font-weight: bold;
	color: #C1022B;
}

/* right modules */
#right div.moduletable {
	padding: 0px 0px 15px 10px;
	width: 190px; 
	overflow: hidden;
}

#right div.moduletable h3 {
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	text-align: left;
	font-weight: bold;
}

/* bottom modules */
#bottom div.moduletable {
	height: 95px;
	padding: 10px 30px 15px 30px;
	overflow: hidden;
	text-align:center;
}

#bottom div.moduletable h3 {
	margin: 0px 0px 5px 0px;
	text-align: center;
	font-weight: bold;
}

/* gallery modules */
#gallery div.module, #gallery div.module-200, #gallery div.module-300, #gallery div.module-400, #gallery div.module-500 {
	margin: 0px 10px 0px 0px;
	float: left;
	background: url(../images/gallery_module_br.png) 100% 100% no-repeat;
}

#gallery div.module div, #gallery div.module-200 div, #gallery div.module-300 div, #gallery div.module-400 div, #gallery div.module-500 div {
	background: url(../images/gallery_module_tr.png) 100% 0 no-repeat;
}

#gallery div.module div div, #gallery div.module-200 div div, #gallery div.module-300 div div, #gallery div.module-400 div div, #gallery div.module-500 div div {
	background: url(../images/gallery_module_bl.png) 0 100% no-repeat;
}

#gallery div.module div div div, #gallery div.module-200 div div div, #gallery div.module-300 div div div, #gallery div.module-400 div div div, #gallery div.module-500 div div div {
	padding: 20px 20px 20px 20px;
	background: url(../images/gallery_module_tl.png) 0 0 no-repeat;
}

#gallery div.module div div div div, #gallery div.module-200 div div div div, #gallery div.module-300 div div div div, #gallery div.module-400 div div div div, #gallery div.module-500 div div div div {
	padding: 0px 0px 0px 0px;
	background: none;
}

#gallery div.module-200 div div div, #gallery div.module-300 div div div, #gallery div.module-400 div div div, #gallery div.module-500 div div div {
	height: 530px;
}

#gallery div.module-200 {
	width: 200px;
}

#gallery div.module-300 {
	width: 300px;
}

#gallery div.module-400 {
	width: 400px;
}

#gallery div.module-500 {
	width: 500px;
}/*
 * YOOtheme CSS file
 *
 * @author yootheme.com
 * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved.
 */ 

div.search {
	padding: 0px 0px 0px 0px;
}

div.search input {
	width: 158px;
	height: 15px;
	border: 1px solid #f0c452;
	padding: 3px 0px 0px 5px;
	font-size: 100%;
} 

div.search .button {
	display: none;
}

.contentheading,
.componentheading {
	padding: 2px 0px 2px 0px;
	color: #C1002A;
	font-size: 110%;
	font-weight: bold;
}

.contentpane {
  padding: 0;
  margin: 0;
  width: 100%;
}

.contentpaneopen {	
  padding: 0;
  margin: 0;
  width: 100%;
}

.contentpaneopen hr {
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px dashed #b4b4b4;
	border-left: 0px;
	line-height: 0px;
	height: 1px;
}

.article_seperator {
	display: block;
	height: 16px;
}

.small {
	font-size: 95%;
	font-style: italic;
	color: #C1002A;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: 95%;
	font-weight: bold;
	color: #C1002A;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: 95%;
	color: #C1002A;
}

.buttonheading img {
	margin-right: 2px;
}

.mosimage_caption {
	font-size: 95%;
}

.button {
	font-size: 95%;
}

.sectiontableheader {
	padding: 5px 5px 5px 5px;
	background: #fef6eb;
	border-bottom: 1px solid #c8c8c8;
	font-weight : bold;
	color : #000000;
}

tr.sectiontableentry1 td {
	padding: 2px 2px 2px 2px;
	background: #ffffff;
	border-bottom: 1px solid #e6e6e6;
}

tr.sectiontableentry2 td {
	padding: 2px 2px 2px 2px;
	background: #fffcf4;
	border-bottom: 1px solid #e6e6e6;
}

td.sectiontableentry1 {
	padding: 2px 2px 2px 2px;
	background: #ffffff;
	border-bottom: 1px solid #e6e6e6;
}

td.sectiontableentry2 {
	padding: 2px 2px 2px 2px;
	background: #fffcf4;
	border-bottom: 1px solid #e6e6e6;
}

/*
 * Joomla! system CSS file: system.css
 */
 
/* OpenID icon style */
input.system-openid {
   background: url(http://openid.net/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; padding: 0;}
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}

/*
 * Joomla! system CSS file: general.css
 */
 
 /* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #C1002A;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../../system/images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../../system/images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../../system/images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(../../system/images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption .left {
	float: left;
	margin-right: 1em;
}

.img_caption .right {
	float: right;
	margin-left: 1em;
}

.img_caption .left p {
	clear: left;
	text-align: center;
}

.img_caption .right p {
	clear: right;
	text-align: center;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../../system/images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}<br />
<b>Warning</b>:  include(/htdocs/public/www/V2/templates/yoo_portfolia/css/extensions.css) [<a href='function.include'>function.include</a>]: failed to open stream: No such file or directory in <b>/htdocs/public/www/V2/templates/yoo_portfolia/css/template.css.php</b> on line <b>26</b><br />
<br />
<b>Warning</b>:  include() [<a href='function.include'>function.include</a>]: Failed opening '/htdocs/public/www/V2/templates/yoo_portfolia/css/extensions.css' for inclusion (include_path='.:/usr/local/lib/php') in <b>/htdocs/public/www/V2/templates/yoo_portfolia/css/template.css.php</b> on line <b>26</b><br />