/* www.krittika.net stylesheet ////////////////////////////////////////////// */

html {
	margin: 0;
	padding: 0;
	height: 100%;
	border: none;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	border: none;
	background-color: white;
	color: black;

	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 12px;
	line-height: 16px;
	
	text-align: center;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

a {
	color: #7060a0;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}

a:hover {
	color: #443388;
}

a:link {
	color: #7060a0;
}

a:link:hover {
	color: #443388;
}

a:visited {
	color: #7060a0;
}

a:visited:hover {
	color: #443388;
}

img {
	border: none;
}

table {
	font-size: 12px;
}

table td {
	font-size: 12px;
	vertical-align: top;
}

input {
	font-size: 12px;
}

h1 {
	float: left;
	width: 220px;
	height: 60px;
	font-size: 21px;
	font-weight: normal;
	line-height: 23px;
	margin: -4px 0 0 0;
}



/* individual styles //////////////////////////////////////////////////////// */

#container {
	width: 960px;
	height: 100%;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
	
	padding: 0;

}



/* link classes ///////////////////////////////////////////////////////////// */

.linkEXT a {
	white-space: nowrap;
	padding: 0px 0px 0px 11px;
	background-image:url(../gfx/icon_ext.gif);
	background-repeat:no-repeat;
	background-position: 1px 2px;
}

.linkEXT a:hover {
	background-image:url(../gfx/icon_ext_over.gif);
}

.linkPDF a {
	white-space: nowrap;
	padding: 0px 0px 0px 22px;
	background-image:url(../gfx/icon_pdf.gif);
	background-repeat:no-repeat;
	background-position: 1px 2px;
}

.linkPDF a:hover {
	background-image:url(../gfx/icon_pdf_over.gif);
}

.linkJPG a {
	white-space: nowrap;
	padding: 0px 0px 0px 22px;
	background-image:url(../gfx/icon_jpg.gif);
	background-repeat:no-repeat;
	background-position: 1px 2px;
}

.linkJPG a:hover {
	background-image:url(../gfx/icon_jpg_over.gif);
}


.linkZOOM a {
	white-space: nowrap;
	padding: 0px 0px 0px 14px;
	background-image:url(../gfx/icon_zoom.gif);
	background-repeat:no-repeat;
	background-position: 1px 2px;
}

.linkZOOM a:hover {
	background-image:url(../gfx/icon_zoom_over.gif);
}

.linkEMAIL a {
	white-space: nowrap;
	padding: 0px 0px 0px 15px;
	background-image:url(../gfx/icon_email.gif);
	background-repeat:no-repeat;
	background-position: 1px 4px;
}

.linkEMAIL a:hover {
	background-image:url(../gfx/icon_email_over.gif);
}



/* navigation /////////////////////////////////////////////////////////////// */

#navigation {
	font-size: 15px;
}

#navigation a .item {
	color: #555555;
}

#navigation .item {
	float:left;
	width: 119px;
	height: 41px;
	background-color: #dddddd;
	padding: 0px;
	margin-right: 1px;
}

#navigation .item #text {
	margin-top: 15px;
	margin-left: 11px;
}

#navigation .item:hover {
	background-color: #888888;
	color: white;
}

#navigation .item:hover a {
	color: white;
}

#navigation .selected {
	background-color: #888888;
	color: white;
}

#navigation .selected a {
	color: white;
}

#navigation a .selected {
	color: white;
}

#navigation #logo {
	float:left;
	width: 239px;
	height: 41px;
	background-color: #dddddd;
	padding: 0px;
	margin-right: 1px;
	
	background-image:url(../gfx/krittika_logo.png);
	background-repeat:no-repeat;
	background-position: 5px 9px;
}

#navigation #logo:hover {
	background-image:url(../gfx/krittika_logo_active.png);
}

#navigation #logo #text {
	margin-top: 15px;
	margin-left: 37px;
}

#navigation #logo:hover a {
	color: #443388;
}

#navigation #logo a {
	color: #443388;
}

#navigation a .logo_selected {
	color: #443388;
}

#navigation #filler_right {
	float: left;
	width: 240px;
	height: 41px;
	background-color: #dddddd;
	padding: 0px;
	font-size: 12px;
}

#navigation #filler_right #text {
	margin-top: 15px;
	margin-left: 12px;
}

#navigation .fieldright {
	margin-top: -10px;
}



/* content ////////////////////////////////////////////////////////////////// */

