/*
	Project:     Synopi (www.synopi.com)
	Copyright:   2010 Eidix Labs (www.eidix.com)
	Author:      James Linden (jl@eidix.com)
*/

/*******************************************************************
  LAYOUT
*******************************************************************/

body {
	background-image:                  url( 'ik_bg-1920x1200.jpg' );
	background-repeat:                 no-repeat;
	margin:                            0;
	padding:                           0;
	font-family:                       arial, sans-serif;
}

#top {
	background-image:                  url( 'ik_header-19x130.png' );
	background-repeat:                 repeat-x;
	position:                          absolute;
	top:                               0px;
	height:                            130px;
	left:                              0px;
	right:                             0px;
	z-index:                           100;
}

#main {
	width:                             1024px;
	margin:                            0 auto;
}

#info {
	z-index:                           120;
	float:                             right;
	color:                             white;
	font-size:                         24pt;
	font-weight:                       bold;
	margin:                            50px 10px 0 0;
}

#menu1 {
	z-index:                           120;
	float:                             left;
	color:                             white;
	font-size:                         12pt;
	margin:                            75px 0 0 250px;
}

#menu1 a {
	color:                             white;
	padding:                           0 5px;
}

#logo {
	z-index:                           90;
	position:                          absolute;
	top:                               105px;
	left:                              10px;
}

#content {
	z-index:                           300;
	position:                          absolute;
	top:                               105px;
	bottom:                            95px;
	left:                              270px;
	width:                             750px;
	overflow:                          auto;
}

#sidebar {
	background-image:                  url( 'ik_carouselbg-219x38.png' );
	background-repeat:                 repeat-y;
	z-index:                           300;
	position:                          absolute;
	top:                               250px;
	bottom:                            180px;
	left:                              28px;
	width:                             219px;
	overflow:                          auto;
}

#sidebar ul {
	margin:                            10px;
	line-height:                       22px;
}

#sidebar li {
	margin-bottom:                     5px;
}

#bottom {
	background-image:                  url( 'ik_footer-19x200.png' );
	background-repeat:                 repeat-x;
	position:                          absolute;
	bottom:                            0px;
	height:                            125px;
	left:                              0px;
	right:                             0px;
	z-index:                           100;
}

#menu2 {
	z-index:                           120;
	float:                             left;
	color:                             white;
	font-size:                         12pt;
	text-align:                        center;
	width:                             100%;
	margin:                            50px 0 0 0;
}

#menu2 a {
	color:                             white;
	padding:                           0;
}

#footer {
	position:                          absolute;
	bottom:                            0px;
	height:                            36px;
	left:                              0px;
	right:                             0px;
	z-index:                           200;
	color:                             white;
	font-size:                         8pt;
	line-height:                       18px;
	text-align:                        center;
}

#footer p {
	margin:                            0;
	padding:                           0;
}

#footer a {
	color:                             white;
}

div.page {
	padding:                           0px 10px;
}

div.page h1 {
	font-size:                         2em;
	text-align:                        left;
	margin:                            10px 0;
	text-indent:                       5px;
}

div.page h2 {
	font-size:                         1.25em;
}

/*******************************************************************
  PORTFOLIO
*******************************************************************/

.p_title {
	font-size:                         20pt;
	font-weight:                       bold;
	color:                             #004669;
}

.p_date {
	margin-top:                        0;
	color:                             #004669;
}

.p_date a {
	color:                             #004669;
}

.p_desc {
	background-image:                  url( 'ik_storybg-32x25.png' );
	background-repeat:                 repeat;
	float:                             right;
	width:                             230px;
	margin-top:                        20px;
	padding:                           0 12px;
	color:                             white;
}

.p_image {
	text-align:                        left;
	margin:                            20px 10px 10px 0;
}

/*******************************************************************
  GENERAL
*******************************************************************/

img {
	border:                            0;
}

h1, h2, h3, h4 {
	margin:                            0.2em;
}

a {
	text-decoration:                   none;
}

.italic {
	font-style:                        italic;
}

.bold {
	font-weight:                       bold;
}

.indent {
	text-indent:                       30px;
}

/*******************************************************************
  HORIZONTAL MENU
*******************************************************************/

ul.horizontal_menu {
	margin:                            0px;
	padding:                           0px;
	color:                             white;
}

ul.horizontal_menu a {
	color:                             black;
}

ul.horizontal_menu a:hover {
	color:                             red;
}

ul.horizontal_menu li {
	display:                           inline-block;
	padding:                           0px;
	margin:                            0px;
}

ul.horizontal_menu li:hover {
}

/*******************************************************************
  VERTICAL MENU
*******************************************************************/

ul.vertical_menu {
	margin:                            0px;
	padding:                           0px;
	color:                             white;
}

ul.vertical_menu a {
	color:                             white;
}

ul.vertical_menu a:hover {
	color:                             #c3ccda;
}

ul.vertical_menu li {
	display:                           block;
	padding:                           0px;
	margin:                            0px;
}

ul.vertical_menu li:hover {
}

**********************************************************
	FORMS
**********************************************************/

input, select, textarea {
	background-color:                  white;
	border:                            1px solid silver;
	padding:                           2px 3px;
}

label, span.label {
	float:                             left;
	width:                             8em;
	text-align:                        right;
	margin-right:                      1em;
	font-size:                         smaller;
	font-weight:                       normal;
	line-height:                       30px;
}

div.fieldrow {
	line-height:                       30px;
	margin:                            2px 0;
}

div.fieldspacer {
	height:                            15px;
}

label.required {
	color:                             #a60000;
}

textarea {
	width:                             600px;
	height:                            200px;
}

input[type^="text"] {
	width:                             300px;
}

#phone {
	width:                             100px;
}

#input {
	width:                             725px;
	margin:                            20px auto 5px auto;
}

#input div.controlbar {
	text-align:                        right;
}