/*
File: master style sheet for wwww.summertown.com
Created by: Laco Janic | http://www.thetribe.com/
Date: 13. November 2007
*/

html, body, form, fieldset { margin: 0; padding: 0; font: 11px/160% arial, helvetica, sans-serif; }
a img{ border: 0; }

h1, h2, h3, h4, h5, h6{ color: #707173; font-weight: bold; padding: 0; line-height: 1; margin: 0 0 12px 0; }
h2{ font-size: 18px; text-align: left; color: #707173; font-weight: normal; margin: 0 0 10px 0;}
h3{ font-size: 14px; font-weight: normal; }
h4{ font-size: 12px; font-weight: bold; }

p, pre, blockquote, ul, ol, dl, address { margin: 12px 0; padding: 0; }
li, dd, blockquote { margin-left: 1em; }

form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }

.hide{ display: none; }
.clear{ clear: both; }

table { margin: 0; padding: 0; font: 11px/160% arial, helvetica, sans-serif; }

/* Links
-------------------------------------------------------------------------- */
a, a:visited{ text-decoration: none; color: #8b0b04; }
a:hover{text-decoration: underline; }

/* Main Structure
-------------------------------------------------------------------------- */
body{
	background: #fff;
	color: #333;
	text-align: center;
}
#header{
	width: 930px;
	height: 110px;
	margin: 20px auto;
	position: relative;
	background: #fff url(images/top.jpg) 0 0 no-repeat;
	border-bottom: 1px solid #ababad;
}
#container{
	width: 930px;
	margin: 20px auto;
	text-align: left;
	background: #fff ;
	color: #333;
	position: relative;
	z-index: 10;
}
#container1,
#container2{
	width: 930px;
	margin: 20px auto;
	text-align: left;
	background: #fff url(../images/bcgr-02.png) 385px 0 repeat-y;
	color: #333;
	position: relative;
}
#container2{
	background: #fff url(../images/bcgr-01.png) 665px 0 repeat-y;
}
#container1 #col1{
	float: left;
	width: 370px;
}
#container2 #col1{
	float: left;
	width: 650px;
}
#col2{
	float: left;
	display: inline;
	margin-left: 30px;
	width: 250px;
}
#col3{
	float: right;
	display: inline;
	margin: 0;
	width: 250px;
	
}
#left{
	padding: 0;
	margin: 0 0 20px 20px;
	float: left;
	display: inline;
	width: 180px;
	position: relative;
	color: #fff;
}
#content{
	padding: 0;
	margin: 0 20px 20px 0;
	float: right;
	display: inline;
	width: 615px;
	color: #fff;
}
#footer{
	padding: 40px 0 200px 0;
	margin: 20px 0 0 0;
	font-size: 11px;
	clear: both;
	width: 930px;
	text-align: left;
	position: relative;
	background: #fff url(../images/hr-line.png) 0 20px repeat-x;
}

/* Footer
-------------------------------------------------------------------------- */
#copy{ padding: 0; margin: 0;  }
#footnav{ padding: 5px 0; margin: 0;  }
#footer a{ color: #ababad; }
#footer a:hover, #footer a#current{ color: #8b1513; }
#footer #phone{ padding: 0 0 0 30px; margin: 0; position: absolute; right: 0; top: 50px; font-size: 18px; font-weight: bold; color: #a6a8a9; background: transparent url(../images/phone-icon.png) no-repeat;  }

/* Top
-------------------------------------------------------------------------- */
#header h1 a, #header h1 a:visited{ position: absolute; top: 0; left: 0; display: block; width: 190px; height: 88px; background: transparent url(../images/summertown-logo.png) no-repeat; overflow: hidden; line-height: 1500%; display: block; }
#joinery #header h1 a, #header h1 a:visited{ position: absolute; top: 0; left: 0; display: block; width: 190px; height: 88px; background: transparent url(../images/summertown-joinery.png) no-repeat; overflow: hidden; line-height: 1500%; display: block; }
#corporate #header h1 a, #header h1 a:visited{ position: absolute; top: 0; left: 0; display: block; width: 190px; height: 88px; background: transparent url(../images/summertown.png) no-repeat; overflow: hidden; line-height: 1500%; display: block; }
#header h1 a:hover{ filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

#adr { font-weight: bold; }
#adr span{ color: #416F0D; }

/* Col 3
-------------------------------------------------------------------------- */
.colimg{ margin-bottom: 20px; }
#newsex{ border-bottom: 1px solid #ababad; border-top: 1px solid #ababad; margin-bottom: 20px; }
.newsthumb{ float: left; margin: 15px 10px 0 0;  }

/* Headings
-------------------------------------------------------------------------- */
#hd1{ background: transparent url(images/firma-albema.gif) no-repeat; line-height: 1500%; overflow: hidden; height: 20px; }
#hd2{ background: transparent url(images/kontakt.gif) no-repeat; line-height: 1500%; overflow: hidden; height: 20px; }
#hd3{ background: transparent url(images/vozovy-park.gif) no-repeat; line-height: 1500%; overflow: hidden; height: 20px; }
#hd4{ background: transparent url(images/zamestnanci.gif) no-repeat; line-height: 1500%; overflow: hidden; height: 20px; }

/* Lists
-------------------------------------------------------------------------- */

#content table{
	width: 100%;
	border-collapse: collapse;
	border: 3px solid #3d6b0b;
	margin-bottom: 1em;
	background: #fff;
	font-size: 13px;
}

#content td{ border: 1px solid #3d6b0b; padding: 6px 8px; vertical-align: top; }

#content ul{ margin-left: 20px; list-style-type: none; position: relative;}
#content ul li{ background: transparent url(images/arrow.gif) no-repeat 0 .45em; padding: 0 0 0 2.5em; margin: 0 0 1.5em 0; }

.big{
	background: #eaeee4;
	border: 1px solid #E98300;
	width: 728px;
	margin: 20px 0;
}
.big p{
	padding: 10px;
	color: #3D6B0B;
	font-size: 1.3em;
}

/* Button
------------------------------------------------------------------*/
.button a, .button a:visited{
	background: url(images/sipka.gif) no-repeat 0 0;
	display: block;
	width: 174px;
	height: 58px;
	color: #fff;
	padding: 15px 0 0 40px;
}
.button a:hover{
	color: #FFF500;
}

