﻿/*
    ------------------------
    MAG Studio
    Created by Plamen Nikolov
    plamen@nikolov.biz
    ------------------------
*/

input, textarea
{
    font-family:Tahoma, Verdana;
    font-size:11px;
    border:1px solid #CCCCCC;
}
textarea
{
    width:185px;
}
h1
{
    font-weight:normal;
    color:#686e41;
    font-size:24px;
    padding:0;
    margin:0;
}
h2
{
    color:#525a26;
    font-size:12px;
    padding-bottom:0px;
    margin-bottom:0px;
}
input
{
    width:150px;
    height:15px;
}
.browseButton
{
    width:auto;
    height:20px;
    width:190px;
}
.sButton
{
    background:url(../images/site_images/images/back/buttonBack.gif) left top repeat-x;
    border:1px solid #CCCCCC;
    width:70px;
    height:18px;
    font-weight:bold;
    color:#525a26;
    font-size:11px;
    cursor:pointer;
}
ul#items
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}
ul#items li
{
    width:210px;
    background:url(../images/site_images/images/items/itemsBack.gif) top left repeat-y;
    float:left;
    border-bottom:1px solid #c5c5c5;
    border-right:1px solid #c5c5c5;
    margin:3px 12px;
    padding-bottom:20px;
    height:60px;
    overflow:hidden;
}

ul#items li img
{
    margin:20px 5px;
    margin-bottom:0px;
    padding-bottom:0px;
    float:left;
}
ul#items li h2
{
    float:left;
    font-size:11px;
    margin:0px;
    padding:0px;
    color:#4f4f4f;
    margin-top:13px;
}
ul#items li p
{
    float:left;
    margin-top:5px;
    width:110px;
}
ul#items li a
{
    color:#4f4f4f;
}

ul#kinds_of_fish
{

	position:relative;
    width: 420px;
	overflow:hidden;
    padding: 15px;
    margin-top: 5px;	
    }

ul#kinds_of_fish li
{
    color: #4B411C;
    font-weight: bold;
    width: 390px !important;
    background: none !important;
    margin: 4px 0px;
    margin-bottom: 5px;
    padding: 0px;
    }

.wrapper
{
    padding:10px;
    position:relative;
    height:auto;
    width:auto;
    float:left;

}
.wrapper h1
{
    margin-top:20px;
}
.wrapper p
{
    width:auto;
}
#vertMenu
{
    width:163px;
    background:url(../images/site_images/images/back/vertMenuBack.gif) left top repeat-y;
    float:left;
    margin-top:20px;
}
div.vertMenuCaption
{
    width:163px;
    background:url(../images/site_images/images/back/vertMenuCaption.gif) left top no-repeat;
}

div.vertMenuCaption #current_submenu{
	min-height:25px;
}
#vertMenu ul, #vertMenu ul li
{
    padding:0;
    margin:0;
    background:0;

}

div#vertMenu li
{
    background:url(../images/site_images/images/back/vertMenuSeparator.gif) center bottom no-repeat;
    width:auto;
    float:none;
}
div#vertMenu a
{
    float:none;
    display:block;
    text-align:left;
    color:#000;
    height:23px;
    padding-top:9px;
    color:#525a26;
    font-weight:bold;
    font-size:12px;
    padding-left:15px;
    outline:none;

}
div#vertMenu ul li ul li a
{
    background:url(../images/site_images/images/back/vertMenuInner.gif) center 26px no-repeat;
    font-weight:normal;
    font-size:11px;
}
div#vertMenu a:hover
{
    text-decoration:none;
    background:url(../images/site_images/images/back/vertMenuHover.gif) center top no-repeat;
    color:#718407;
}
.active
{
    text-decoration:none;
    background:url(../images/site_images/images/back/vertMenuHover.gif) center bottom no-repeat !important;
    color:#718407;
}
li.vertMenuFooter
{
    background:url(../images/site_images/images/back/vertMenuFooter.gif) left top no-repeat !important;
    height:24px;
}
li.last
{
    background:0 !important;
    margin-top:-10px;
}
div.holder
{
    float:left;
    width:520px;
    margin-left:10px;
}
div.holder span
{
    color:#8e9858;
    font-size:10px;
}
div.holder p
{
    color:#525a26;
}
div.commonColumn
{
    float:left;
    margin-right:10px;
    width:215px;
    overflow:hidden;
    height:100%;
}
div.wall
{
    width:295px;
    margin-right:0px;
}
div.wall h2
{
    clear:both;
    margin-bottom:5px;
    margin-top:3px;
}
div.wall img
{
    background-color:#FFFFFF;
    padding:2px;
    border:1px solid #dbdbdb;
    margin:5px;
    float:left;
    margin-left:0px;
}
div.product {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 210px;
}
ul.res
{
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    float:left !important;
    margin-top:10px !important;
    margin-right:5px !important;
}
ul.res li
{
    width:auto !important;
    background:0 !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    margin-bottom:5px !important;
}
ul.res li a
{
    color:#525a26;
}
ul.contactAddress
{
    clear:right !important;
}

