@charset "utf-8";

/* ================================== General CSS Document starts ================================== */

html {min-height:100%; margin-bottom:1px;}

body * {padding:0;margin:0;}
body {font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 16px; color:#a8a8a8;}

.clear {clear:both;padding:0;margin:0; height:0;}

ul {
	list-style:none;
}

img {
	border:0;
}

a {
	outline:none;
color:#d61132;
}

/* ================================== Header part starts ======================================================*/

#header {
	margin:0 auto;
	width:900px;
}

#logo {
	margin:39px 0 0;
}

#img-holder {
	margin:26px 0 8px;
}

h1 {display:block; float:right; width:250px; font-size:9px; padding: 4px 0;	
	margin:0 0 16px 0; color:#d61132; text-align:left; font-weight:normal;
	text-transform:uppercase;
	}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 16px; color:#3d3d3d;
	padding:8px 0;
}

p {padding:8px 0; line-height:16px;}
small {font-size:11px;}
.noheading {padding-top:40px;}

div.controlDiv {display:block; position:static; float:left; width:538px; margin:0; margin-top:-1px; padding:0 0 0 358px;}

ul.picture-slides-thumbnails {display:block; position:static; float:left; line-height: 16px;
	margin-right: 5px; padding-top: 3px;}
ul.picture-slides-thumbnails li {display:block; margin:0; padding:0; float:left;}
ul.picture-slides-thumbnails li a {display:block; padding:2px 3px; margin:0; font-size:10px;
	line-height: 16px; height:16px;}
ul.picture-slides-thumbnails li a:hover {background-color: #e5e5e5;}

div#start-stop-slideshow {display:block; float:left; padding-top:3px; font-size:10px;}
div#start-stop-slideshow a {display:block; padding:2px 3px; margin:0; font-size:10px; line-height: 16px; height:16px; color:#b5b5b5; text-decoration: none; text-transform: uppercase;}
div#start-stop-slideshow a :hover {background-color: #e5e5e5;}



/* ==================================Content part starts ===================================================*/

#content {margin:0 auto; width:898px; padding:0 0 16px 0;}


#menu {width:121px; font-size:11px}
#menu ul {width:65px;}
#menu ul li a {text-transform:uppercase;}
#categories, #submenu {width:240px; font-size:11px}
#categories ul, #submenu ul {width:100px}
#categories ul li a {text-transform:uppercase;}
#projects, #news {width:260px; padding-right:25px; font-size:13px;}

.column {float:left; padding-top: 8px;}
.column ul li {height:16px;}
.column ul li a 
	{line-height:16px; display:block; color:#a8a8a8; text-decoration:none;}
.column ul li a:hover, .column ul li.current_page_item a, .column ul li.current_page_parent a, .column ul li.current_page_ancestor a
	{color:#3d3d3d;}

#details {float:left; width:250px; padding:0;}

#col3 {float:left; width:260px; padding-right:25px;}
#col4 {float:left; width:250px;}
#col3 a, #col4 a {color:#a8a8a8; text-decoration:none;}
#col3 a:hover, #col4 a:hover {color:#3d3d3d;}

/* ==================================Content part ends ================================================== */

#box8{
	position:absolute;
}
#box8 div{
	width:480px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}


/* ===== Footer ================================================== */
#footer {display:block; width:900px; clear: both; margin:0 auto; padding: 48px 0; color:#cccccc;}
#footer a {color:#cccccc; text-decoration:none;}
#footer a:hover {color:#3d3d3d;}