#chat1{
position:fixed;
bottom:0px;
right:10px;
margin:0;
padding:0;
z-index:9999;
}
*{border:none; margin:0; padding:0;}
body{background:url(images/pattern-1.jpg) repeat-x #EAEAEA; color:#FFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px;line-height:1.6em;}
body,p,h1,h2,h3,h4,h5,h6,ul,li{margin:0;padding:0;}
#container{background:url(images/bglossy.png) top repeat-x;}
#top-container{ width:940px; margin:0 auto;}
#content{
	background:url(images/contentfx.png) top center no-repeat;
	padding:20px 0 20px 0px;
	color:#888;
}
input{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

/* links */
a{color:#777; text-decoration:none;}
a.menu {color:#FFF; text-decoration:none;}
a:hover{color:#999;}
a.btn{ color:#FFF; background:url(images/bgbtn.png) top repeat-x; padding:5px 10px 5px 10px;  display:inline-block; margin-top:10px; padding:3px 15px 3px 15px;text-transform:uppercase; font-size:11px; -moz-border-radius:12px; -webkit-border-radius:12px; }
a.btn:hover{ color:#333; background:#CCC; text-decoration:none;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}

/* header elements */
#header{
	background:url(images/headerfx.png) top left no-repeat;
	height:120px;
}
#header .left{
	float:left;
	width:290px;
	height:120px;
}
#header .right{
	float:right;
	width:640px;
	height:120px;
}

/* heading */
h1, h2, h3{margin-bottom:10px;}
h3, h4, h5, h6{margin-bottom:12px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
h1 {font-size:26px; line-height:26px;}
h2 {font-size:22px; line-height:23px;}
h3 {font-size:20px; line-height:70px;}
h4 {font-size:18px; line-height:18px;}
h5{font-size:16px; line-height:16px;}
h6 {font-size:14px; line-height:15px;}
h1, h2, h3, h4, h5, h6{
	color:#3C4191;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#333;}


/* logo */
#logo{
	padding-top:30px;
}

/* ul, li */
ul.underline{ padding-bottom:10px; padding-left:20px; padding-top:10px; background:url(images/bglist.png) top left no-repeat;}
ul.underline li{list-style:none; background:url(images/lines.png) bottom right repeat-x; padding:5px 0 5px 0;}
.iconic li a{background:url(images/list-arrow-2.png) left center no-repeat; padding-left:20px;}
.iconic li a:hover{background:url(images/list-arrow-2-hover.png) left center no-repeat; padding-left:20px;}
.list{margin:0; padding:0; list-style:none;}
.list li{ padding:0 0 0 20px; line-height:25px;}
.circle li{ background:url(images/list-circle.png) left center no-repeat;}
.arrow li{ background:url(images/list-arrow.png) left center no-repeat;}
.plus li{ background:url(images/list-plus.png) left center no-repeat;}
.check li{ background:url(images/list-check.png) left center no-repeat;}


/* top menu */
#top-navigation{position:relative;z-index:100;float:left;padding:6px 0 0 0;width:700px; margin-left:-15px;}

/* jquery menu */
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color: #FFF;}
.jqueryslidemenu ul li a:hover, .jqueryslidemenu ul li a.current{ color:#CCC;}
.jqueryslidemenu{width: 100%;}
.jqueryslidemenu ul{margin: 0; padding: 0; float:left; list-style-type: none;}
.jqueryslidemenu ul li{position: relative;display: inline;float: left;z-index:100;font-size:13px;}
.jqueryslidemenu ul li a{display: block; padding: 12px 15px 4px 15px; text-decoration: none;}
.jqueryslidemenu ul li.active a{padding: 4px 15px 6px 15px; }
.jqueryslidemenu ul li.home a{padding-left:0px;}
* html .jqueryslidemenu ul li a{display: inline-block;}
.jqueryslidemenu ul li ul{
position: absolute; top:34px !important; left: 0px; display: block; visibility: hidden; padding:0px !important;padding-top:6px !important;}
.jqueryslidemenu ul li ul li{display: list-item;float:none;}
.jqueryslidemenu ul li ul li ul{left: 191px !important;top: -1px !important;padding-top:0px !important;border-top:solid 1px #333;}
.jqueryslidemenu ul li ul li a{width: 160px;padding: 7px 15px;margin: 0;border: 1px solid #333;
border-top-width:0px;background: #222;}
.jqueryslidemenu ul li ul li li a{border-width:0px 1px 1px 1px;}
.jqueryslidemenu ul li ul li a:hover{background-color:#333;}
.arrowDown{position: absolute;top: 16px;right: 5px;}
.arrowRight{position: absolute;top: 12px;right: 10px;}

/* space & br*/
.single{ margin-bottom:10px;} /*add 20px space*/
.clear{ clear:both; background:none;}
.line{ height:80px; clear:both; background:url(images/linedeco.png) center no-repeat; border:none;} 


/* column */
.one_half{ width:450px;}
.one_third{ width:300px;}
.one_fourth{width:220px;}
.one_fifth{ width:172px;}
.two_third{ width:620px;}
.two_fifth{ width:364px;}
.three_fourth{width:700px;}
.three_fifth{ width:556px;}
.one_half, .one_third, .one_fourth, .three_fourth, .one_fifth, .two_third, .two_fifth, .three_fourth, .three_fifth{margin-right:20px; float:left;}
.last{ margin-right:0 !important; clear:right; }

/* slideshow */
#slideshow{
	margin:40px 0 20px 0;
}
.list-slider{ background:url(images/slider-list.png) repeat-x top; z-index:100; position:relative; top:7px; height:7px;}
#slider{list-style-type:none; margin:0; padding:0; height:360px; }
.nojs #slider {overflow:hidden;}
.slide-desc{position:absolute; right:0px; bottom:30px; width:430px; padding:25px 35px 40px 35px; color:#373737; background-image: url(images/transparent-slide.png); }
.nojs .slide-desc{visibility:hidden;}
#slider li{width:950px; height:360px;}

/* button arrow slideshow */
#slideArrow{
	width:1100px;
	height:42px;
	position:absolute;
	top:160px;
	z-index:20;
	left: 80px;
}
.nojs #slideArrow{visibility:hidden;}
#prevslide{display:block; background-image:url(images/btn-prev.png); background-repeat:no-repeat; width:42px; height:42px; position:absolute; top:10px; left:20px}
#prevslide:hover{background-position:0 -42px;}
#nextslide{display:block; background-image:url(images/btn-next.png); background-repeat:no-repeat; width:42px; height:42px; position:absolute; top:10px; right:20px}
#nextslide:hover{background-position:0 -42px;}
#prevslide,#nextslide{top:170px;}

/* blog */
.blogpost{padding-bottom:0px; padding-top:20px;}
.blogpost.first{padding-top:0px;}
.blogpost.read{ background:none; padding-top:0px;}
.blogpost .blog_post_date{ width:50px; float:left; background:url(images/bgdate.png) top left no-repeat; padding:5px 0 5px 0;}
.blogpost .right{ width:640px; float:left; padding-left:10px;font-size:10px; color:#888; margin-bottom:15px;}
.blogpost .date{ font-size:30px; text-align:center; padding-top:4px; color:#FFF}
.blogpost .month{ font-size:12px; text-align:center;color:#FFF;}
.blogpost h2{ margin-bottom:5px; margin-top:5px;}
.blogpost h2 a{color:#333;}
.blogpost .pix{ float:left; padding:0 20px 20px 0; width:220px;}
.blogpost .text{ float:left; padding:0 0px 20px 0; width:450px;}
.blogpost .info{ display:block;background:url(images/lines-3.png) top right no-repeat; padding-top:1px; text-transform:uppercase;}
.blogpost .info span{display:inline-block; background:url(images/hlines.png) right repeat-y; padding-right:10px; padding-left:10px; padding-top:2px;}
.blogpost .info span.postedby{padding-left:0px;}
/* portfolio */
/* portfolio 2 column */
.pf_2_col{list-style-type:none; padding:0; margin:0;}
.pf_2_col li{padding:0; margin-right:20px; margin-bottom:20px; width:460px;  float:left; list-style:none; padding-bottom:20px;}
.pf_2_col li.nomargin{margin-right:0;}
.pf_2_col h2{margin-bottom:10px}
/* portfolio 3 column */
.pf_3_col{list-style-type:none; padding:0; margin:0;}
.pf_3_col li{padding:0; margin-right:20px; margin-bottom:20px; width:300px;  float:left; list-style:none; padding-bottom:20px;}
.pf_3_col li.nomargin{margin-right:0;}
.pf_3_col h2{margin-bottom:10px}
/* portfolio 4 column */
.pf_4_col{list-style-type:none; padding:0; margin:0;}
.pf_4_col li{padding:0; margin-right:20px; margin-bottom:20px; width:220px;  float:left; list-style:none; padding-bottom:20px;}
.pf_4_col li.nomargin{margin-right:0;}
.pf_4_col h2{margin-bottom:10px}
.pf_2_col img, .pf_3_col img, .pf_4_col img{margin-bottom:10px;}

/* column */
.four_col{list-style-type:none; padding:0; margin:0;}
.four_col li{padding:0; margin-right:20px; margin-bottom:0px; width:220px;  float:left; list-style:none; }
.four_col li.nomargin{margin-right:0;}
.four_col h2{margin-bottom:10px}
.four_col img, .pf_3_col img, .pf_4_col img{margin-bottom:10px;}

.four_col.home h2{padding-top:10px;}
.three_col.home h2{padding-top:10px;}
.two_col.home h2{padding-top:10px;}

/* team */
#team{list-style-type:none; padding:0; margin:0;}
#team li{padding:0; margin-right:20px; margin-bottom:30px; width:160px;  float:left; list-style:none;}
#team li.nomargin{margin-right:0;}
#team h2{margin-bottom:10px}

/* blockquote & testi */
blockquote{ border:none; padding-left:70px; font-style:italic; background: url(images/quote.png) top left no-repeat; font-size:15px; margin-left: 0px; margin-right:0px;}
blockquote.pos-left{ float:left; width:50%; margin:20px; margin-left:0px;}
blockquote.pos-right{ float:right; width:50%; margin:20px; margin-right:0px;}
.testi{margin-bottom:20px;}
.testitext{ background-position:top left;margin-left:140px; padding:20px 0 0 20px;}
.testiby{padding:10px 0 0 0; font-weight:bold; text-align:right;}
.testi img{float:left;}
.last{margin-bottom:0px;}

/* align */
.pos_top{ margin-bottom:10px;}
.pic_left{ float:left; margin:0 20px 20px 0;}
.pic_right{ float:right; margin:0 0 20px 20px;}

/* code */
code{display:inline-block; background:#FFF; font-size:11px; padding:5px 10px 5px 10px; border:solid 1px #666; border-left:solid 4px #666;}
code b,code strong{font-weight:bolder;}

/*contact */
#contact label{ display:block; width:120px; float:left;}
#contact input{ display:block; margin-bottom:10px; padding:5px; border:none; background:url(images/dotwhite.png); border:solid 1px #555; width:384px;}
#contact input:focus{border:solid 1px #999; background:url(images/dotblack1.png);}
#contact textarea{ padding:5px; background:url(images/dotwhite.png); border:solid 1px #555; width:384px; height:150px; margin-bottom:10px;}
#contact textarea:focus{border:solid 1px #999; background:url(images/dotblack1.png);}
#contact input.button{ color:#FFF; background:url(images/bgbtn.png) top repeat-x; padding:3px 10px 3px 10px; margin:10px 0 0 120px; font-family:Arial, Helvetica, sans-serif; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; -moz-border-radius:12px; -webkit-border-radius:12px; border:none;}
#contact input.button:hover{background:#CCC; color:#333;}
#contactform { font-size: 12px; width:300px;}
#contactform input, #contactform textarea {width:100%;font-family:inherit;font-size:12px;padding:5px;}
#contactform textarea {height:100px;}
#send {width:100px !important;font-size: 12px;border:1px solid black;cursor:pointer;cursor:hand;}
#btnsubmit { text-align:right; } 
.error { background:#900; border: solid 1px #C00;display: none; padding:0 5px 0 5px; color: #FFF; font-size:11px;width:385px; margin-left:120px;}
.success { display: none; padding:0 5px 0 5px; color: #044406; font-size:11px;}
.error img { vertical-align:top; }


/* comment form */
#comment-form label{ display:block; width:120px; float:left;}
#comment-form input{ display:block; margin-bottom:10px; padding:5px; border:none; background:url(images/dotwhite.png); border:solid 1px #555;}
#comment-form input:focus{border:solid 1px #999; background:url(images/dotblack1.png);}
#comment-form textarea{ padding:5px; background:url(images/dotwhite.png); border:solid 1px #555; width:370px;}
#comment-form textarea:focus{border:solid 1px #999; background:url(images/dotblack1.png);}
#comment-form input.button{ color:#FFF; background:url(images/bgbtn.png) top repeat-x; padding:3px 10px 3px 10px; margin:10px 0 0 120px; font-family:Arial, Helvetica, sans-serif; border:solid 1px #111; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; -moz-border-radius:12px; -webkit-border-radius:12px; border:none;}
#comment-form input.button:hover{background:#CCC; color:#333;}


/* dropcap */
.dropcap{
	background:url(images/bgdropcap.png) top left no-repeat;
	display:block;
	font-size:32px;
	float:left;
	width:50px;
	height:50px;
	line-height:20px;
	margin:10px 10px 0 0;
	text-align:center;
	padding-top:10px;
	color:#FFF;
	font-weight: 900;
}

/*social-icon */
.social-icon{
	float:right;
	padding-top:25px;
	z-index: 500;
	right: 0px;
	position: absolute;
}
.social-icon img{padding-left:5px;}


/* rollover image style */ 
.pic_hover a .rollover{	background:url(images/hover-opacity.png) no-repeat center;background-color:#333; display:block; position:absolute; z-index:10; display:none; cursor:pointer;}
.pf_2_col .pic_hover a .rollover{ width:460px; height:230px;}
.pf_3_col .pic_hover a .rollover{ width:300px; height:142px;}
.pf_4_col .pic_hover a .rollover{ width:220px; height:165px;}

.two_col .pic_hover a .rollover{ width:460px; height:230px;}
.three_col .pic_hover a .rollover{ width:300px; height:142px;}
.four_col .pic_hover a .rollover{ width:220px; height:165px;}

/* blog comments */
.comment-list{list-style-type:none; padding:20px 0 0 0; margin: 0;}
.comment-list ol{list-style-type:none; padding:30px 0 0 90px; margin:0;background:url(images/lines.png) bottom repeat-x; padding-bottom:0px;}
.comment-list li ol{list-style-type:none; padding:20px 0 0 90px; margin:0;background:url(images/lines-3.png) bottom right no-repeat;}
.comment-list li{position:relative;padding:10px 0 20px 0;background:url(images/lines-3.png) top right no-repeat;}
.comment-list li li{position:relative;padding:10px 0 20px 0;}
.avatar{position:absolute;top:10; left:0;}
.comment{margin:0 0 0 90px; padding:0; padding:10px 0 0 0;}
.comment span{display:block;}
.comment h3{margin-bottom:5px;}
.comment .comment-date{font-size:11px; color:#999;}
.comment .btn{margin-top:10px;}

/* footer */
#footer{ background:url(images/dotwhite.png) top repeat-x #333; color:#999;}
#footer h2{ color:#FFF;}
#footer .one_fifth ul{  background:url(images/dotwhite.png) top repeat-x;}
#footer .one_fifth ul li{ background:url(images/dotwhite.png) bottom right repeat-x; list-style:none; padding:4px 0 4px 0;}
#footer .one_fifth ul li a{background:url(images/list-arrow.png) left center no-repeat; padding-left:20px;}
#iconic .one_fifth ul li a:hover{background:url(images/list-arrow-hover.png) left center no-repeat; padding-left:20px;}
#footer .inner{width:940px; margin:0 auto; background:url(images/footerfx.png) top center no-repeat; padding:10px 0 10px 0;}
#footer-b{
	background:#333;
	padding:8px 0 8px 0;
	color:#FFFFFF;
	font-size:11px;
	background-image: url(images/pattern-2.jpg);
}
#footer-b .inner{width:940px; margin:0 auto;}
#footer-b .left{  width:50%; float:left;}
#footer-b .right{  width:50%; float:right; text-align:right;}

/* footer menu */
#btmmenu{float:right;}
#btmmenu ul{list-style-type:none;padding:0px;margin:0px;}
#btmmenu li{display:inline;}
#btmmenu a{float:left;color:#787878;font-size:8pt;padding-left:20px;text-decoration:none;}
#btmmenu a:hover{text-decoration:underline;}

/* page */
.page{text-align:left; font-size:11px; color:#999;}
.page a:hover{ padding:4px 8px 4px 8px; margin-right:5px; background:url(images/bg-page-num.png) top repeat-x; border:solid 1px #333; color:#FFF;}
.page a{ padding:4px 8px 4px 8px; margin-right:5px; background:#EAEAEA; color:#222; border:solid 1px #CCC;}

input {
background-color:#666666; 
padding:3px;
}

textarea {
background-color:#666666; 
padding:3px;
}

a.blue:link {color: #FF9966; padding:5px;}
a.blue:visited {color:#FF9966; padding:5px;}
a.blue:hover {color:#FFF; padding:5px; background-color:#E19580; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#mininav{
background-color:#D24808; 
background-image:url(images/pattern-1.jpg); 
background-position:bottom center; 
color:#663300; 
float:right; 
height:35px; 
padding-top:15px; 
text-align:center;
width:600px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}