ul.contactAddress li, ul.news li, ul.newsL li
{
    float:left;
    background:0 !important;
    width:auto !important;
    margin-right:60px !important;
    margin-left:0px !important;
    height:350px !important;
}
ul.contactAddress li
{
    height:270px !important;
	width:278px !important;
	margin-right: 10px !important;
}

ul.contactAddress li a
{
    color:#525a26;
}
ul.news, ul.newsL
{
    margin-top:20px !important;
}
ul.newsL ol{

}
ul.newsL ol li
{
	height:auto !important;
	swidth:auto !important;
}
ul.news li, ul.newsL li
{
    margin:0 !important;
    xxxfloat:none !important;
    padding-bottom:5px !important;
    margin:5px 0px 5px 0px !important;
    width:95% !important;
    height:120px !important;
}
ul.news li span, ul.newsL li span
{
    color:#8e9858;
    font-size:10px;
}
ul.news li p, ul.newsL li p
{
    width:100%;
    margin:0px;
    margin-top:6px;
}
ul.newsL li p
{
    width:auto;
}
#siteTree
{
    position:absolute;
    left:10px;
    top:2px;
    height:10px;
    width:auto;
}
#siteTree ul li
{
    margin-right:3px;
    background:0;
    margin:0;
    padding:0;
    float:left;
    width:auto;
    color:#7d835c;
    margin-left:2px;
    margin-right:2px;
}
#siteTree ul li a
{
    color:#7d835c;
    margin-right:2px;
}
a.current
{
    font-weight:bold;
    cursor:default;
}
a.current:hover
{
    text-decoration:none;
}
span.description
{
    font-size:10px;
    color:#909381;
}
table.feedback
{
    width:auto;
}
table.feedback td
{
    vertical-align:top;
}
td.fieldName
{
    text-align:right;
}
div.float
{
    float:left;
    width:80%;
    margin-top:10px;
}
form.float
{
    float:left;
    width:auto;
    margin:0;
    padding:0;
    margin-left:0px;
    margin-top:10px;

    padding-top:0px;
}
form.float select
{
    width:120px;
    margin:0;
    padding:0;
    font-size:11px;
    float:left;
}
h2.float
{
    width:auto;
    float:left;
    margin-top:0px;
    padding-right:10px;
}
div.float h2
{
    margin:0;
    padding:0;
}
div.shadowFrameS
{
    float:left;
    width:72px;
    height:88px;
    background:url(../images/site_images/images/back/newsImgBackS.gif) left top no-repeat;
    padding:10px;
    margin:0px 10px 2px 0px;
}
div.shadowFrameS img
{
    border:1px solid #dbdbdb;
    padding:1px;
    width:68px;
    height:63px;
}
div.shadowFrameL
{
    float:left;
    width:189px;
    height:124px;
    background:url(../images/site_images/images/back/newsImgBackL.gif) left top no-repeat;
    padding:10px;
    margin:10px;
    margin-top:0px;
    margin-left:0px;
}
div.shadowFrameL img
{
    border:1px solid #dbdbdb;
    padding:1px;
	width:183px;
	height:120px;
}
a.whole
{
    float:right;
    font-size:10px;
    color:#525a26;
}
a.whole:hover
{
    color:#a8b270;
    text-decoration:none;
}
a.activePage
{
    color:#a8b270 !important;
    text-decoration:underline;
}
.paging
{
    width:350px;
    margin:5px auto;
    text-align:center;
}
.paging span
{
    margin-left:20px;
    margin-right:20px;

}
.paging a
{
    font-size:10px;
    color:#525a26;
    margin-left:3px;
	margin-right:3px;
}
.paging a:hover
{
    color:#a8b270;
    text-decoration:underline;
}
.prevHref, .nextHref
{
    color:#525a26;
}
.prevHref
{
    float:left;
}
.nextHref
{
    float:right;
    margin-right:20px;
}
.inner
{
    margin-top:20px;
    padding-right:15px;
}
.inner ul li
{
    background:0 !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    margin-bottom:15px !important;
}
.inner ul li ul
{
    margin-top:5px !important;
    margin-bottom:5px !important;
}
.inner ul li ul li
{
    margin-left:25px !important;
    margin-bottom:5px !important;
}
.inner p
{
    width:auto;
}
.inner a
{
    color:#525a26;
}
a.cat
{
    font-size:12px;
}
ul.float
{
    float:left;
    margin-right:20px;
    width:250px;
}