/* Main Nav
------------------------------------------------------------------*/
#nav,#Menu1
{ position: absolute; right: 0; top: 0; margin: 0; padding: 0; list-style: none; }
#nav li, #Menu1 li
{ display: inline; margin: 0; padding: 0; }
/*#nav a, #Menu1 a
{ display: block; float: left; width: 82px; height: 73px; margin: 0 0 0 1px; padding: 0 8px 0 0; color: #fff; background: #8b1513; font: normal 12px/1000% Helvetica,Arial,Geneva,sans-serif; text-decoration: none; text-align: right; }*/
#nav a, #Menu1 a
{ display: block; float: left; width: 82px; margin: 0 0 0 1px; padding: 60px 8px 8px 0; color: #fff; background: #8b1513; font: normal 12px Helvetica,Arial,Geneva,sans-serif; text-decoration: none; text-align: right; }

#nav a:hover, #nav a:focus, #nav a:active, #Menu1 a:hover,#Menu1 a:focus,#Menu1 a:active
{ background: #ababad; }
#nav .current a,#Menu1 .current a
{ background: #ababad; }

/* Sub Nav
------------------------------------------------------------------*/
#subnav  ul
{ margin: 0; padding: 0 0 12px 0; clear: both; position: relative; width: 250px; }
#subnav li
{ list-style: none; padding: 0; margin: 2px 0; position: relative; width: 250px; }
#subnav li a, 
#subnav li a:visited 
{ text-decoration: none; display: block; color: #707173; width: 238px; list-style: none; padding: 3px 5px; margin: 0 0 2px 0; display: block; font-size: 11px; font-weight: bold; border: 1px solid #ababad; }
#subnav li a:hover
{ color: #fff; background: #ababad; }
#subnav li.current a,
#subnav li.current a:visited, 
#subnav li.current a:hover
{ color: #fff; background: #ababad; }

#subnav #category li a:hover, 
#subnav #price li a:hover
{color: #707173;  background: #fff;  }

#subnav li ul 
{ padding: 1px 0; margin: 0;}
#subnav li li
{ padding: 0; margin: 0; }
#subnav li ul li a, 
#subnav li ul li a:visited
{ display: block; padding: 0 0 0 20px; width: 228px; margin: 0; font-size: 1em; color: #333; background: #fff url(../images/bullet-01.png) no-repeat 10px .5em; border: none; font-weight: normal;   }
#subnav li ul li a:hover, 
#subnav #category li ul li a:hover, 
#subnav #price li ul li a:hover
{ color: #fff; background: #8b1513 url(../images/bullet-01.png) no-repeat 10px .5em;}
#subnav li ul li.current a, 
#subnav li ul li.current a:visited, 
#subnav li ul li.current a:hover, 
#subnav #category li ul li.current a:hover,  
#subnav #price li ul li.current a:hover
{ color: #8b1513; background: #fff url(../images/bullet-01.png) no-repeat 10px .5em;}

#subnav h3{ font-size: 12px; font-weight: bold; color: #333; margin: 2px 0; }


/* Sub People
------------------------------------------------------------------*/

#Menu2 ul
{ margin: 0; padding: 0 0 12px 0; clear: both; position: relative; width: 250px; }
#Menu2 li
{ list-style: none; padding: 0; margin: 2px 0; position: relative; width: 250px; }
#Menu2 li a, 
#Menu2 li a:visited 
{ text-decoration: none; display: block; color: #707173; width: 223px; list-style: none; padding: 3px 5px 3px 20px; margin: 0 0 2px 0; display: block; font-size: 11px; font-weight: bold; border: 1px solid #ababad; background: #fff url(../images/plus.png) no-repeat 5px .5em; }
#Menu2 li a:hover
{ color: #8b1513; background: #fff url(../images/plus.png) no-repeat 5px .5em; }
#Menu2 li.current a,
#Menu2 li.current a:visited, 
#Menu2 li.current a:hover
{ color: #707173; background: #fff url(../images/minus.png) no-repeat 5px .5em; }

#Menu2 li ul 
{ padding: 1px 0; margin: 0;}
#Menu2 li li
{ padding: 0; margin: 0; }
#Menu2 li ul li a, 
#Menu2 li.current ul li a,
#Menu2 li ul li a:visited,
#Menu2 li ul li.current a,
#Menu2 li.current ul li a:visited
{
	display: block;
	padding: 0 0 0 20px;
	width: 228px;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	background: #fff url(../images/bullet-01.png) no-repeat 10px .5em;
	border: 0 solid #fff;
	font-weight: normal;
}

#Menu2 li ul li a:hover,
#Menu2 li.current ul li a:hover
{ color: #8b1513; background: #fff url(../images/bullet-01.png) no-repeat 10px .5em;}

#Menu2 li.current ul li a.current
{ color: #8b1513; background: #fff url(../images/bullet-01.png) no-repeat 10px .5em;}
/*
#Menu2 li ul li.current a, 
#Menu2 li ul li.current a:visited, 
#Menu2 li ul li.current a:hover
{ color: #8b1513; background: #fff url(../images/bullet-01.png) no-repeat 10px .5em;}


Sub Nav Tabs
------------------------------------------------------------------*/


#col3 .idTabs
{ margin: 0; padding: 0; position: relative; width: 250px;}
#col3 .idTabs li
{ margin: 0; padding: 0; list-style: none; float: left; }
#col3 .idTabs a
{ display: block; width: 80px; margin: 0 1px 10px 0; padding: 2px 0; background: #8b1513; color: #fff; border: 1px solid #8b1513; text-decoration: none; text-align: center; font-size: 11px; font-weight: bold; }
#col3 .idTabs a:hover, #col3 .idTabs a:focus, #col3 .idTabs a:active
{ background: #ababad; color: #fff; border: 1px solid #ababad; }
#col3 .idTabs a.selected
{ background: #ababad; color: #fff; border: 1px solid #ababad;}

/* Categories
------------------------------------------------------------------*/
#categories  ul
{ margin: 0; padding: 0 0 12px 0; clear: both; position: relative; width: 250px; }

#categories  ul li{
	
}


/* Intro
------------------------------------------------------------------ */
.intro p{
	background-color: #8b1513;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
	margin: -3px 0 0 0;
	text-indent: 10px;
	width: 100%;
}

/* Projects
-------------------------------------------------------------------------- */
#project-thumbs h3
{ margin: 10px 0; }
#project-thumbs a img, #project-thumbs a:visited img
{ border: 1px solid #ababad; }
#project-thumbs a:hover img, #project-thumbs a.selected img
{ border: 1px solid #8b1513; }

#imgholder{ width: 370px; height: 393px; overflow: hidden; }

/* People
-------------------------------------------------------------------------- */
#People{
	width: 930px;
	height: 465px;
	background: #ababad url(../images/bcgr-people.png) repeat 0 0;
	position: relative;
	z-index:10;
}


.tooltip{ width:92px; height: 92px; margin:0; padding: 0; position: absolute; display: block; z-index:10;}
.person{ z-index: 10; }
.tooltip .person img{ z-index: 10; }


#p1{  width: 92px; height: 92px; left: 93px; top: 0; background: url(../Uploads/people3/marcos.jpg) no-repeat 0 0;}
#p2{  width: 92px; height: 92px; left: 279px; top: 0; background: url(../Uploads/people3/hugo.jpg) no-repeat 0 0;}
#p3{  width: 92px; height: 92px; left: 465px; top: 0; background: url(../Uploads/people3/heidi.jpg) no-repeat 0 0;}
#p4{  width: 92px; height: 92px; left: 651px; top: 0; background: url(../Uploads/people3/shakeela.jpg) no-repeat 0 0;}
#p5{  width: 92px; height: 92px; left: 837px; top: 0; background: url(../Uploads/people3/sanjay.jpg) no-repeat 0 0;}

#p7{  width: 92px; height: 92px; left: 0px; top: 93px; background: url(../Uploads/people3/rajitha.jpg) no-repeat 0 0;}
#p8{  width: 92px; height: 92px; left: 372px; top: 93px; background: url(../Uploads/people3/pradeep.jpg) no-repeat 0 0;}
#p9{  width: 92px; height: 92px; left: 558px; top: 93px; background: url(../Uploads/people3/pinky.jpg) no-repeat 0 0;}
#p10{  width: 92px; height: 92px; left: 744px; top: 93px; background: url(../Uploads/people3/nisanth.jpg) no-repeat 0 0;}

#p11{  width: 92px; height: 92px; left: 93px; top: 186px; background: url(../Uploads/people3/nibu.jpg) no-repeat 0 0;}
#p12{  width: 92px; height: 92px; left: 279px; top: 186px; background: url(../Uploads/people3/namratha.jpg) no-repeat 0 0;}
#p13{  width: 92px; height: 92px; left: 465px; top: 186px; background: url(../Uploads/people3/nadeem.jpg) no-repeat 0 0;}
#p14{  width: 92px; height: 92px; left: 558px; top: 186px; background: url(../Uploads/people3/musharaf.jpg) no-repeat 0 0;}

#p15{  width: 92px; height: 92px; left: 0; top: 279px; background: url(../Uploads/people3/mohammed.jpg) no-repeat 0 0;}
#p16{  width: 92px; height: 92px; left: 186px; top: 279px; background: url(../Uploads/people3/meis.jpg) no-repeat 0 0;}
#p17{  width: 92px; height: 92px; left: 465px; top: 279px; background: url(../Uploads/people3/amit.jpg) no-repeat 0 0;}
#p18{  width: 92px; height: 92px; left: 651px; top: 279px; background: url(../Uploads/people3/vikram.jpg) no-repeat 0 0;}

#p19{  width: 92px; height: 92px; left: 558px; top: 372px; background: url(../Uploads/people3/sunil.jpg) no-repeat 0 0;}
#p20{  width: 92px; height: 92px; left: 744px; top: 372px; background: url(../Uploads/people3/ben.jpg) no-repeat 0 0;}
#p22{  width: 92px; height: 92px; left: 186px; top: 372px; background: url(../Uploads/people3/arthur.jpg) no-repeat 0 0;}

.hover {position:absolute; display:none; z-index:9999; width:245px;height:auto; background:#8b1513; color: #fff; }
.hover p{margin:10px; text-align:center, padding: 0; z-index:9999;}
.hover h3{margin:10px; text-align:center, padding: 0; color: #fff; line-height: 140%}
.hover h3 em{margin:0; text-align:center, padding: 0; display: block; font-size: 11px;}

.person a, .person a:visited{ width: 92px; height: 92px; left: 0; top: 0; display: block; }
.person a:hover{ filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }

/* News
-------------------------------------------------------------------------- */
.newsitem { padding: 0; margin: 0; clear: both; }
.newsitem h3{ border-bottom: 1px dashed #ababad; color: #333; padding: 5px 0; margin: 0 0 10px 0; }
.newsitem img{ padding: 0; margin: 5px 10px 0 0; }
.newsitem .newsinfo{ padding: 0; margin: 0; }
.newsitem p{ padding: 0; margin: 0 0 12px 0; }
.newsitem a, .newsitem a:visited { color: #333; }
.newsitem a:hover { color: #8b1513; }

#container2 #col1 img,
.image{ float: left; margin: 5px 10px 0 0; border: 0px solid #ababad; }
.image2{ float: left; margin: 5px 10px 0 0; }

/* Ahrend
-------------------------------------------------------------------------- */
#filmstrip img{
	border: 1px solid #ababad;
	margin: 10px 5px 0 0;
}
/* Contact
-------------------------------------------------------------------------- */
address{ font-style: normal; color: #3D6B0B; font-size: 1.3em; margin: 40px 0 0 0; }
.konatelia{ font-size: 1.3em; }

/* REGISTRATION
------------------------------------------------------------------*/
#register 
{ width: 645px; position: relative; text-align: left; margin: 18px 0; padding: 10px 0; background: #F4F4F4;border-top: 1px solid #ababad;  border-bottom: 1px solid #ababad;}
#register label 
{ float: left; display: inline; width: 100px; padding: 2px 5px; margin: 0; text-align: right; font-size: 1em; }
#register input, #register textarea, #register select 
{ border: 1px solid #ababad; background: #fff; color: #333; font: normal 1.2em/120% Arial,Helvetica,sans-serif; position: relative; padding: 2px; width: 300px; }
#register select
{ width: 306px; }

#register .checkbox
{ margin-left: 110px; width: 304px; }
#register .checkbox p
{ display: block; overflow: auto; width: 200px; }
#register .checkbox label 
{ float: no-float; display: block; width: auto; padding: 0px 5px; margin: 0; text-align: left; font-size: 1em;  width:250px; }
#register .checkbox input
{ width: auto; float: left; border: none; margin: 2px 0 0 0; }
#register .label
{ margin: 0 0 0 110px; padding: 0; }
#register  .asterisk
{ margin: 0 0 0 0px; padding: 0; }

#register .submit 
{ margin-left: 110px; background: #8B1513; border-color: #8B1513; border-style: double; border-width: 3px; color: #fff; cursor: pointer; width: 80px; padding: 1px;font-size: 1em; }
#register span
{ color: #8B1513; }

/* Blog
-------------------------------------------------------------------------- */
.items { padding: 0; margin: 0; clear: both; }
.items h4{ color: #333; padding: 0 0 5px 0; margin: 0; }
.items img{ padding: 0; margin: 5px 10px 0 0; }
.items .bloginfo{ padding: 0 0 10px 0; margin: 0; }
.items p{ padding: 0; margin: 0 0 12px 0; }
.items a, .items a:visited { color: #8b1513; }
.items a:hover { color: #333; }


/* Blog header
-------------------------------------------------------------------------- */
.items h3{ color: #333; padding: 0 0 5px 0; margin: 0; font-size: 18px; line-height: 140%; text-align: center;}
.dayHeader{ text-align: center; border-bottom: 1px dashed #ababad; padding: 8px 0; margin: 0 0 10px 0;font-size: 13px; color: #333; position: relative;}
.archiveLinkStyle{  position: absolute; top: 0; right: 0; }
p.author{ text-align: center; border-bottom: 1px dashed #ababad; margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 12px; line-height: 160%; }
p.author strong{ display: block; font-size: 14px;}

/* Blog footer
-------------------------------------------------------------------------- */
.itemFooter{ text-align: left; border-top: 1px dashed #ababad; border-bottom: 1px dashed #ababad; background: #f1f1f1; padding: 5px 10px; margin-bottom: 10px; }
.itemFooter p{ margin: 0; padding: 0; }
.itemFooter span{ clear: both; position: relative; padding: 10px 0; margin: 0; font-size: 11px; display: block; font-weight: bold; }
.itemFooter span a{ font-weight: normal; }


.commentLinkStyle{ font-size: 12px; }

/* Sidebar
-------------------------------------------------------------------------- */
.sidebar{ margin: 15px 0; width: 250px; }
.xmlCoffeeMugStyle img{ padding: 10px 0; }

.feedLinkStyle img{ display:none; }
a.feedLinkStyle, a:visited.feedLinkStyle{ background: url("http://www.summertown.ae/images/xmlCoffeeMug.gif") no-repeat 0 0; width: 249px; height: 32px; display: block; position: relative; margin: 10px 0;  }


.permalinkStyle{  }

p.commentLink{ clear: both; position: relative; padding: 0; margin: 15px 0 10px 0; width: auto; }


.item{ padding: 5px 0 10px 0; }

#container2 #col1 img.rss{ float: right; margin: -28px 0 0 0; padding: 0; }
#container2 #col1 .icons img{ float: none; margin: 15px 0; padding: 0; display: block;  }
.blogabout { width: 100%; margin: 0; clear: both; text-align: center }
.blogabout img { border:1px solid #ababad; margin: 10px auto 0 auto; clear: both; }

#container2 #col1 img,
.image{ float: left; margin: 5px 10px 0 0; border: 0px solid #ababad; }
.image2{ float: left; margin: 5px 10px 0 0; }
#container2 #col1 .itemBody img{ border: 1px solid #ababad; padding: 3px; }


.hCalendarMonthYearRow{ width: 100%; border-bottom: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;}
.hCalendarMonthYearRow td{ font-weight: bold; padding: 3px;  }

.hCalendarStyle{ border-collapse: collapse; }
.hCalendarOtherMonthStyle{ border: 1px solid #fff; background: #f1f1f1; width: 30px; }
.hCalendarOtherMonthWeekendStyle{ border: 1px solid #fff; background: #f1f1f1; width: 30px; }
.hCalendarDay{ border: 1px solid #fff; background: #e1e1e1; width: 30px; }
.hCalendarWeekendStyle{ border: 1px solid #fff; background: #e1e1e1; width: 30px; }
.hCalendarDayCurrent, .hCalendarDayCurrent a, .hCalendarDayCurrent:visited{ border: 1px solid #fff; background: #ababad; width: 30px; color: #fff }

.blogRollCellStyle, .titleListStyle td, .archiveLinksTableStyle td{ background: url("../images/arrow-01.png") no-repeat 0 6px; padding: 0 0 0 8px; font-weight: bold; }
.navigatorLinksCellStyle, .titleListStyle td, .archiveLinksTableStyle td{ background: url("../images/arrow-01.png") no-repeat 0 6px; padding: 0 0 0 8px; font-weight: bold; }
.categoryListCellStyle{ font-weight: bold; }


/* Share Icons
-------------------------------------------------------------------------- */

.sharesb{
	clear: both;
	position: relative;
	border: 1px solid #ddd;
	padding: 10px 0;
	margin: 15px 0;
	font-size: 11px;
	width: 100%;
	height: 20px;
}

.sharesb p {
	padding: 0;
	margin: 0;
}

.sharesb p a{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 10px;
	font-size: 11px;
}

.sharesb h3{
	padding: 3px 0 0 0;
	margin: 0 5px 0 0;
	width: 100px;
	font-weight: normal;
	border-bottom: none;
	float: left;
	display: inline;
	font-size: 11px;
}

.sharesb ul{
	text-align: left;
	list-style: none;
	margin: 0 0 0px 15px;
	padding: 0;
	float: left;
	display: inline;
}

.sharesb ul li{
	text-align: center;
	display: inline;
	padding: 0 4px 6px 0;
}

.sharesb ul li.delicious{background:url("../images/delicious.gif") no-repeat 0 0;}
.sharesb ul li.digg{background:url("../images/digg.gif") no-repeat 0 0;}
.sharesb ul li.reddit{ padding: 0 0 0 2px; background: url("../images/reddit.gif") no-repeat 0 0; }
.sharesb ul li.facebook{background:url("../images/facebook.gif") no-repeat 0 0;}
.sharesb ul li.stumbleupon{background:url("../images/stumbleupon.gif") no-repeat 0 0;}
.sharesb ul li a{ padding: 0 0 0 18px; margin: 0 3px 0 0px; }

/* Blog Comments
-------------------------------------------------------------------------- */
.commentViewBoxStyle{ width: 450px; margin: 25px 0 10px 0; padding: 10px; background: #f1f1f1; }
table.commentViewTableStyle{ padding: 5px 0;margin: 10px 0; }
table.commentViewTableStyle td{ padding: 2px 0; }
.commentViewLabelStyle{ padding-right: 10px; }
.commentViewTableStyle input, .commentViewTableStyle textarea{ border: 1px solid #e1e1e1; background: #fff; padding: 3px; }
.commentViewBoxStyle span span{ color: #8b1513; }
input#_ctl2_add{ background: #8b1513; color: #fff; padding: 2px; }

.commentBoxStyle{
	padding: 10px;
	margin: 0 0 10px 0;
	background: #f1f1f1;
}

.commentDateStyle{
	border-top: 1px dashed #ababad;
	border-bottom: 1px dashed #ababad;
	margin: 10px 0 0 0;
	padding: 10px 0;
	font-size: 14px;
}

.commentBodyStyle{ padding: 10px 0; }
.commentPermalinkStyle{ font-weight: bold; }


/* Blog Admin
-------------------------------------------------------------------------- */

.adminNavbarStyle
{ margin: 0 auto; padding: 0; position: relative; width: 930px; height: 50px;}
.adminNavbarStyle li
{ margin: 0; padding: 0; list-style: none; float: left; }
.adminNavbarStyle a
{ display: block; width: 122px; margin: 0 1px 10px 0; padding: 2px 0; background: #8b1513; color: #fff; border: 1px solid #8b1513; text-decoration: none; text-align: center; font-size: 11px; font-weight: bold; }
.adminNavbarStyle a:hover, .adminNavbarStyle a:focus, .adminNavbarStyle a:active
{ background: #ababad; color: #fff; border: 1px solid #ababad; }
.adminNavbarStyle a.selected
{ background: #ababad; color: #fff; border: 1px solid #ababad; }




/* Added by Hannah 21-07-2009
---------------------------------------------------------------------------------------- */
/*
File: master style sheet for wwww.summertown.com
Created by: Laco Janic | http://www.thetribe.com/
Date: 13. November 2007
*/

html, body, form, fieldset { margin: 0; padding: 0; font: 11px/160% arial, helvetica, sans-serif; }
a img{ border: 0; }

h1, h2, h3, h4, h5, h6{ color: #707173; font-weight: bold; padding: 0; line-height: 1; margin: 0 0 12px 0; }
h2{ font-size: 18px; text-align: left; color: #707173; font-weight: normal; margin: 0 0 10px 0;}
h3{ font-size: 14px; font-weight: normal; }
h4{ font-size: 12px; font-weight: bold; }

p, pre, blockquote, ul, ol, dl, address { margin: 12px 0; padding: 0; }
li, dd, blockquote { margin-left: 1em; }

form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }

.hide{ display: none; }
.clear{ clear: both; }

table { margin: 0; padding: 0; font: 11px/160% arial, helvetica, sans-serif; }

/* Links
-------------------------------------------------------------------------- */
a, a:visited{ text-decoration: none; color: #8b0b04; }
a:hover{text-decoration: underline; }

/* Main Structure
-------------------------------------------------------------------------- */
body{
	background: #fff;
	color: #333;
	text-align: center;
}
#header{
	width: 930px;
	height: 110px;
	margin: 20px auto;
	position: relative;
	background: #fff url(images/top.jpg) 0 0 no-repeat;
	border-bottom: 1px solid #ababad;
}
#container{
	width: 930px;
	margin: 20px auto;
	text-align: left;
	background: #fff ;
	color: #333;
	position: relative;
	z-index: 10;
}
#container1,
#container2{
	width: 930px;
	margin: 20px auto;
	text-align: left;
	background: #fff url(../images/bcgr-02.png) 385px 0 repeat-y;
	color: #333;
	position: relative;
}
#container2{
	background: #fff url(../images/bcgr-01.png) 665px 0 repeat-y;
}
#container1 #col1{
	float: left;
	width: 370px;
}
#container2 #col1{
	float: left;
	width: 650px;
}
#col2{
	float: left;
	display: inline;
	margin-left: 30px;
	width: 250px;
}
#col3{
	float: right;
	display: inline;
	margin: 0;
	width: 250px;

}
#left{
	padding: 0;
	margin: 0 0 20px 20px;
	float: left;
	display: inline;
	width: 180px;
	position: relative;
	color: #fff;
}
#content{
	padding: 0;
	margin: 0 20px 20px 0;
	float: right;
	display: inline;
	width: 615px;
	color: #fff;
}
 #footer{
	padding: 40px 0 200px 0;
	margin: 20px 0 0 0;
	font-size: 11px;
	clear: both;
	width: 930px;
	text-align: left;
	position: relative;
	background: #fff url(../images/hr-line.png) 0 20px repeat-x;
}

/* Footer
-------------------------------------------------------------------------- */
#copy{ padding: 0; margin: 0;  }
#footnav{ padding: 5px 0; margin: 0;  }
#footer a{ color: #ababad; }
#footer a:hover, #footer a#current{ color: #8b1513; }
#footer #phone{ padding: 0 0 0 30px; margin: 0; position: absolute; right: 0; top: 50px; font-size: 18px; font-weight: bold; color: #a6a8a9; background: transparent url(../images/phone-icon.png) no-repeat;  }

/* Top
-------------------------------------------------------------------------- */
#header h1 a, #header h1 a:visited{ position: absolute; top: 0; left: 0; display: block; width: 190px; height: 88px; background: transparent url(../images/summertown-logo.png) no-repeat; overflow: hidden; line-height: 1500%; display: block; }
#header h1 a:hover{ filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

#adr { font-weight: bold; }
#adr span{ color: #416F0D; }

/* Col 3
-------------------------------------------------------------------------- */
.colimg{ margin-bottom: 20px; }
#newsex{ border-bottom: 1px solid #ababad; border-top: 1px solid #ababad; margin-bottom: 10px; }
.newsthumb{ float: left; margin: 15px 10px 0 0;  }
#newsex .more a{ font-weight: bold; font-size: 12px;}

#Hotspots img{ margin-bottom: 10px;}
#Enquiries{ margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #ababad;}
#Hotspots a:hover img, #Enquiries a:hover img{ filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}

/* Newsletter
------------------------------------------------------------------*/
#Newsletter h3{ font-weight: bold; font-size: 12px; margin: 15px 0 5px 0; color: #a6a8a9;}
#Newsletter label 
{ float: left; display: inline; width: 58px; padding: 2px 0; margin: 0; font-size: 1em; }
#Newsletter  input, #Newsletter textarea, #Newsletter select 
{ border: 1px solid #ababad; background: #fff; color: #333; font: normal 1.1em/120% Arial,Helvetica,sans-serif; position: relative; padding: 2px; width: 175px; }
#Newsletter .label{ margin: 0 0 0 50px; padding: 0; }
#Newsletter .asterisk{ margin: 0; padding: 0; }

#Newsletter .submit 
{ margin-left: 50px; background: #8B1513; border-color: #8B1513; border-style: double; border-width: 3px; color: #fff; cursor: pointer; width: 80px; padding: 1px;font-size: 1em; }
#Newsletter .submitnewsletter
{ margin-left: 58px; background: #8B1513; border-color: #8B1513; border-style: double; border-width: 3px; color: #fff; cursor: pointer; width: 80px; padding: 1px;font-size: 1em; }
#Newsletter span
{ color: #8B1513; }

/* Headings
-------------------------------------------------------------------------- */
#hd1{ background: transparent url(images/firma-albema.gif) no-repeat; line-height: 1500%; overflow: hidden; height: 20px; }
#hd2{ background: transparent url(images/kontakt.gif) no-repeat; line-height: 1500%; overflow: hidden; height: 20px; }
#hd3{ background: transparent url(images/vozovy-park.gif) no-repeat; line-height: 1500%; overflow: hidden; height: 20px; }
#hd4{ background: transparent url(images/zamestnanci.gif) no-repeat; line-height: 1500%; overflow: hidden; height: 20px; }

/* Lists
-------------------------------------------------------------------------- */

#content table{
	width: 100%;
	border-collapse: collapse;
	border: 3px solid #3d6b0b;
	margin-bottom: 1em;
	background: #fff;
	font-size: 13px;
}

#content td{ border: 1px solid #3d6b0b; padding: 6px 8px; vertical-align: top; }

#content ul{ margin-left: 20px; list-style-type: none; position: relative;}
#content ul li{ background: transparent url(images/arrow.gif) no-repeat 0 .45em; padding: 0 0 0 2.5em; margin: 0 0 1.5em 0; }

.big{
	background: #eaeee4;
	border: 1px solid #E98300;
	width: 728px;
	margin: 20px 0;
}
.big p{
	padding: 10px;
	color: #3D6B0B;
	font-size: 1.3em;
}

/* Button
------------------------------------------------------------------*/
.button a, .button a:visited{
	background: url(images/sipka.gif) no-repeat 0 0;
	display: block;
	width: 174px;
	height: 58px;
	color: #fff;
	padding: 15px 0 0 40px;
}
.button a:hover{
	color: #FFF500;
}

/* Main Nav
------------------------------------------------------------------*/
#nav
{ position: absolute; right: 0; top: 0; margin: 0; padding: 0; list-style: none; }
#nav li
{ display: inline; margin: 0; padding: 0; }
/*#nav a
{ display: block; float: left; width: 82px; height: 73px; margin: 0 0 0 1px; padding: 0 8px 0 0; color: #fff; background: #8b1513; font: normal 12px/1000% Helvetica,Arial,Geneva,sans-serif; text-decoration: none; text-align: right; }*/
#nav a
{ display: block; float: left; width: 82px; margin: 0 0 0 1px; padding: 60px 8px 8px 0; color: #fff; background: #8b1513; font: normal 12px Helvetica,Arial,Geneva,sans-serif; text-decoration: none; text-align: right; }

#nav a:hover, #nav a:focus, #nav a:active
{ background: #ababad; }
#nav .current a
{ background: #ababad; }

/* Sub Nav
------------------------------------------------------------------*/
#subnav  ul
{ margin: 0; padding: 0 0 12px 0; clear: both; position: relative; width: 250px; }
#subnav li
{ list-style: none; padding: 0; margin: 2px 0; position: relative; width: 250px; }
#subnav li a, 
#subnav li a:visited 
{ text-decoration: none; display: block; color: #707173; width: 238px; list-style: none; padding: 3px 5px; margin: 0 0 2px 0; display: block; font-size: 11px; font-weight: bold; border: 1px solid #ababad; }
#subnav li a:hover
{ color: #fff; background: #ababad; }
#subnav li.current a,
#subnav li.current a:visited, 
#subnav li.current a:hover
{ color: #fff; background: #ababad; }

#subnav #category li a:hover, 
#subnav #price li a:hover
{color: #707173;  background: #fff;  }

#subnav li ul 
{ padding: 1px 0; margin: 0;}
#subnav li li
{ padding: 0; margin: 0; }
#subnav li ul li a, 
#subnav li ul li a:visited
{ display: block; padding: 0 0 0 20px; width: 228px; margin: 0; font-size: 1em; color: #333; background: #fff url(../images/bullet-01.png) no-repeat 10px .5em; border: none; font-weight: normal;   }
#subnav li ul li a:hover, 
#subnav #category li ul li a:hover, 
#subnav #price li ul li a:hover
{ color: #fff; background: #8b1513 url(../images/bullet-01.png) no-repeat 10px .5em;}
#subnav li ul li.current a, 
#subnav li ul li.current a:visited, 
#subnav li ul li.current a:hover, 
#subnav #category li ul li.current a:hover,  
#subnav #price li ul li.current a:hover
{ color: #8b1513; background: #fff url(../images/bullet-01.png) no-repeat 10px .5em;}

#subnav h3{ font-size: 12px; font-weight: bold; color: #333; margin: 2px 0; }


/* Sub People
------------------------------------------------------------------*/

#Menu2 ul
{ margin: 0; padding: 0 0 12px 0; clear: both; position: relative; width: 250px; }
#Menu2 li
{ list-style: none; padding: 0; margin: 2px 0; position: relative; width: 250px; }
#Menu2 li a, 
#Menu2 li a:visited 
{ text-decoration: none; display: block; color: #707173; width: 223px; list-style: none; padding: 3px 5px 3px 20px; margin: 0 0 2px 0; display: block; font-size: 11px; font-weight: bold; border: 1px solid #ababad; background: #fff url(../images/plus.png) no-repeat 5px .5em; }
#Menu2 li a:hover
{ color: #8b1513; background: #fff url(../images/plus.png) no-repeat 5px .5em; }
#Menu2 li.current a,
#Menu2 li.current a:visited, 
#Menu2 li.current a:hover
{ color: #707173; background: #fff url(../images/minus.png) no-repeat 5px .5em; }

#Menu2 li ul 
{ padding: 1px 0; margin: 0;}
#Menu2 li li
{ padding: 0; margin: 0; }
#Menu2 li ul li a, 
#Menu2 li.current ul li a,
#Menu2 li ul li a:visited,
#Menu2 li ul li.current a,
#Menu2 li.current ul li a:visited
{
	display: block;
	padding: 0 0 0 20px;
	width: 228px;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	background: #fff url(../images/bullet-01.png) no-repeat 10px .5em;
	border: 0 solid #fff;
	font-weight: normal;
}

#Menu2 li ul li a:hover,
#Menu2 li.current ul li a:hover
{ color: #8b1513; background: #fff url(../images/bullet-01.png) no-repeat 10px .5em;}

#Menu2 li.current ul li a.current
{ color: #8b1513; background: #fff url(../images/bullet-01.png) no-repeat 10px .5em;}
/*
#Menu2 li ul li.current a, 
#Menu2 li ul li.current a:visited, 
#Menu2 li ul li.current a:hover
{ color: #8b1513; background: #fff url(../images/bullet-01.png) no-repeat 10px .5em;}


Sub Nav Tabs
------------------------------------------------------------------*/

#col3 .idTabs
{ margin: 0; padding: 0; position: relative; width: 250px;}
#col3 .idTabs li
{ margin: 0; padding: 0; list-style: none; float: left; }
#col3 .idTabs a
{ display: block; width: 80px; margin: 0 1px 10px 0; padding: 2px 0; background: #8b1513; color: #fff; border: 1px solid #8b1513; text-decoration: none; text-align: center; font-size: 11px; font-weight: bold; }
#col3 .idTabs a:hover, #col3 .idTabs a:focus, #col3 .idTabs a:active
{ background: #ababad; color: #fff; border: 1px solid #ababad; }
#col3 .idTabs a.selected
{ background: #ababad; color: #fff; border: 1px solid #ababad;}

/* Categories
------------------------------------------------------------------*/
#categories  ul
{ margin: 0; padding: 0 0 12px 0; clear: both; position: relative; width: 250px; }

#categories  ul li{
	
}


/* Intro
------------------------------------------------------------------ */
.intro p{
	background-color: #8b1513;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
	margin: -3px 0 0 0;
	text-indent: 10px;
	width: 100%;
}

/* Projects
-------------------------------------------------------------------------- */
#project-thumbs h3
{ margin: 10px 0; }
#project-thumbs a img, #project-thumbs a:visited img
{ border: 1px solid #ababad; }
#project-thumbs a:hover img, #project-thumbs a.selected img
{ border: 1px solid #8b1513; }

#imgholder{ width: 370px; height: 393px; overflow: hidden; }

/* People
-------------------------------------------------------------------------- */
#People{
	width: 930px;
	height: 465px;
	background: #ababad url(../images/bcgr-people.png) repeat 0 0;
	position: relative;
	z-index:10;
}


.tooltip{ width:92px; height: 92px; margin:0; padding: 0; position: absolute; display: block; z-index:10;}
.person{ z-index: 10; }
.tooltip .person img{ z-index: 10; }


#p1{  width: 92px; height: 92px; left: 93px; top: 0; background: url(../Uploads/people3/marcos.jpg) no-repeat 0 0;}
#p2{  width: 92px; height: 92px; left: 279px; top: 0; background: url(../Uploads/people3/hugo.jpg) no-repeat 0 0;}
#p3{  width: 92px; height: 92px; left: 465px; top: 0; background: url(../Uploads/people3/heidi.jpg) no-repeat 0 0;}
#p4{  width: 92px; height: 92px; left: 651px; top: 0; background: url(../Uploads/people3/shakeela.jpg) no-repeat 0 0;}
#p5{  width: 92px; height: 92px; left: 837px; top: 0; background: url(../Uploads/people3/sanjay.jpg) no-repeat 0 0;}

#p7{  width: 92px; height: 92px; left: 0px; top: 93px; background: url(../Uploads/people3/rajitha.jpg) no-repeat 0 0;}
#p8{  width: 92px; height: 92px; left: 372px; top: 93px; background: url(../Uploads/people3/pradeep.jpg) no-repeat 0 0;}
#p9{  width: 92px; height: 92px; left: 558px; top: 93px; background: url(../Uploads/people3/pinky.jpg) no-repeat 0 0;}
#p10{  width: 92px; height: 92px; left: 744px; top: 93px; background: url(../Uploads/people3/nisanth.jpg) no-repeat 0 0;}

#p11{  width: 92px; height: 92px; left: 93px; top: 186px; background: url(../Uploads/people3/nibu.jpg) no-repeat 0 0;}
#p12{  width: 92px; height: 92px; left: 279px; top: 186px; background: url(../Uploads/people3/namratha.jpg) no-repeat 0 0;}
#p13{  width: 92px; height: 92px; left: 465px; top: 186px; background: url(../Uploads/people3/nadeem.jpg) no-repeat 0 0;}
#p14{  width: 92px; height: 92px; left: 558px; top: 186px; background: url(../Uploads/people3/musharaf.jpg) no-repeat 0 0;}

#p15{  width: 92px; height: 92px; left: 0; top: 279px; background: url(../Uploads/people3/mohammed.jpg) no-repeat 0 0;}
#p16{  width: 92px; height: 92px; left: 186px; top: 279px; background: url(../Uploads/people3/meis.jpg) no-repeat 0 0;}
#p17{  width: 92px; height: 92px; left: 465px; top: 279px; background: url(../Uploads/people3/amit.jpg) no-repeat 0 0;}
#p18{  width: 92px; height: 92px; left: 651px; top: 279px; background: url(../Uploads/people3/vikram.jpg) no-repeat 0 0;}

#p19{  width: 92px; height: 92px; left: 558px; top: 372px; background: url(../Uploads/people3/sunil.jpg) no-repeat 0 0;}
#p20{  width: 92px; height: 92px; left: 744px; top: 372px; background: url(../Uploads/people3/ben.jpg) no-repeat 0 0;}
#p22{  width: 92px; height: 92px; left: 186px; top: 372px; background: url(../Uploads/people3/arthur.jpg) no-repeat 0 0;}

.hover {position:absolute; display:none; z-index:9999; width:245px;height:auto; background:#8b1513; color: #fff; }
.hover p{margin:10px; text-align:center, padding: 0; z-index:9999;}
.hover h3{margin:10px; text-align:center, padding: 0; color: #fff; line-height: 140%}
.hover h3 em{margin:0; text-align:center, padding: 0; display: block; font-size: 11px;}

.person a, .person a:visited{ width: 92px; height: 92px; left: 0; top: 0; display: block; }
.person a:hover{ filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }

/* News
-------------------------------------------------------------------------- */
.newsitem { padding: 0; margin: 0; clear: both; }
.newsitem h3{ border-bottom: 1px dashed #ababad; color: #333; padding: 5px 0; margin: 0 0 10px 0; }
.newsitem img{ padding: 0; margin: 5px 10px 0 0; }
.newsitem .newsinfo{ padding: 0; margin: 0; }
.newsitem p{ padding: 0; margin: 0 0 12px 0; }
.newsitem a, .newsitem a:visited { color: #333; }
.newsitem a:hover { color: #8b1513; }

#container2 #col1 img,
.image{ float: left; margin: 5px 10px 0 0; border: 0px solid #ababad; }
.image2{ float: left; margin: 5px 10px 0 0; }

/* Ahrend
-------------------------------------------------------------------------- */
#filmstrip img{
	border: 1px solid #ababad;
	margin: 10px 5px 0 0;
}
/* Contact
-------------------------------------------------------------------------- */
address{ font-style: normal; color: #3D6B0B; font-size: 1.3em; margin: 40px 0 0 0; }
.konatelia{ font-size: 1.3em; }
/*THANK YOU
------------------------------------------------------------------*/
#thankyou
{width: 645px; color:#8B1513; position: relative; text-align: left;  margin: 18px 0 18px 0; padding: 10px 0px 10px 10px; background: #F4F4F4;border-top: 1px solid #ababad;  border-bottom: 1px solid #ababad;}

/* REGISTRATION
------------------------------------------------------------------*/
#register 
{ width: 605px; position: relative; text-align: left; margin: 18px 0; padding: 10px 15px; background: #F4F4F4;border-top: 1px solid #ababad;  border-bottom: 1px solid #ababad; }
#register label 
{ float: left; display: inline; width: 130px; padding: 2px 5px; margin: 0; text-align: right; font-size: 1em; }
#register input, #register textarea, #register select 
{ border: 1px solid #ababad; background: #fff; color: #333; font: normal 1.2em/120% Arial,Helvetica,sans-serif; position: relative; padding: 2px; width: 300px; }
#register select
{ width: 306px; }


#register .checkbox
{ margin-left: 110px; width: 304px; }
#register .checkbox p
{ display: block; overflow: auto; width: 200px; }
#register .checkbox label 
{ float: no-float; display: block; width: auto; padding: 0px 5px; margin: 0; text-align: left; font-size: 1em;  width:250px; }
#register .checkbox input
{ width: auto; float: left; border: none; margin: 2px 0 0 0; }
#register .label
{ margin: 0 0 0 110px; padding: 0; }
#register  .asterisk
{ margin: 0 0 0 0px; padding: 0; }

#register .submit 
{ margin-left: 140px; background: #8B1513; border-color: #8B1513; border-style: double; border-width: 3px; color: #fff; cursor: pointer; width: 80px; padding: 1px;font-size: 1em; }
#register span
{ color: #8B1513; }

/* Gallery
-------------------------------------------------------------------------- */

#Gallery img{ display: block; float: left; margin: 2px; position: relative;}
#Gallery a img{ border: 1px solid #fff; position: relative;}
#Gallery a:hover img{ border: 1px solid #ABABAD;}

/* Blog
-------------------------------------------------------------------------- */
.items { padding: 0; margin: 0; clear: both; }
.items h4{ color: #333; padding: 0 0 5px 0; margin: 0; }
.items img{ padding: 0; margin: 5px 10px 0 0; }
.items .bloginfo{ padding: 0 0 10px 0; margin: 0; }
.items p{ padding: 0; margin: 0 0 12px 0; }
.items a, .items a:visited { color: #8b1513; }
.items a:hover { color: #333; }


/* Blog header
-------------------------------------------------------------------------- */
.items h3{ color: #333; padding: 0 0 5px 0; margin: 0; font-size: 18px; line-height: 140%; text-align: center;}
.dayHeader{ text-align: center; border-bottom: 1px dashed #ababad; padding: 8px 0; margin: 0 0 10px 0;font-size: 13px; color: #333; position: relative;}
.archiveLinkStyle{  position: absolute; top: 0; right: 0; }
p.author{ text-align: center; border-bottom: 1px dashed #ababad; margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 12px; line-height: 160%; }
p.author strong{ display: block; font-size: 14px;}

/* Blog footer
-------------------------------------------------------------------------- */
.itemFooter{ text-align: left; border-top: 1px dashed #ababad; border-bottom: 1px dashed #ababad; background: #f1f1f1; padding: 5px 10px; margin-bottom: 10px; }
.itemFooter p{ margin: 0; padding: 0; }
.itemFooter span{ clear: both; position: relative; padding: 10px 0; margin: 0; font-size: 11px; display: block; font-weight: bold; }
.itemFooter span a{ font-weight: normal; }


.commentLinkStyle{ font-size: 12px; }

/* Sidebar
-------------------------------------------------------------------------- */
.sidebar{ margin: 15px 0; width: 250px; }
.xmlCoffeeMugStyle img{ padding: 10px 0; }

.feedLinkStyle img{ display:none; }
a.feedLinkStyle, a:visited.feedLinkStyle{ background: url("http://www.summertown.ae/images/xmlCoffeeMug.gif") no-repeat 0 0; width: 249px; height: 32px; display: block; position: relative; margin: 10px 0;  }


.permalinkStyle{  }

p.commentLink{ clear: both; position: relative; padding: 0; margin: 15px 0 10px 0; width: auto; }


.item{ padding: 5px 0 10px 0; }

#container2 #col1 img.rss{ float: right; margin: -28px 0 0 0; padding: 0; }
#container2 #col1 .icons img{ float: none; margin: 15px 0; padding: 0; display: block;  }
.blogabout { width: 100%; margin: 0; clear: both; text-align: center }
.blogabout img { border:1px solid #ababad; margin: 10px auto 0 auto; clear: both; }

#container2 #col1 img,
.image{ float: left; margin: 5px 10px 0 0; border: 0px solid #ababad; }
.image2{ float: left; margin: 5px 10px 0 0; }
#container2 #col1 .itemBody img{ border: 1px solid #ababad; padding: 3px; }


.hCalendarMonthYearRow{ width: 100%; border-bottom: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;}
.hCalendarMonthYearRow td{ font-weight: bold; padding: 3px;  }

.hCalendarStyle{ border-collapse: collapse; }
.hCalendarOtherMonthStyle{ border: 1px solid #fff; background: #f1f1f1; width: 30px; }
.hCalendarOtherMonthWeekendStyle{ border: 1px solid #fff; background: #f1f1f1; width: 30px; }
.hCalendarDay{ border: 1px solid #fff; background: #e1e1e1; width: 30px; }
.hCalendarWeekendStyle{ border: 1px solid #fff; background: #e1e1e1; width: 30px; }
.hCalendarDayCurrent, .hCalendarDayCurrent a, .hCalendarDayCurrent:visited{ border: 1px solid #fff; background: #ababad; width: 30px; color: #fff }

.blogRollCellStyle, .titleListStyle td, .archiveLinksTableStyle td{ background: url("../images/arrow-01.png") no-repeat 0 6px; padding: 0 0 0 8px; font-weight: bold; }
.navigatorLinksCellStyle, .titleListStyle td, .archiveLinksTableStyle td{ background: url("../images/arrow-01.png") no-repeat 0 6px; padding: 0 0 0 8px; font-weight: bold; }
.categoryListCellStyle{ font-weight: bold; }


/* Share Icons
-------------------------------------------------------------------------- */

.sharesb{
	clear: both;
	position: relative;
	border: 1px solid #ddd;
	padding: 10px 0;
	margin: 15px 0;
	font-size: 11px;
	width: 100%;
	height: 20px;
}

.sharesb p {
	padding: 0;
	margin: 0;
}

.sharesb p a{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 10px;
	font-size: 11px;
}

.sharesb h3{
	padding: 3px 0 0 0;
	margin: 0 5px 0 0;
	width: 100px;
	font-weight: normal;
	border-bottom: none;
	float: left;
	display: inline;
	font-size: 11px;
}

.sharesb ul{
	text-align: left;
	list-style: none;
	margin: 0 0 0px 15px;
	padding: 0;
	float: left;
	display: inline;
}

.sharesb ul li{
	text-align: center;
	display: inline;
	padding: 0 4px 6px 0;
}

.sharesb ul li.delicious{background:url("../images/delicious.gif") no-repeat 0 0;}
.sharesb ul li.digg{background:url("../images/digg.gif") no-repeat 0 0;}
.sharesb ul li.reddit{ padding: 0 0 0 2px; background: url("../images/reddit.gif") no-repeat 0 0; }
.sharesb ul li.facebook{background:url("../images/facebook.gif") no-repeat 0 0;}
.sharesb ul li.stumbleupon{background:url("../images/stumbleupon.gif") no-repeat 0 0;}
.sharesb ul li a{ padding: 0 0 0 18px; margin: 0 3px 0 0px; }

/* Blog Comments
-------------------------------------------------------------------------- */
.commentViewBoxStyle{ width: 450px; margin: 25px 0 10px 0; padding: 10px; background: #f1f1f1; }
table.commentViewTableStyle{ padding: 5px 0;margin: 10px 0; }
table.commentViewTableStyle td{ padding: 2px 0; }
.commentViewLabelStyle{ padding-right: 10px; }
.commentViewTableStyle input, .commentViewTableStyle textarea{ border: 1px solid #e1e1e1; background: #fff; padding: 3px; }
.commentViewBoxStyle span span{ color: #8b1513; }
input#_ctl2_add{ background: #8b1513; color: #fff; padding: 2px; }

.commentBoxStyle{
	padding: 10px;
	margin: 0 0 10px 0;
	background: #f1f1f1;
}

.commentDateStyle{
	border-top: 1px dashed #ababad;
	border-bottom: 1px dashed #ababad;
	margin: 10px 0 0 0;
	padding: 10px 0;
	font-size: 14px;
}

.commentBodyStyle{ padding: 10px 0; }
.commentPermalinkStyle{ font-weight: bold; }


/* Blog Admin
-------------------------------------------------------------------------- */

.adminNavbarStyle
{ margin: 0 auto; padding: 0; position: relative; width: 930px; height: 50px;}
.adminNavbarStyle li
{ margin: 0; padding: 0; list-style: none; float: left; }
.adminNavbarStyle a
{ display: block; width: 122px; margin: 0 1px 10px 0; padding: 2px 0; background: #8b1513; color: #fff; border: 1px solid #8b1513; text-decoration: none; text-align: center; font-size: 11px; font-weight: bold; }
.adminNavbarStyle a:hover, .adminNavbarStyle a:focus, .adminNavbarStyle a:active
{ background: #ababad; color: #fff; border: 1px solid #ababad; }
.adminNavbarStyle a.selected
{ background: #ababad; color: #fff; border: 1px solid #ababad; }

#leedslogo
{
	height: 54px;float: right; margin:0px; }
	#divleedslogo 
	{height: 54px;float: right; margin-top:280px;
		}
		.press
		{width:650px;
		 margin:0;
		 padding:0;
		 float:left;
		 clear:both;
		}
		
		
/*********************************************************************
	 People page - created as per the new designs on 13. July.2010
**********************************************************************/

/* Menu
*************************************************/
#Menu2a ul{ margin: 0; padding: 0 0 12px 0; clear: both; position: relative; width: 250px; }
#Menu2a li{ list-style: none; padding: 0; margin: 2px 0; position: relative; width: 250px; }
#Menu2a li a, #Menu2a li a:visited { text-decoration: none; display: block; color: #fff; width: 223px; list-style: none; padding: 3px 5px 3px 10px; margin: 0 0 2px 0; display: block; 
 font-size: 11px; font-weight: bold; background: #8b1513 url(../images/down.png) no-repeat 217px .5em; }
#Menu2a li a:hover{ color: #fff; background: #8b1513 url(../images/down.png) no-repeat 217px .5em; }
#Menu2a li.current a,
#Menua2 li.current a:visited, 
#Menu2a li.current a:hover
{ color: #fff; background: #8b1513 url(../images/up.png) no-repeat 217px .5em; }

#Menu2a li ul { padding: 1px 0; margin: 0 ;}
#Menu2a ul ul { padding: 1px 0; margin: 0 0 5px 0;}
/*#Menu2a li li{ padding: 0; margin: 0; }
Done in a hurry and needs to be refactored. Ash.
*/
#Menu2a li li li{ padding: 0; margin:0px 0px 0px -10px; }

#Menu2a li li li a, 
#Menu2a li.current ul li a,
#Menu2a li ul li a:visited,
#Menu2a li ul li.current a,
#Menu2a li.current ul li a:visited
{ display: block; padding: 0 0 0 20px; width: 228px; margin: 0; font-size: 10px; font-weight: normal;
color:#707173; background: #fff url(../images/bullet-01.png) no-repeat 10px .5em;}

#Menu2a li ul li a:hover,
#Menu2a li.current ul li a:hover
{ color: #8b1513; background: #fff url(../images/bullet-01.png) no-repeat 10px .5em;}
#Menu2a li.current ul li.current a
{ color: #8b1513; background: #fff url(../images/bullet-01.png) no-repeat 10px .5em;}

/*Done in a hurry and needs to be refactored. Ash.*/
#Menu2a li li{ padding: 0; font-weight:bold; color:#767678; margin:0px 0px 0px 10px; }
#Menu2a li li.exception{ padding: 0; font-weight:bold; color:#767678; margin:0px 0px 0px 0px; }
#Menu2a li li.exceptioncurrent{ padding: 0; font-weight:bold; color:#8B1513; margin:0px 0px 0px 0px;  }

/* Breadcrumb
*************************************************/

ul.breadcrumb
{position: relative; float: left;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;list-style-type: none; width: 600px; font: normal 11px/1.2 Arial, Helvetica, sans-serif;}
ul.breadcrumb li
{float: left; margin: 0px 5px 0px 0px; padding: 12px 0px 6px 0px; color: #333;}
ul.breadcrumb li a, ul.breadcrumb li a:visited
{font-weight: normal; background: url(../Images/seperator.gif) no-repeat -1px 1px; color: #333;text-decoration: none;font: normal 11px/1.2 Arial, Helvetica, sans-serif;padding: 0px 0px 0px 14px;}
ul.breadcrumb li a:hover{color: #8b1513;}
ul.breadcrumb li a.current, ul.breadcrumb li a:visited.current
{color: #8b1513;font-weight: normal;}
#BreadHome{background: none;padding-left: 0px;padding-right: 0px;}
.BreadSlash{float: left;margin: 0;padding: 0px 21px 0px 21px;color: #333;font-size: large; height: 30px;vertical-align: text-top;}

#departments{ width:652px; height:500px; position:relative; float:left; padding:0px; margin:0px;color:#9E9FA3; font:bold Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}
.r1{width:652px; height:105px; position:relative; float:left; padding:0px; margin:0px 0px 10px 0px;text-decoration:none;}
.r1-img{width:158px; height:104px; position:relative; float:left;  padding:0px 4px 0px 0px; margin:0px;text-decoration:none;}
/*.dep
{ width:652px; height:105px; position:relative; float:left; padding:0px; margin:0px 0px 10px 0px;text-decoration:none; list-style: none; }
.dep li
{ display: inline; margin: 0; padding: 0; }
.dep a
{ display: block; width:158px; height:24px; position:relative; float:left;  padding:84px 4px 0px 0px; margin:0px;text-decoration:none; text-align:left; color: #333 ; background: #fff url(../Images/sample.jpg) no-repeat 0px 0px;}
.dep a:hover, .dep a:focus, .dep a:active
{ background: #fff url(../Images/hover.jpg) no-repeat 0px 0px; color:#8b1513; }
.dep .current a
{ background: #fff url(../Images/hover.jpg) no-repeat 0px 0px; color:#8b1513;}*/
 .dep
{
width: 652px;
min-height: 105px;
position: relative;
float: left;
padding: 0px;
margin: 0px 0px 10px 0px;
text-decoration: none;
list-style: none;
}
.dep li
{
display: inline;
position: relative;
padding: 0;
width: 158px;
height: 104px;
margin: 0px 5px 0px 0px;
float: left;
}
#departments ul.dep li:hover, #departments ul.dep li:focus,#departments ul.dep li.current,
{ display: inline;
position: relative;
padding: 0;
width: 158px;
height: 104px;
margin: 0px 5px 0px 0px;
float: left;
color: #8b1513; text-decoration: underline;}
#departments ul li a img
{
margin: 0;
padding: 0;
}
#departments ul li .labelname{ background:none; width:158px; height:20px; text-align:left; }
#departments ul li .labelname:hover{color: #8b1513; background:none; width:158px; height:20px; text-align:left; }
.dep li a
{
display: block;
width: 158px;
height: 84px;
position: relative;
float: left;
padding: 0;
margin: 0px;
text-decoration: none;
text-align: left;
color: #333;
opacity: 0.6;
filter: alpha(opacity=60); /msie/
background-color: #000000;
}
.dep a:hover, .dep a:focus, .dep a:active
{
color: #8b1513;
opacity: 1.0;
filter: alpha(opacity=100); /msie/
background: none;
}
.dep .current a, .dep :hover a
{
color: #8b1513;
opacity: 1.0;
filter: alpha(opacity=100); /msie/
background: none;
}


.border{border-top: 1px solid #ababad;}
/*.side-bar{border-right: 1px solid #ababad; padding-right:10px;}*/
.double-bar{border-right: 1px solid #ababad; border-left: 1px solid #ababad; }
.side-bar{ padding-right:10px;}


#container1 #col2{ float: left; display: inline; margin-left: 30px; width: 250px;	}
#footnav{ padding: 20px 0 5px 0; margin: 0;  }/* original: #footnav{ padding: 5px 0; margin: 0;  }*/

/*---------------------------*/

#description{float:left;position:relative; width:650px;font:11px/160% arial,helvetica,sans-serif;color:#333333;text-align:left; }


#GreenRelatedContent { position:relative;}
#LinkedIn { position:absolute; top:14px; left:40px; }
#register .green { float: left; display: inline; width: 100px; padding: 2px 5px; margin: 0; text-align: left; font-size: 1em; }
#register .submitgreen { margin-left: 110px; background: #8B1513; border-color: #8B1513; border-style: double; border-width: 3px; color: #fff; cursor: pointer; width: 80px; padding: 1px;font-size: 1em; }
#GreenInAction h3 { padding:10px 0 10px 0 }
#GreenInAction .tag { font-size: 14px; font-weight: normal; color:#707173; padding: 5px 0 10px 0; }

/*Internal Page
---------------------------*/

#col1 blockquote{ 
	background: #8B1513;
	color: #fff;
	margin: 0;
	padding: 0 12px;
	overflow: hidden;
	width: auto;	
}

#col1 blockquote strong{ 
	font-size: 14px;
	display: block;
}

#col1 h3{
	margin: 12px 0;;
}

#col2 .newsthumb {
	float:left;
	margin:0 10px 0 0;
}

#col2 .row {
	border-bottom:1px solid #ABABAD;	
	margin-bottom:10px;
}

#SideNav ul{ margin: 0; padding: 0 0 12px 0; clear: both; position: relative; width: 250px; }
#SideNav li{ list-style: none; padding: 0; margin: 2px 0; position: relative; width: 250px; }
#SideNav li a, #SideNav li a:visited { text-decoration: none; display: block; color: #fff; width: 235px; list-style: none; padding: 3px 5px 3px 10px; margin: 0 0 2px 0; display: block; font-size: 11px; font-weight: bold; background: #8b1513 url(../images/arrow-02.png) no-repeat 230px .5em; }

#SideNav .Interiors li a, #SideNav .Interiors li a:visited { background-color: #eb6e08; }
#SideNav .Joinery li a, #SideNav .Joinery li a:visited { background-color: #acca57; }
#SideNav .AbuDhabi li a, #SideNav .AbuDhabi li a:visited { background-color: #009ee0; }
#SideNav .UsefulLinks li a, #SideNav .UsefulLinks li a:visited { background-color: #faba00; }


#SideNav .colour2 li a, #SideNav .colour2 li a:visited { background-color: #eb6e08; }
#SideNav .colour3 li a, #SideNav .colour3 li a:visited { background-color: #acca57; }
#SideNav .colour4 li a, #SideNav .colour4 li a:visited { background-color: #009ee0; }
#SideNav .colour5 li a, #SideNav .colour5 li a:visited { background-color: #faba00; }


#SideNav li a:hover{ color: #fff; background-color: #a6a8a9; }
#SideNav li.current a,
#SideNav li.current a:visited, 
#SideNav li.current a:hover
{ color: #fff; background-color: #a6a8a9; }

table.MyList{ width: 250px; border-collapse: collapse; background: #ececec; color: #333; margin-bottom: 10px;}
table.MyList td{ padding: 2px 5px; border: 1px solid #fff; }
table.MyList td.c1{ width: 230px; padding: 2px 3px 2px 10px; }
table.MyList td.c2{ text-align: center; }

input.AddList {
	background: #8B1513;
	border:3px double #8B1513;
	color:#FFFFFF;
	cursor:pointer;
	font-size:1em;
	margin-left:1px;
	padding:1px;
	width:80px;
}

table.Directory{ 
	width: 550px; border-collapse: collapse; background: #ececec; color: #333; margin-bottom: 10px;
}
table.Directory th{ padding: 2px 8px; border: 1px solid #fff; text-align: left; background: #8b1513; color: #fff; }
table.Directory td{ padding: 2px 8px; border: 1px solid #fff; text-align: left; }


#TopTips{ 
	width: 550px;
	text-align: left;
	margin: 20px;
}

#TopTips h2{ color: #8b1513; font-size: 14px; font-weight: bold; padding: 0 0 1em 0;}
#TopTips h3{ color: #333; font-size: 12px; font-weight: bold;}