html{
width:100%;
height:100%;
}

body {
	margin: 0;
	padding: 0;
	background-repeat: repeat;
	background-color: #5e5748;
	height: 100%;
}

.clear { clear: both; }

* { font-family: Arial, Verdana; color: #444444; }

img { border: none; }
object {display: block;}

h1 {font-size: 22px; font-weight: normal; color: #000; line-height: 24px; margin: 0; padding: 0 0 10px 0; }
h2 {font-size: 14px; font-weight: normal; color: #444444; margin: 0; padding: 10px 0 0 0; }

p, td, li, a { line-height: 17px; font-size: 13px;}
p, td { margin: 10px 0 10px 0;}


#main_container {
	width: 1100px;
	background-image: url(../img/menu_tile.png);
	background-repeat: repeat-y;
	float: left;
	height:100%;
}


#main_menu {
	width: 200px;
	height:100%;
	padding: 0 20px 0 10px;
	float: left;
	position: fixed;
	background-image: url(../img/menu_tile.png);
	background-repeat: repeat-y;
}

ul#menu, ul#menu ul { list-style: none; padding: 0; }

ul#menu { margin: 10px 0 10px 46px; display: block; }
ul#menu ul { margin: 5px 0 5px 10px; }

ul#menu li { display: block; }

ul#menu a { font-family: 'Amatic SC', cursive; font-weight: 700; text-transform: uppercase; font-size: 18px; color: #000; text-decoration: none; padding: 4px 6px; display: block; float: left; }
ul#menu a:hover, ul#menu a.active { background: #000; color: #fff; }

#main_content {
	width: 800px;
	padding: 0 0 0 210px;
	float: left;
}

a.menu_logo {
	width: 190px;
	height: 220px;
	padding: 50px 0 20px 0;
	display: block;
	font-size: 1px;
}

a.menu_item, a.menu_item_active {
	width: 190px;
	height: 20px;
	display: block;
	font-size: 1px;
	color: #fff;
	text-decoration: none;
}

a.menu_item:hover, a.menu_item_active {
	background-position: bottom left;
}

a.menu_item_about { background-image:url(../img/menu_item_about.png); }
a.menu_item_services { background-image:url(../img/menu_item_services.png); }
a.menu_item_portfolio { background-image:url(../img/menu_item_portfolio.png); }
a.menu_item_clients { background-image:url(../img/menu_item_clients.png); }
a.menu_item_inspiration { background-image:url(../img/menu_item_inspiration.png); }
a.menu_item_contact { background-image:url(../img/menu_item_contact.png); }
a.menu_item_people { background-image:url(../img/menu_item_people.png); }
a.menu_item_logout { background-image:url(../img/menu_item_logout.png); }

div.submenu {
	width: 185px; text-align: right; padding: 4px 0 10px 0;
}