span.previous, span.next
{
	margin:0;
	padding:0;
	margin-left:3px;
	margin-right:3px;
}
.partnerEntry
{
	vertical-align:middle;
	width:100%;
	border:0;
}
.partnerEntry td
{
	padding-left:10px;
}
.partnerLogo
{
	background:url(../images/site_images/images/back/dottedSeparator.gif) right top repeat-y;
	padding-right:15px;
	padding-left:0;
	vertical-align:middle;
	width: 100px;
}
.partnerLogo img
{
	vertical-align:middle;
}

#person
{
	position:relative;
}

#innerHeaderAbs
{
	position:absolute;
	top:120px;
	left:45px;
}

.paging_news
{
	margin-top:20px;
}
.paging_news .prevHref
{
	display:block;
	float:left;
}

.paging_news .nextHref
{
	display:block;
	float:right;
}
#leftColumn
{
	padding-left:10px;
}

div#titleOceanFish
{
	font-family:Tahoma, Verdana;
    font-size:18px;
    color:#5b5b5b;
    padding-bottom:10px;
}

a.titleOceanFishLink, a.titleOceanFishNoLink, a.titleOceanFishNoLink:hover
{
	font-family:Tahoma, Verdana;
    font-size:18px;
    color:#5b5b5b;
    padding-bottom:10px;
    text-decoration: none;
}

a.titleOceanFishLink:hover
{
	text-decoration: underline;
}

.fishBoxes
{
	float:left;
	width: 250px;
}
.rightSide
{
	float:left;
	margin-left:16px;
	width:420px;
	position:relative;
}


#ul_content
{
	background: #FCFCFC url(../images/site_images/images/back/frame_new.jpg) center bottom repeat-x;
	border-top: 1px solid #F4F4F4;
	border-left: 1px solid #F4F4F4;
	border-bottom: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	width:420px;
}


/* *********************************************** */
ul.partners, ul.partners
{
    margin-top:20px !important;
}
ul.partners li
{
	background:transparent none repeat scroll 0pt 50% !important;
    margin:0 !important;
    float:none !important;
    padding-bottom:5px !important;
    margin:5px 0px 5px 0px !important;
    width:95% !important;
    height:auto !important;
}
ul.partners li span
{
    color:#8e9858;
    font-size:10px;
}
ul.partners li p
{
    width:100%;
    margin:0px;
    margin-top:6px;
}

/* *********************************************** */

.partnerEntry ul li
{

	list-style-type:disc !important;
	margin-left:30px !important;
	padding:0px;
	height:auto !important;
	width:auto !important;
}

div.map
{
	background:#FCFCFC url(../images/site_images/images/back/frame_new.jpg) repeat-x scroll center bottom;
	border-color:#F4F4F4 rgb(193, 193, 193) rgb(193, 193, 193) rgb(244, 244, 244);

}

.map_header
{

	height: 93px;
	width:96%;
	border-bottom: 1px solid #e1d9b4;
	margin-top:10px;
	margin-left:7px;
	margin-bottom:5px;
	color: #CB7242;

}

a.video img
{
	width:124px;
	height:93px;
}

div.micro
{
	width:147px;
	float:left;
}

