@charset "utf-8";

/* CSS Reset */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0; padding: 0; border: 0; outline: 0;background: transparent;}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */

:focus {outline: 0;}

/* remember to highlight inserts somehow! */

ins {text-decoration: none;}

del {text-decoration: line-through;}



/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: collapse;border-spacing: 0;}



/*********************************by Hakan Sahin ******************************/



.clear { clear:both;  height:0;   font-size: 1px;   line-height: 0px; }

body {background:#fff url(../images/bg.jpg) repeat-x; font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color: #717171;}

a { color: #560f0f; text-decoration:none;}

a:hover { color:#1E5825; text-decoration:underline;}

#container { width: 1000px; background: #fff; margin: auto; }

#header {padding-top: 10px;}

#logo {float:left; margin-left: 50px;}

#slogan {float:right; margin-top: 25px; margin-right: 35px;}

#slogan img {margin-left:30px;}

#navbar { background-color:#202020; margin:10px; height: 40px; }

.mainnavigation ul li{background: #202020;}

.horizontalcssmenu {background: #202020;}

#searchBox { color: #717171; vertical-align:middle; width:170px; border: none; background:url(../images/searchbox.jpg) no-repeat -5px center; text-indent:28px;}

#searchForm { float:right; background: #202020; }

#searchForm input#searchBox {  text-indent:23px;}

#banner { width: 980px; margin:auto;}

#slider { width: 980px; margin:10px auto;}

#tblHome .leftColumn {border-right: 2px dotted #e9e8e8;}

#tblHome .rightColumn {padding:0 0 20px 20px;}

#content img { float: right; margin: 0 0 15px 15px; padding: 3px; border: 1px solid #ccc;}
#content #tblHome img { margin: 0; border: none; float:none;}
#content #tblHome td.rightColumn img { float: right; padding: 0 0 10px 10px; margin: 0; border: none;}

#vlightbox img { float: left; margin: 0; padding: 0; margin-bottom: 5px; margin-right: 5px;}
#vlightbox { width: 980px; margin:auto; }
#vlightbox .vlightbox { width: 188px; margin: 0;}
#tblHome td.rightColumn p {padding: 5px 0;}

#tblHome td.rightColumn h3 { font-size: 14px; padding-bottom:5px;}

#tblHome th {text-align: left; vertical-align: top;}

#content { width: 980px; margin:auto; margin-bottom: 20px;}
#content h1 { font-size: 16px; margin-right: 750px; padding-left: 5px; background: url(../images/bg_h1.jpg) repeat-x; height: 30px; line-height: 30px; color: #fff; font-variant:small-caps; font-weight:bold; margin-bottom: 20px;}
#content h2 { font-size: 15px; font-weight: bold; padding-bottom: 10px; color: #1F5825;}
#content h3 { font-size: 14px; font-weight: bold; padding-bottom: 10px; color: #1F5825;}
#content p { padding-bottom: 10px; }
#content .serviceDetails ul { list-style:inside square;}

/****************** CONTACT FORM *********************/
#contactForm input { padding:3px; margin-bottom: 7px;}
#contactForm  textarea {padding: 3px; margin:3px 0;}
#contactForm  label {display:block; }
#contactForm  input.textField { width: 200px;}

/************* MAIN NAVIGATION MENU **********************/



.mainnavigation { background-color:#202020; float: left;}

.mainnavigation .divider { width:30px; float:left; display:block; height:40px;}

.mainnavigation ul li { float:left;}

.mainnavigation ul li a { display:block; background:url(../images/menubar.jpg) no-repeat left top; text-indent:-9999px;}

.mainnavigation ul li ul li a { text-indent:0; }

.mainnavigation ul li a.home { width:100px; height:40px;}

.mainnavigation ul li a.home:hover { background-position: left -40px;}

.mainnavigation ul li a.about { width:80px; height:40px; background-position:-135px top;}

.mainnavigation ul li a.about:hover { background-position:-135px -40px;}

.mainnavigation ul li a.services { width:80px; height:40px; background-position:-252px top;}

.mainnavigation ul li a.services:hover { background-position:-252px -40px;}

.mainnavigation ul li a.gallery { width:80px; height:40px; background-position:-380px top;}

.mainnavigation ul li a.gallery:hover { background-position:-380px -40px;}

.mainnavigation ul li a.contact { width:80px; height:40px; background-position:-505px top;}

.mainnavigation ul li a.contact:hover { background-position:-505px -40px;}

/******* highlight current page ************/

#homePage .mainnavigation ul li a.home { background-position: left -40px;}

#homePage .mainnavigation ul li a.home:hover {cursor: default;}

#aboutus .mainnavigation ul li a.about { background-position:-135px -40px;}

#aboutus .mainnavigation ul li a.about:hover {cursor: default;}

#service .mainnavigation ul li a.services { background-position:-252px -40px;}

#service .mainnavigation ul li a.services:hover {cursor: default;}

#gallery .mainnavigation ul li a.gallery  { background-position:-380px -40px;}

#gallery .mainnavigation ul li a.gallery:hover {cursor: default;}

#contactus .mainnavigation ul li a.contact { background-position:-505px -40px;}

#contactus .mainnavigation ul li a.contact:hover {cursor: default;}

/************* MAIN NAVIGATION MENU ENDS **********************/



/*****************dropdown sub menu **************/

.horizontalcssmenu ul li{ position: relative; }



/*Sub level menu*/

.horizontalcssmenu ul li ul{ left: 0; top: 0; margin-top:1px; position: absolute; display: block; visibility: hidden; z-index: 100; }



/*Sub level menu list items*/

.horizontalcssmenu ul li ul li{ display: inline; float: none; }



/* Sub level menu links style */

.horizontalcssmenu ul li ul li a{ width: 12em; /*width of sub level menu items*/

height: 2.5em; line-height: 2.5em; font-weight: normal; padding: 2px 5px; background: #202020; border-bottom: 1px solid white; color: white; }

.horizontalcssmenu ul li ul li:last-child a {border: none;}

.horizontalcssmenu ul li ul li a:hover{ background: #1F5926; text-decoration: none; }



* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/

padding-top: 1em; }

	

/* Holly Hack for IE \*/

* html .horizontalcssmenu ul li { float: left; height: 1%; }

* html .horizontalcssmenu ul li a { height: 1%; }

/******************** End of submenu styling*************/



/************************ FOOTER ***********************/

#footer {margin:auto; width: 980px; padding-top: 20px; height: 70px; border-top: 2px solid #e9e8e8; text-align: center;}