div.submenu a { text-decoration: none; color: #00a7c4; font-size: 12px; line-height: 12px; display: block; padding: 2px 0 2px 0;}
div.submenu a:hover { text-decoration: underline;} 
div.submenu a.active { font-weight: bold;} 


div.notebook {
	background-image: url(../img/img_notebook.png);
	background-repeat: no-repeat;
	margin: 110px 80px 0 170px;
	padding: 70px 30px 30px 30px;
	width: 280px;
	height: 370px;
	float: left;
}

div.noplacelikehome {
	background-repeat: no-repeat;
	margin: 70px 0 0 30px;
	padding: 0;
	width: 140px;
	height: 180px;
	float: left;
}


div.page_edit {
	margin: 100px 60px 0 90px;
	padding: 20px;
	background-color: #fff;
	width: 600px;
	float: left;
}


/* BUTTONS */

a.button {
    background: transparent url('../img/btn_right.png') no-repeat scroll top right;
    color: #111;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 32px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../img/btn_span.png') no-repeat;
    display: block;
    line-height: 18px;
    padding: 7px 0 7px 10px;
	color: #333;
}

a.button:active {
    background-position: bottom right;
    color: #111;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span, a.button_admin:active span {
    background-position: bottom left;
    padding: 8px 0 6px 10px; /* push text down 1px */
}


div.text_right { text-align: right; }


/* FORM STYLES */

.rowElem { width: 500px; padding-bottom: 5px; }
.rowElem input, .rowElem textarea { width: 200px; float:left; }
.rowElem label, .rowElem div.left_spacer { float: left; font-size: 15px; line-height: 20px; width: 150px;}
.rowElem div.container {float:left; }

/* PORTFOLIO */

div.portfolio_big_image { width: 620px; text-align: center;}
div.portfolio_big_image a img {display: inline; }

div.box_portfolio_bg {
	background-image: url(../img/box_portfolio_bg.png);
	background-repeat: no-repeat;
	width: 630px;
	padding: 20px 10px 0 20px;
	margin: 70px 0 0 50px;
}

div.box_portfolio_top {
	background-image: url(../img/box_portfolio_top.png);
	background-repeat: no-repeat;
	width: 660px;
	height: 10px;
	margin: 70px 0 0 50px;
}

div.box_portfolio_content {
	background-image: url(../img/box_portfolio_content.png);
	background-repeat: repeat-y;
	width: 630px;
	padding: 20px 10px 0 20px;
	margin-left: 50px;
}



div.box_portfolio_bottom {
	background-image: url(../img/box_portfolio_bottom.png);
	background-repeat: no-repeat;
	width: 660px;
	height: 10px;
	margin: 0 0 0 50px;
}

div.portfolio_list {
	margin: 10px 0 0 0;
}

div.portfolio_list_item { float: left; margin: 0 10px 10px 0;}
div.portfolio_list_item a.image { display: block; }
div.portfolio_list_item a.btn_delete { float: right; }
div.portfolio_list_item a.btn_move { float: left; }


div.box_portfolio_bg img {display: block;}

.btn_back { height: 20px; padding: 0 0 10px 0;}

/* TOOLTIP */

.tooltip {
	background: transparent url('../img/tooltip_bg.png') no-repeat;
}
.tooltip div {
	background: transparent url('../img/tooltip_right.png') no-repeat right;
	margin-right: -15px;
	height:45px;
	padding:5px 15px 0 15px;
	line-height:30px;
	white-space:nowrap;
	color:#00a7c4;
	font-size: 14px;
}
.tooltip div i { color:#16bfdc; }


/* INSPIRATION */

div.inspiration_layout { width: 750px; margin: 70px 0 0 80px; }

.inspiration_image_container { margin: 10px 10px 0 0; float: left;}

.inspiration_image_container .image_holder { background: transparent url('../img/inspiration_imageframe_bg.png') no-repeat; position: relative; }
.inspiration_image_container .image_holder div.image_holder_right {
	background: transparent url('../img/inspiration_imageframe_right.png') no-repeat right;
	margin-right: -15px;
	height:160px;
	padding:25px 15px 15px 15px;
	line-height:30px;
	white-space:nowrap;
	color:#00a7c4;
	font-size: 14px;
}

.inspiration_image_container .image_holder .left_pin_1 { background: url(../img/img_pin_left_1.png) left top no-repeat; width: 40px; height: 40px; position: absolute; margin: 0;}
.inspiration_image_container .image_holder .right_pin_1 {
	background: url(../img/img_pin_right_1.png) no-repeat scroll 0 0 transparent;
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	right: -10px;
	text-indent: -9999px;
	top: -5px;
}

.inspiration_image_container .image_holder .left_pin_2 { background: url(../img/img_tape_left.png) left top no-repeat; width: 50px; height: 50px; position: absolute; margin: 0;}
.inspiration_image_container .image_holder .right_pin_2 {
	background: url(../img/img_tape_right.png) no-repeat scroll 0 0 transparent;
	width: 50px;
	height: 50px;
	overflow: hidden;
	position: absolute;
	right: -10px;
	text-indent: -9999px;
	top: -2px;
}

.inspiration_image_container .image_holder .left_pin_3 { background: url(../img/img_pin_left_3.png) left top no-repeat; width: 40px; height: 40px; position: absolute; margin: 0;}
.inspiration_image_container .image_holder .right_pin_3 {
	background: url(../img/img_pin_right_3.png) no-repeat scroll 0 0 transparent;
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	right: -15px;
	text-indent: -9999px;
	top: 0px;
}