/*
This CSS file contains all markup related to the layout markup of the page.
All markup of elements and text markup should be specified in Basic.css and
all markup of classes should be specified inside LayoutClasses.css
*/

/**
 * Base layout
 */

body
{
	background: #0d9181 url(../images/body-gradient.png) repeat-x top left;
}

#wrapper
{
	margin: 0 auto;
	width: 958px;
}

#header, #footer
{
	margin: 0 4px;
}

#header
{
	padding-top: 10px;
	padding-bottom: 30px;
}

#logo
{
	float: left;
}

#logo img
{
	display: block;
}

#telephone
{
	float: right;
	text-align: right;
	width: 480px;
	font-size: 1.4em;
}

#telephone
{
	display: inline;
	color: #22B0A6;
	font-weight: bold;
	margin-top:-10px
}

#telephone a {
	color:#22B0A6;
}

#telephone strong
{
	color: #B9E3E0;
}

#container
{
	background: #fff;
	border: 4px solid #fff;
	clear: both;
	width: 950px;
}

#menu
{
	background: #fff url(../images/menu-gradient.gif) repeat-x top left;
	padding: 0 10px;
	float: left;
	width: 930px;
	border-bottom: 4px solid #fff;
	height: 37px;
}

#menu ul
{
	float: left;
	background: #ADF5F1 url(../images/menu-list-gradient.gif) top left;
	position: relative;
	bottom: 15px;
	left: 0;
	width: 928px;
	padding: 0 1px;
}

#menu ul li
{
	background: #ADF5F1 url(../images/menu-item-gradient.gif) repeat-x top left;
	float: left;
	height: 52px;
}

#menu ul li.active
{
	background: #29716D url(../images/menu-item-selected-gradient.png) repeat-x top left;
}

#menu ul li a
{
	display: block;
	border-left: 1px solid #fff;
	margin-top: 15px;
	padding: 0 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#menu ul li.active a,
#menu ul li.left-from-active a,
#menu ul li.first a
{
	border-left: 0;
}

#menu ul li.active a
{
	color: #fff;
}

#contents
{
	
}

#slogans img
{
	display: block;
}

#slogans-shadow-container
{
	position: relative;
}

#slogans-shadow
{
	height: 18px;
	width: 950px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/slogan-background.png) no-repeat bottom center;
}

#info, #contact-info h3, #footer, #footer a
{
	font-size: 12px;
	color: #fff;
}

#info
{
	background: #B9E3E1;
	padding: 20px;
}

#contact-info
{
	float: left;
	width: 350px;
}

#contact-info h3
{
	text-transform: none;
	font-weight: bold;
	letter-spacing: normal;
	margin: 0;
}

#links
{
	float: right;
}

#links a
{
	border-left: 1px solid #D5EFF0;
	padding: 0 10px;
	float: left;
}

#links a.first
{
	border-left: 0;
}

#footer
{
	text-align: right;
	margin: 10px;
}

#google_map
{
	height: 300px;
	width: 600px;
}

/**
 * Home page
 */

#boxes
{
	background: url(../images/home-boxes.png) repeat-y top left;
	border-bottom: 4px solid #fff;
	margin-top: 18px;
}

#boxes .text_module
{
	padding-left: 4px;
	float: left;
	width: 247px;
	padding: 30px;
}

#boxes .text_module p img
{
	border: 3px solid #fff;
	margin-left: 5px;
}

#boxes .text_module a
{
	padding-left: 22px;
	background: url(../images/arrow.gif) no-repeat top left;
}

/**
 * Other pages
 */

#sidebar, #main
{
	float: left;
	display: inline;
}

#sidebar
{
	background: url(../images/sidebar-gradient.png) repeat-x top left;
	height: auto !important;
	height: 368px;
	min-height: 368px;
	width: 195px;
	margin: 0 15px 30px 15px;
}

#sidebar .mod_links
{
	margin-top: 65px;
}

#sidebar .mod_links a.first
{
	background: url(../images/sidebar-top.jpg) no-repeat top left;
}

#sidebar .mod_links a.last
{
	background: url(../images/sidebar-bottom.jpg) no-repeat bottom left;
}

.body #sidebar .mod_links a
{
	text-decoration: none;
	background-color: #B8DBD7;
	display: block;
	margin: 0 5px;
	padding: 4px 0 4px 4px;
}

.body #sidebar .mod_links span
{
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px;
	padding-left: 28px;
	background: url(../images/sidebar-link.png) no-repeat center left;
}

.body #sidebar .mod_links a.active span
{
	background-image: url(../images/sidebar-link-active.png);
}

#main
{
	width: 660px;
	margin: 20px 50px 30px 15px;
}

#main img
{
	padding: 4px 15px 15px;
}

#main .editButton img,
#main .detailItemDelete img,
#main .portfolioItemDelete img
{
	padding: 0;
}