@charset "utf-8";
/* CSS Document */
Body{ padding:0px; margin:0px; font-family:Verdana; font-size:11px; color:#000000; line-height:15px;}
.clear{ clear: both;}
p{ padding:0px; margin:0px; }
div{ padding:0px; margin:0px;}
a:link{ outline:none; text-decoration:none;}
a:hover{ outline:none;}
a:visited{ outline:none; text-decoration:none;}
h1{ padding:0px; margin:0px; color:#562e18; font-size:15px; line-height:25px;font-weight:normal;}
h2{ padding:0px; margin:0px; color:#ffe14f; font-size:14px; line-height:18px; font-weight:normal;}
.h1custom {
	padding:0px; margin:0px; color:#562e18; font-size:15px; line-height:25px;font-weight:bold;
}

.pcustim {
padding:0px; margin:0px; font-size:12px;
}
/**/
#maincontainer{ padding:0px; margin:0px auto; width:1200px; height:797px; background:url(../images/body-bg.jpg) no-repeat;}

/**/
#lefttext{ width:325px; float:left; margin-left:57px; padding-top:66px; }
#quot1{ width:310px; font-family:Myriad Pro, Arial; font-size:40px; padding-top:10px; padding-bottom:15px; font-weight:500; float: }
#quot2{ width:325px; font-family:Myriad Pro, Arial; font-size:40px; padding-top:23px; padding-bottom:10px; font-weight:500; color:#ffca11; text-align:right;}
#quot3{ width:240px; font-family:Myriad Pro, Arial; font-size:40px; padding-top:20px; padding-bottom:5px;  font-weight:500; text-align:right;}

#quotlist{ padding:0px; margin:0px;  font-family:Myriad Pro, Arial; font-size:40px; line-height:60px;}
#quotlist li{ list-style-type:none; display: block;}
#quotlist li.yellow{list-style-type:none; display: block; color:#ffca11; text-align:right;}

/**/
#container{ width:733px; height:797px; float:right; background:url(../images/white-bg.png) repeat-y; margin-right:84px;}

/**/
#header{ width:699px; height:139px; float:left; margin-left:17px;}
#home{ width:74px; float:left; padding-left:11px; padding-top:14px; }
#logo{ width:280px; float:left; margin-left:120px; text-align:center; padding-top:30px; font-family:verdana; font-size:12px; color:#000000;}
#headlinks-pan{ width:85px; float:right; height:50px;}
#headlinks{ padding:0px; margin:0px;}
#headlinks li{ list-style-type: none; display:block; background:url(../images/arow-icon.png) no-repeat 2px 9px; padding-left:14px; line-height:25px;}
#headlinks li.rss{ list-style-type: none; display:block; background:none; padding-left:14px; padding-top:8px;}
#headlinks li a:link{  color: #000000; text-decoration:none;}
#headlinks li a:hover{  color: #000000; text-decoration: underline;}
#headlinks li a:visited{  color: #000000; text-decoration:none;}

/**/
#navi-panel{ width:659px; height:32px; background:#361400; margin-left:17px; float:left; padding-left:40px;}

ul#menu{ width:100%; height:32px; list-style-type:none; padding:0px; margin:0px; font-size:12px; font-weight:bold; font-family:verdana;  }
ul#menu li{ display:inline; float:left; margin:0 0 0 1px;}
ul#menu li a{ height:32px; color:#9c9c9c; text-decoration:none; display:inline; float:left; line-height:250%; padding:0px 20px 0px;}
ul#menu li a:hover{ color:#9c9c9c; background: #FFFFFF; text-decoration:none;}
ul#menu li a:visited{ color:#9c9c9c; text-decoration:none;}
ul#menu li a.active{ color:#9c9c9c; background: #FFFFFF; text-decoration:none;}

/**/
#container-text{ width:699px; margin-left:17px; float:left;}
#text-left{ width:494px; float:left; padding:0 0 0 0;}
#welcome-text_scroll{ width:385px; float:left; padding:10px 5px 10px 35px;height:192px; overflow:auto; margin-bottom:20px; margin-top:15px;}
#welcome-text-index{ width:390px; float:left; padding:10px  0 10px 35px;height:321px; margin-bottom:20px; margin-top:15px;  margin-bottom:20px;}
#welcome-text{ width:390px; float:left; padding:10px  0 10px 35px;height:177px; margin-bottom:20px; margin-top:15px;  margin-bottom:20px;}
#welcome-text-contact{ width:410px; float:left; padding:0px  0px 0px 10px;height:197px; margin-bottom:20px; margin-top:15px;  margin-bottom:20px;}

#content{ width:699px; float:left; margin-top:15px;}
#left-content {  width:459px; height:370px; float:left; background:#000000; padding:20px 0 0 35px; color: #CCCCCC; }
#left-content-index {  width:454px; height:206px; float:left; background:#000000; padding:20px 5px 0 35px; color: #CCCCCC;}
#left-content-services {  width:459px; height:335px; float:left; background:#000000; padding:10px 0 10px 35px; color: #CCCCCC;}
.left-content-text {  width:444px; height:335px; float:left; overflow:auto; margin-right:5px; padding-right:10px;}
#left-content2 { width:459px; height:335px; float:left; background:#000000; padding:20px 0 0 35px; color: #CCCCCC;}
#left-content3 { width:459px; height:166px; float:left; background:#000000; padding:20px 0 0 35px; color: #CCCCCC;}
#left-content4 { width:459px; height:340px; float:left; background:#000000; padding:10px 0 10px 35px; overflow:auto; margin-top:10px;  color: #CCCCCC;}

#left-content-services-empty {  width:459px; height:335px; float:left;  padding:10px 0 10px 35px; color: #CCCCCC;}


#right-content{ width:167px; height:365px;float:right; background:#000000; padding:25px 13px 0 20px; color:#FFFFFF; font-size:11px; margin-top:212px; line-height:15px;}

#right-content-empty{ width:167px; height:365px;float:right;  padding:25px 13px 0 20px; color:#FFFFFF; font-size:11px; margin-top:212px; line-height:15px;}

#right-content_home{ width:167px; height:365px;float:right; background:#000000; padding:25px 13px 0 20px; color:#FFFFFF; font-size:11px; margin-top:212px; line-height:15px;}
#right-content_home a{   color:#FFFFFF; text-decoration:none;}
#right-content_home a:visited{color:#FFFFFF; text-decoration: none;}
#right-content_home a:hover{  color: #FFFFFF; text-decoration:underline;}




#right-content-portfolio{ width:167px; height:370px;float:right; background:#000000; padding:20px 10px 0 23px; color:#FFFFFF; font-size:11px;  line-height:15px;}


/**/
#footer{ width:690px; height:26px; text-align:right; float:left; margin-left:17px; padding:5px 9px 0 0}
/*styles*/
.links1{ font-size:13px; font-weight:bold; }
.links1 a:link{  color:#7a7d80; text-decoration:none;}
.links1 a:hover{  color:#361400; text-decoration:none;}
.links1 a:visited{  color:#7a7d80; text-decoration:none;}

.links2{ font-family:verdana;  font-size:11px; }
.links2 a:link{  color:#40930d; text-decoration: underline;}
.links2 a:hover{  color: #000000; text-decoration:underline;}
.links2 a:visited{  color:#40930d; text-decoration:underline;}

.links3{ font-size:11px;  }
.links3 a:link{  color: #000000; text-decoration:none;}
.links3 a:hover{  color: #000000; text-decoration: underline;}
.links3 a:visited{  color: #000000; text-decoration:none;}

.links4{ font-size:11px;  }
.links4:link{  color:#FFFFFF; text-decoration:none;}
.links4:hover{  color: #FFCC00; text-decoration: underline;}
.links4:visited{  color:#FFFFFF; text-decoration:none;}

.links5{font-size:15px; line-height:25px;  }
.links5:link{  color:#ffe14f; text-decoration:none;}
.links5:hover{  color: #ffe14f; text-decoration: underline;}
.links5:visited{  color:#ffe14f; text-decoration:none;}

.yellowlinks{font-size:13px; line-height:18px; color:#ffe14f;  }
.yellowlinks:link{ text-decoration:none;}
.yellowlinks:hover{  text-decoration: underline;}
.yellowlinks:visited{  text-decoration:none;}


.stylelinks1 { font-size:18px; line-height: 16px;}
.stylelinks2 { font-size:12px; line-height:15px;}
.stylelinks3 { font-size:9px;}
.stylelinks4 { font-size:15px;}

.latestbuzz{ font-size:13px; color:#FFFFFF; padding-left:20px; line-height:30px; text-decoration:underline;}

.list1{ padding:0px; margin:0px; padding-top:9px;}
.list1 li{ font-size:11px; list-style-type:none; display:block; font-size:12px; padding-top:10px;}
.list1 li a:link{  color: #ffe14f; text-decoration:none;}
.list1 li a:hover{  color: #ffe14f; text-decoration: underline;}
.list1 li a:visited{  color: #ffe14f; text-decoration:none;}


.headings1{ font-size:10px; font-weight:bold;}
.headings2{ font-size:10px; font-weight:bold; color:#FFFFFF}
.whitetext{ color:#FFFFFF; font-size:11px;  line-height:15px;}
.headings3{font-size:15px; line-height:25px; color:#ffe14f;  }

#flowerpan{ width:280px; margin:auto; float:right;}
#flower{
	position: absolute;
	top:162px;
	z-index:100;
}


/**/
#contact-left{ min-width:200px; float:left;}
#contact-right{ min-width:150px; float:right;}

#portfolio-panel{ width:660px; min-height:177px; float:left; padding:20px 0px 10px 35px; }
#protfolio-content{ width:270px; float:left;}
#protfolio-img{ width:382px; float:right; background:#CCCCCC; }


#list1{ padding:0px; margin:0px;}
#list1 li{ display:block; list-style-type:none; padding-left:1px; background:none;}

#list2{ padding:0px; margin:0px; padding-top:10px;}
#list2 li{ display:block; list-style-type:none; padding-left:1px; background: url(../images/arow.png) no-repeat 1px 5px; padding-left:8PX;}

/*menu*/
<style type="text/css">

.glossymenu{
margin: 5px 0;
font-family:Arial;
padding: 0;
width: 170px; 
color: #CCCCCC;
/*width of menu*/
/*border: 1px solid #9A9A9A;*/
/*border-bottom-width: 0;*/
}

.glossymenu a.menuitem{
/*background: url(../glossyback.gif)repeat-x bottom left;*/
font-size:14px ;
color: #ffe14f;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 1px;
text-decoration: none;
/*border-bottom: solid 1px #333333;*/
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:#ffe14f;

}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;

}

.glossymenu a.menuitem:hover{
/*background-image: url(glossyback2.gif);*/
background:#141919;

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: none;

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;


}

.glossymenu div.submenu ul li{
/*border-bottom: 1px solid blue;*/
color: #CCCCCC;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #CCCCCC;
text-decoration: none;
padding: 2px 0;
padding-left: 2px;

}

.glossymenu div.submenu ul li a:hover{
background: none;
colorz: white;
}

</style>
/**/

/*smooth dd menu*/
 
/******************************DD Menus*******************/
.jqueryslidemenu{
font: bold 11px Arial;


float:right	;
background:#361400 ;

padding-left:5px;

}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;

}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;


/*background of tabs (default state)*/
padding:8px 20px 12px 5px;
text-decoration: none;


}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
background:#00FF00;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #9C9C9C;
font-weight:900;
font-size:12px;
text-align:left;
padding-left:20px;

}

.jqueryslidemenu ul li a:hover{
 /*tab link background during hover state*/
color: #9C9C9C;
font-weight:900;
font-size:12px;
text-align:left;
background: #FFFFFF;
padding-left:20px; 
}
.jqueryslidemenu ul li a.active{
 /*tab link background during hover state*/
color: #9C9C9C;
font-weight:900;
font-size:12px;
text-align:left;
background: #FFFFFF;
padding-left:20px;

}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;



}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;


}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li a:hover{
display: list-item;
float: none;
background:#989898;
color:#FFFFFF;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;


}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{


width:150px; /*width of sub menus*/
padding: 3px 5px 5px 5px;
margin-left:2px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #51392a;
border-top: 1px solid #291002;
background: #361400;

}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #FF33CC;
color: black;

}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 14px;
right: 7px;

}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;


}