#content {
	margin-top: 40px;
}



/* content left ///////////////////////////////////////////////////////////// */

#content_left {
	float: left;
	width: 150px;
}

#content_left .thumbnail img {
	margin-right: 1px;
	padding-bottom: 1px;
}



/* content margin /////////////////////////////////////////////////////////// */

#content_margin {
	float: left;
	width: 75px;
	color: #666666;
	margin-right: 16px;
	text-align: right;
}

#content_margin #headline {
	margin-top: -4px;
	height: 60px;
}

#content_margin #date {
	height: 32px;
}

#content_margin #client {
	height: 32px;
}

#content_margin #brief {
	height: 128px;
}

#content_margin #view {
	height: 128px;
}

#content_margin #outcomes {
	height: 128px;
}

#content_margin #synopsis {
	height: 352px;
}

#content_margin #public {
	height: 32px;
}

#content_margin .line {
	height: 16px;
}

#content_margin .line2 {
	height: 32px;
}



/* content right //////////////////////////////////////////////////////////// */

#content_right {
	float: left;
	width: 220px;
	margin-right: 19px;
}

#content_right #text {
	float: left;
	width: 210px;
}

#content_right #text #headline {
	float: left;
	width: 210px;
	height: 48px;
	font-size: 24px;
	line-height: 25px;
	margin-top: -4px;
}

#content_right #text #date {
	float: left;
	width: 210px;
	height: 32px;
}

#content_right #text #client {
	float: left;
	width: 210px;
	height: 32px;
}

#content_right #text #brief {
	float: left;
	width: 220px;
	height: 128px;
}

#content_right #text #view {
	float: left;
	width: 220px;
	height: 128px;
}

#content_right #text #outcomes {
	float: left;
	width: 220px;
	height: 128px;
}

#content_right #text #synopsis {
	float: left;
	width: 210px;
	height: 352px;
}

#content_right #text #public {
	float: left;
	width: 220px;
	height: 32px;
}

#content_right #text #buttons {
	float: left;
	width: 220px;
	height: 64px;
}



/* content image //////////////////////////////////////////////////////////// */

#content_image {
	float: left;
	width: 479px;
}

#content_image #image {
	height: 360px;
}

#content_image #imagenavigation {
	margin-top: 8px;
	width: 479px;
	height: 32px;
}

#content_image #left {
	float: left;
	width: 210px;
}

#content_image #right {
	margin-left: auto;
	text-align: right;
	width: 266px;
}

#content_image #thumbs {
	height: 30px;
	margin-bottom: 10px;
}

#content_image #move {
	height: 16px;
}

#content_image #upload {
	margin-top: 10px;
}

#content_image #thumbs a:hover {
	background-color: transparent;
}



/* biography //////////////////////////////////////////////////////////////// */

#biography .date {
	color: #666666;
	text-align: right;
	margin-right: 15px;
	margin-bottom: 32px;
}

#biography .column {
	width: 220px;
	margin-bottom: 32px;
}

#biography .column2 {
	width: 460px;
	margin-bottom: 32px;
}

#biography .column_light {
	color: #666666;
	margin-bottom: 32px;
}

#biography .image {
	color: #666666;
	margin-bottom: 32px;
}

#biography h2 {
	font-size: 21px;
	line-height: 25px;
	margin: 0 0 15px 0;
	font-weight: normal;
}



/* login //////////////////////////////////////////////////////////////////// */

#login #headline {
	height: 48px;
	font-size: 24px;
}



/* footer /////////////////////////////////////////////////////////////////// */

#footer {
}

#footer .item {
	float:left;
	width: 227px;
	height: 18px;
	background-color: #dddddd;
	padding: 0px;
	padding-top: 2px;
	margin-right: 1px;
	padding-left: 12px;
}

#footer .item a {
	color: #555555;
}

#footer .item:hover a {
	color: white;
}

#footer .right {
	width: 708px;
	margin-right: 0px;
	
	color: #888888;
}



/* common /////////////////////////////////////////////////////////////////// */

.thumbnail img {
	margin-right: 1px;
	padding-bottom: 1px;
}

.error {
	color: #ee0000;
}

.headline_sub {
	font-size: 16px;
	margin-bottom: 16px;
}

.hint {
	color: #666666;
}

.input {
	font-size: 12px;
	font-family: Georgia, Times, Times New Roman, serif;
	border: 1px solid #666666;
	background: transparent;
}