@charset "utf-8";
body { margin:0; padding:0; width:100%;  background:#363637 url(images/bgimage.jpg) repeat-x;}
html { padding:0; margin:0;}

/* main */
.wrapper {width::730px; padding:0; margin:0; background-image:url(images/overlay.png); }
.main {width:960px; padding:0; margin:0 auto;}
.left { width:225px; float:left; margin:0; padding:0;}
.right { width:735px; float:left; padding:0; margin:0; }
/* logo */
.logo { float:left; padding:20px 0; margin:0; width:225px;}
/* buttons */
.buttons { float:left; padding:0; margin:0; width:225px; background-color:#FFFFFF;}
/* navigation */
.main_menu { float:left; margin:0; width:225px; font:normal 18px Arial, Helvetica, sans-serif; text-decoration:none;}
/* slider */
.gallery { width:669px; margin:10px auto; padding:0; }
.gallery a { color:#c40404; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:669px; height:416px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:23px; height:50px; position:absolute; left:-23px; top:-220px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:23px; height:50px; position:absolute; left: 669px; top:-220px; }
#prevBtn a { display:block; width:23px; height:50px; background:url(images/l_arrow.png) no-repeat 0 0; }
#nextBtn a { display:block; width:23px; height:50px; background:url(images/r_arrow.png) no-repeat 0 0; }




#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}
.homegallery { width:669px;  margin:0 auto; padding:20px 0; }
#homeslider { margin:0; padding:0; list-style:none; }




/* content */
.sub { width:730px; margin:0 auto; padding:0;}
.sub a { color:#c40404; text-decoration:none; }
.sub h4 { font-family: 'Roboto Slab', serif; font-size:48px; color:#c40404; border-bottom:1px solid #d7d7d8; padding:10px 0 20px 0; margin:0;}
.sub h2 { font-family: 'Roboto Slab', serif; font-size:24px; color:#c40404; padding:10px 0; margin:0;}
.sub h3 { font-family: 'Roboto Slab', serif; font-size:18px; color:#c40404; padding:10px 0; margin:0; border-bottom:1px solid #dfdfdf;}
.sub p { font: normal 14px Arial, Helvetica, sans-serif; color:#333; padding:5px 0; margin:0; line-height:1.8em;}
.sub img.floated { float:right; margin:5px 0; padding:0;}
.sub_top { height:104px; border-bottom:1px solid #d7d7d8; }
.sub .tag { width:370px; float:left; font-family: 'Roboto Slab', serif; font-size:13px; color:#999; padding:30px 5px 25px 0; margin:0; line-height:1.8em;}
.sub .forma { width:410px; float:left; margin:0; padding:0;}
.sub .map { width: 280px; float:right; margin:0; padding:0;}
.sub_content { width:690px; margin:10px 0 30px 0; padding:20px; background: #fff;}
.sub_content ul { font-family: 'Roboto Slab', serif; }
.store_left { width:520px; float:left; }
.store_right { width:160px; float:right; text-align:center; }
.sub ul { font-family: 'Roboto Slab', serif; }
.sub td { font-family: 'Roboto Slab', serif; }
.sub_content td { font-family: 'Roboto Slab', serif; }
.float_right { float:right; padding:0 0 0 10px; }
.float_left { float:left; padding:0 10px 0 0; }


/* navigation */
.main_menu { float:left; padding:5px 0 0 5px; margin:5px 0 0 0; width:220px;background-color:#000000;}
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-style:normal; font-family: 'Roboto Slab', serif; font-size: 14px; position: relative;}
#cssmenu a { line-height: 1.3;}
#cssmenu { width: 215px; }
#cssmenu > ul > li { margin: 0 0 2px 0; }
#cssmenu > ul > li:last-child { margin: 0; }
#cssmenu > ul > li > a { font-size: 15px; display: block; color: #333333; background: #ffffff; }
#cssmenu > ul > li > a > span { display: block; padding: 6px 10px; font-weight: bold; }
#cssmenu > ul > li > a:hover { text-decoration: none; color:#FFFFFF; background: #c40404; }
#cssmenu > ul > li.active { border-bottom: none; }
#cssmenu > ul > li.active > a { background: #c40404; color: #ffffff; }
#cssmenu > ul > li.active > a span {    }
#cssmenu > ul > li.has-sub > a span { background: url(images/icon_plus.png) 98% center no-repeat; }
#cssmenu > ul > li.has-sub.active > a span { background: url(images/icon_minus.png) 98% center no-repeat }

/* Sub menu */
#cssmenu ul ul { padding: 5px 16px; display: none; }
#cssmenu ul ul li { padding: 3px 0; background-color:c40404; }
#cssmenu ul ul a { display: block; color: #666666; font-size: 13px; padding: 5px; }
#cssmenu ul ul a:hover { color: #ffffff; background: #6c6a6a; }

/* search */
.search { padding:0; margin:0; float:right; color:#FFF;}
  input.gsc-input { border-color: #537114; }
  input.gsc-search-button { border-color: #537114; background-color: #8db143; font: normal Arial, Helvetica, sans-serif; float:right;}

/* social */
.social_wrapper { float:right; padding:10px 0; margin:0; width:330px;}
.social { padding:0; margin:10px 0 15px 10px; float:right; font: bold 11px Arial, Helvetica, sans-serif; color:#c40404; }
.social img { float:right; margin:0; padding:0 0 5px 10px;}
.social p { font: bold 11px Arial, Helvetica, sans-serif; color:#c40404; text-decoration:none; margin:0; }
.social p a { font: bold 12px Arial, Helvetica, sans-serif; color:#c40404; text-decoration:none; margin:20px 0 0 0; float:left; }
.phone { margin:10px 0; padding:0 10px; float:right }
.phone p { font: bold 11px Arial, Helvetica, sans-serif; color:#c40404; text-decoration:none; margin:0; }
.phone p a { font: bold 12px Arial, Helvetica, sans-serif; color:#c40404; text-decoration:none; margin:20px 0 0 0;}


/*index*/
.index { width:730px; margin:0 auto; padding:0;}
.index h4 { font-family: 'Roboto Slab', serif; font-size:48px; color:#c40404; border-bottom:1px solid #d7d7d8; padding:10px 0 20px 0; margin:0;}
.index h2 { font-family: 'Roboto Slab', serif; font-size:24px; color:#c40404; padding:10px 0; margin:0;}
.index h3 { font-family: 'Roboto Slab', serif; font-size:18px; color:#c40404; padding:10px 0; margin:0; border-bottom:1px solid #dfdfdf;}
.index p { font: normal 14px Arial, Helvetica, sans-serif; color:#fff; padding:5px 0; margin:0; line-height:1.8em;}
.index_top { height:104px; border-bottom:1px solid #d7d7d8; }
.tag { width:370px; float:left; font-family: 'Roboto Slab', serif; font-size:13px; color:#999; padding:30px 5px 25px 0; margin:0; line-height:1.8em;}
.forma { width:410px; float:left; margin:0; padding:0;}
.map { width: 280px; float:right; margin:0; padding:0;}
.index ul { font-family: 'Roboto Slab', serif; }
.index td { font-family: 'Roboto Slab', serif; }

/*calendar*/
.calendar { width:669px; margin:0 auto; padding:10px; background: #fff;}
#calmore { margin: 15px 0 0 10px; padding: 5px 5px 2px 5px; float:right; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#6688ee; }
#calfeed { margin: 0 5px 0 0; padding: 0 5px 2px 0; float:left; }
#calfeed img { float:left; padding: 0 3px 0 0; }

/********** contact form **********/
#contact { width:570px; }
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#282828; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#F00;}
#contactform input.text { width:440px; border:1px solid #deddd6; margin:10px 0; padding:5px 2px; height:16px; background:#e8e7e2; float:left;}
#contactform textarea { width:440px; border:1px solid #deddd6; margin:10px 0; padding:2px; background:#e8e7e2; float:left;}
#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}
/*content*/
.content { width:629px; margin:0 auto; padding:20px; background: #fff; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px;}
.content h1 {font-family: 'Roboto Slab', serif; font-size:18px; color:#0178a2; padding:10px 0; margin:0;}
.content h4 { font-family: 'Roboto Slab', serif; font-size:48px; color:#0178a2; border-bottom:1px solid #d7d7d8; padding:10px 0 20px 30px; margin:0; background-image:url(images/tag.png); }
.content h2 { font-family: 'Roboto Slab', serif; font-size:24px; color:#c40404; padding:10px 0; margin:0;}
.content h3 { font-family: 'Roboto Slab', serif; font-size:18px; color:#c40404; padding:10px 0; margin:0; border-bottom:1px solid #dfdfdf;}
.content p { font: normal 14px Arial, Helvetica, sans-serif; color:#333; padding:5px 0; margin:0; line-height:1.8em;}
.content img { float:left; margin:0 20px 0 0; padding:0;}
.content img.floated { float:right; margin:5px 0; padding:0;}
.content a { font: normal 12px Arial, Helvetica, sans-serif; color:#c40404; padding:0; margin:0; text-decoration:underline;}
.content ul { font-family: 'Roboto Slab', serif; }
.content td { font-family: 'Roboto Slab', serif; }

/*************footer**********/
.footer {padding:0;  margin:0 2px; border-top:1px solid #d7d7d8;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#747474;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#999999; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:60%; margin:0; padding:10px 0 0 20px; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;} 
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:10px 0; background:none; line-height:0;}
div#projPart ul.pic{
	padding:0 0 0 10px;
	overflow:hidden;
	}
div#projPart ul.pic li{
	display:block; margin:0 10px 0 10px; float:left;
	}
div#projPart ul.pic li.noRightMargin{
	margin:0 0 0 10px;
	}
div#projPart ul.pic li.noRightMargin a{
	display:block;
	}