/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/

@charset "utf-8";
/*------------------------------------------- 	
|	Document	:	CSS						|	
|	WebSite		:	Diamond Motion Ltd		| 
|	Creator		:	Chintan Sheth			|
|	Date		:	August-07-2008			|
|	Updater		:	Chintan Sheth			|
|	Last Update	:	August-07-2008			|
|--------------------------------------------*/

html, body{font-size:12px;  background:#D5E9F6 url(../images/bg-body.gif) repeat-x; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#666666;}
div, dl, dd, ul, li, h1, h2,h3,h4,h5, p, img, form{ margin:0px; padding:0px;}
*{ margin:0px; padding:0px;}
img{ border:none;}
ul, li{ list-style-type:none;}

.sin-b{border:1px solid #ff0000;}

.sin-float-left{float:left;}
.sin-float-right{float:right;}
.sin-clr-both{clear:both; font-size:1px; height:5px;}
.sin-clr-both2{clear:both;}
.sin-more{color:#0f426d;}
.sin-more a:link , .sin-more a:visited{color:#0f426d; text-decoration:underline;}
.sin-more a:hover{color:#0f426d; text-decoration:none;}
.sin-more a:active{color:#0f426d; text-decoration:underline;}


.sin-wraper{ width:100%;}
.sin-container{ width:999px; margin:0px auto; padding:0px; background:url(../images/bg-cnt-strip.gif) repeat-y; }

.sin-banner{ height:126px; background:url(../images/bg-cnt-strip.gif) repeat-y;}
.sin-banner dl dd{float:left;  }
.sin-banner dl dd img{display:block;}
.sin-content{padding:0 8px 0 9px; background:url(../images/bg-cnt-strip.gif) repeat-y;/* height:730px;*/ }
.sin-menu-bar{background:url(../images/menu-mid.gif) repeat-x; height:35px; float:left; width:982px; line-height:35px; color:#9d6000;}
.sin-menu-bar img{display:block;}
.sin-menu-link{padding-left:10px; float:none;clear:none; font-size:12px; text-align:center;}
.sin-menu-link a {color:#024f7a; text-decoration:none; font-size:16px; padding:0px 7px 0px 7px;}
.sin-menu-link a:visited{color:#024f7a; text-decoration:none; font-size:16px; padding:0px 7px 0px 7px;}
.sin-menu-link a:hover{color:#9d6000; text-decoration:none;}
.sin-menu-link a:active{color:#024f7a; text-decoration:none;}

.sin-menu-link ul li{float:left;}

.sin-mid-part{}


.sin-mid-left{float:left; width:740px; }
.sin-main-pic{ height:213px;}
.sin-main-pic dl dd{float:left;} 
.sin-title{background:url(../images/titel-mid.gif) repeat-x; height:38px; padding-bottom:20px;}
.sin-title-mid{padding-top:8px;}
.sin-blu-title h3{ font-size:16px; color:#004267; line-height:45px;}

.sin-detail{ padding:0 10px; color:#666;}
.sin-detail p{line-height:18px; padding:10px 0; color:#666;}

.sin-mid-right{float:right;  width:230px;}
.sin-rpan-top{height:35px;font-weight:bold; font-size:13px; color:#FFFFFF;  line-height:33px; background:url(../images/right-pan-top.gif) no-repeat; padding-left:36px;}
.sin-rpan-bg{background:url(../images/right-pan-mid.gif) repeat-y;}
.sin-rpan-btm{height:20px;background:url(../images/right-pan-btm.gif) no-repeat; }
.sin-contact-in{padding:0 15px 0 15px;height:180px;}
.sin-add{font-size:14px; font-weight:bold; color:#004981; line-height:25px; background:url(../images/blt-dimond.gif) 0px 5px no-repeat; padding-left:40px;}
.sin-phone{font-size:16px; font-weight:bold; color:#cb1818; line-height:60px; background:url(../images/blt-phone.gif)  no-repeat; padding-left:40px;}

.sin-enq{background:url(../images/blt-sml-dimond.gif) 0px 6px no-repeat; padding-left:26px; line-height:22px; padding-bottom:10px; border-bottom:1px solid #d8d8d8;}
.sin-gallery{text-align:center;}
.sin-gallery img{border:1px solid #cccccc;}

.sin-footer { background: url(../images/ftr-mid-bg.gif) repeat-x; height:53px; width:999px; margin-left:-9px;/* position:relative; top:42px; */} 
.sin-footer-mid{color:#113a51;}
.sin-footer-link{width:950px; text-align:center; line-height:24px;}
.sin-footer a:link , .sin-footer a:visited{color:#113a51; text-decoration:none;} 
.sin-footer a:hover{color:#113a51; text-decoration:underline;}
.sin-footer a:active{color:#113a51; text-decoration:none;}
.sin-copy-text{font-size:11px; width:470px}

.sin-valid-lable{text-align:center; padding:5px;}


/* picture gallery */
div.layoutitem_picturegallery1
{
	float:left;
}

div.layoutitem_picturegallery1 ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.layoutitem_picturegallery1 ul li
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	clear: both;
}
div.layoutitem_picturegallery1 ul li ul li
{
clear:right;
float:left;
height:185px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
text-align:center;
vertical-align:middle;
width:235px;
}


div.layoutitem_picturegallery1 ul li img
{
	padding: 3px;
	border: 1px solid #dddddd;
	margin: 5px;
	margin-bottom: 0px;
	max-height:150px;

}

div.layoutitem_picturegallery1 ul li p
{	text-align: center;
	margin: 2px;
	padding: 2px;
	font-size: 1.3em;

}

div.layoutitem_picturegallery1 ul li p.picture_position
{	text-align: center;

}


div#picturegallery_browse 
{
	width:860px;
}
/*
end picture gallery
*/

/* picture gallery */
div.layoutitem_picturegallery
{
	float:left;
	width:999px;
}

div.layoutitem_picturegallery ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.layoutitem_picturegallery ul li
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	clear: both;
}
div.layoutitem_picturegallery ul li ul li
{
clear:right;
float:left;
height:170px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
text-align:center;
vertical-align:middle;
width:325px;
}


div.layoutitem_picturegallery ul li img
{
	padding: 3px;
	border: 1px solid #dddddd;
	margin: 5px;
	margin-bottom: 0px;
	max-width:185px;

}

div.layoutitem_picturegallery ul li p
{	text-align: center;
	margin: 2px;
	padding: 2px;
	font-size: 1.3em;

}

div.layoutitem_picturegallery ul li p.picture_position
{	text-align: center;

}


div#picturegallery_browse 
{
	width:590px;
}
/*
end picture gallery
*/
.template_left {}
.template_right {height:730px;}


div.admin_screen
{
	margin-top:20px;
}


/* Forms */

div.form div.form_subgroup
{
	border:medium none;
	margin-left:30px;
	padding:0;
}

div.form div.form_subgroup ul.formitems
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:25px;
}

/* End Forms */