@charset "utf-8";
/*------------------------------Reset style Starts-------------------------------*/
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, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0;}body { line-height: 1; color: #000000; background: white; font-family:Arial, Helvetica, sans-serif; font-size:12px}
ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
strong { font-weight:bold;}
img { margin:0;}
a:link {text-decoration: none; color:#ff00ff}
a:visited {text-decoration: none; color:#33cc00;}
/*------------------------------Reset style Ends-------------------------------*/
iclear{ clear:both; width:100%;}
body { font: normal 14px/16px "Helvetica", Arial, Helvetica, sans-serif; background-color:#f7f1e3;}
#wrapper { margin:0 auto; width:980px;}
.innerwrapper { width:962px; margin:0 auto;}

#header { height:137px;  width:100%; float:left; background:#f0e8d4 url(../images/headerbg.jpg) repeat-x bottom; }
.logo { background:url(../images/logobg.png) no-repeat; width:300px; height:105px; margin-left:26px; text-align:center; float:left;}
.logo h1 { color:#FFF; font:normal 32px/25px "Helvetica", Arial, Helvetica, sans-serif; padding-top:45px; text-transform:uppercase;}
.logo p  { color:#fff; margin-top:5px;}

.nav { float:right; margin-top:71px; margin-right:57px}
.nav ul li { text-transform:uppercase; display:inline; padding: 0 20px;}
.nav ul li a { color:#4d300f;text-decoration:none;}

#continertopbg { background:url(../images/containerbgtop.png) no-repeat scroll 31px 27px; float:left; width:100%;}
#continerbottombg {  background:url(../images/containerbgbottom.png) no-repeat bottom; float:left; width:100%;}
#continer { float:left; width:100%; color:#4d300f; padding-top:68px; padding-bottom:35px;}

.block1 , .block2 { float:left; margin-left:30px;} 
.block1 {  width:518px;}
.block1 h1 {  font:normal 36px/38px "Helvetica", Arial, Helvetica, sans-serif;margin-bottom:15px; }
.block1 p {  font:normal 24px/31px "Helvetica", Arial, Helvetica, sans-serif; }
.block2 { width:390px; color:#FFF;}
.block2 p {  font:normal 18px/25px "Helvetica", Arial, Helvetica, sans-serif; color:#4d300f; margin-top:15px; }
.block2heder { background:url(../images/block2headbg.jpg) no-repeat; width:380px; height:47px; text-transform:uppercase; padding-left:10px; padding-top:17px;}
.block2heder h1 {  font:normal 24px/20px "Helvetica", Arial, Helvetica, sans-serif;margin-bottom:15px; }
.block2heder span {  font:normal 18px/18px "Helvetica", Arial, Helvetica, sans-serif; }
.block3 {width:958px; float:left; margin-left:30px; font:normal 18px/20px "Helvetica", Arial, Helvetica, sans-serif;}
.highlight {background:#6f5321; color:#fff; padding: 5px; width: 350px;}

.blue, .green { float:left; width:170px; margin-top:50px;}
.landsend { float:right; width:170px; margin-top:50px; background:#3b8815 url(../images/greenheader.jpg) no-repeat; padding:10px;}
.landsend p{color:#FFF; font:normal 14px/17px "Helvetica", Arial, Helvetica, sans-serif; margin-bottom:20px;}
.donate {float:left; width:200px; margin-top:40px; margin-right:10px; padding:10px;}
.blue { margin-right:10px; background:#6dd6e9 url(../images/bluetopbg.jpg) no-repeat;  text-transform:normal; font:normal 20px/20px "Helvetica", Arial, Helvetica, sans-serif; padding:10px;}
.green { background:#3b8815 url(../images/greenheader.jpg) no-repeat; padding:10px;}
.greenheader {  text-transform:uppercase; font:normal 20px/20px "Helvetica", Arial, Helvetica, sans-serif; border-bottom: 1px dashed #62a044; padding-bottom:15px; }
.blueheader {  text-transform:uppercase; font:normal 20px/20px "Helvetica", Arial, Helvetica, sans-serif; border-bottom: 1px dashed #62a044; padding-bottom:15px; }
.green p{ color:#FFF; font:normal 14px/17px "Helvetica", Arial, Helvetica, sans-serif; margin-bottom:20px;}

.summryblock {width:100%; height:156px; float:left; background: #ebe6db url(../images/bluebgsummry.jpg) repeat-x bottom; padding:30px 0;}
.summryblock1, .summryblock2, .summryblock3 { color:#4d300f; float:left; height:130px; margin-top:20px;}
.summryblock1, .summryblock2 { border-right: 1px dashed #4d300f;}
.summryblock1 h2, .summryblock2 h2, .summryblock3 h2 { font:normal 18px/24px "Helvetica", Arial, Helvetica, sans-serif; margin-bottom:13px; } 
.summryblock1 p, .summryblock2 p, .summryblock3 p { font:normal 16px/24px "Helvetica", Arial, Helvetica, sans-serif; } 
.summryblock1 { width:233px; padding: 0 37px 0 31px;}
.summryblock2 { width:214px; padding: 0 34px 0 44px;}
.summryblock3 { width:230px; padding: 0 0px 0 44px;}

.curlyopen, .curlyclose { width:43px; height:156px; float:left;}
.curlyopen { background:url(../images/curlyopen.jpg) no-repeat;} 
.curlyclose { background:url(../images/curlyclose.jpg) no-repeat;}

.blueContaner { background:#9fbfcb url(../images/blackbgsummary.jpg) repeat-x bottom; width:100%; float:left; padding-top:50px; padding-bottom:20px; color:#3a5c69;}
.blueleftblock { float:left; width:228px; border-right: 1px  dashed #75a4b6; padding-right:25px;}
.text{  float:left; margin: 20px 0; width:228px;}
.text h1 {font:normal 18px/15px "Helvetica", Arial, Helvetica, sans-serif;margin-bottom:25px; color:#FFF; }
.text p {font:normal 16px/18px "Helvetica", Arial, Helvetica, sans-serif; color:#fff;}

.bluerightblock { float:left; width:670px; margin-left:30px; }
.tabslidholder { float:left; width:670px; padding-bottom:15px;}
.tagHolder { float:left; text-align:center;text-align:center; color:#FFF; width:105px; text-transform:uppercase; margin-bottom:30px; margin-right:20px;}
.tagtext { background:url(../images/bgtag.jpg) repeat-x; height:28px; padding: 6px 20px; }
.arrow{ background:url(../images/downarrow.jpg) no-repeat  top center; width:15px; height:13px; margin:0 auto;  }
.slid { float:left;}
.slidheaer { color:#29353a; font:normal 36px/38px "Helvetica", Arial, Helvetica, sans-serif; float:left; padding:30px 0;}
.slid p { font:normal 24px/31px "Helvetica", Arial, Helvetica, sans-serif; margin-top:35px;  }
.siderstrip { width:670px; float:left; height:35px; background:url(../images/mainbgstrip.jpg) repeat-x; margin-top:30px;}
.btnleft { float:left; margin-left:11px;}
.btnright { float:left; margin-left:10px;}

.card{ float:left; width:660px; margin-top:30px;}
.card h1 { color:#FFF; text-transform:uppercase; font:normal 22px/25px "Helvetica", Arial, Helvetica, sans-serif;}
.cardlist {float:left; width:670px;margin-top:40px;}
.cardlist ul li { display:inline; float:left; padding-right:21px; color:#29353a; font-weight:bold;}
.cardlist ul li p { color:#3a5c69; font-weight:normal; }
/*------------------------------Footer style Starts-------------------------------*/
.footer {width:100%; height:156px; float:left; background: #000; padding:30px 0;}
.footer a:link {text-decoration: none; color:#fff}
.footer1, .footer2, .footer3 { color:#fff; float:left; height:130px; margin-top:20px;}
.footer1, .footer2 { border-right: 1px dashed #fff;}
.footer1 h2, .footer2 h2, .footer3 h2 { font:normal 18px/24px "Helvetica", Arial, Helvetica, sans-serif; margin-bottom:13px; color:#fff; } 
.footer1 p, .footer2 p, .footer3 p { font:normal 16px/24px "Helvetica", Arial, Helvetica, sans-serif; color:#fff;} 
.footer1 { width:233px; padding: 0 37px 0 31px;}
.footer2 { width:214px; padding: 0 34px 0 44px;}
.footer3 { width:230px; padding: 0 0px 0 44px;}
.copyright {float:right; margin-top:30px; font:normal 12px/14px "Helvetica", Arial, Helvetica, sans-serif; color:#fff;}
/*------------------------------Footer style Ends-------------------------------*/
/*------------------------------Twitter Widget Starts-------------------------------*/
#widget1 .twtr-tweet a:hover,
#widget2 .twtr-tweet a:hover,
#widget3 .twtr-tweet a:hover {
	text-decoration: none !important;
	color: #FF99CC !important;
}
/*------------------------------Twitter Widget Ends-------------------------------*/
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
.right { float: right; }

.bio { width:600px;}
.bio h2 {font:normal 18px/24px "Helvetica", Arial, Helvetica, sans-serif; margin-bottom:13px; color:#fff;}
.bio p {font:normal 14px/18px "Helvetica", Arial, Helvetica, sans-serif; color:#fff;}
#tabs{
        margin-left: 4px;
        padding: 0;
        background: transparent;
        voice-family: "\"}\"";
        voice-family: inherit;
        padding-left: 5px;
    }
    #tabs ul{
        font: bold 11px Arial, Verdana, sans-serif;
        margin:0;
        padding:0;
        list-style:none;
    }
    #tabs li{
        display:inline;
        margin:0 2px 0 0;
        padding:0;
        text-transform:uppercase;
    }
    #tabs a{
        float:left;
        background:#6f5321 url(images/tabs_left.gif) no-repeat left top;
        margin:0 2px 0 0;
        padding:0 0 1px 3px;
        text-decoration:none;
    }
    #tabs a span{
        float:left;
        display:block;
        background: transparent url(images/tabs_right.gif) no-repeat right top;
        padding:4px 9px 2px 6px;
    }
    #tabs a span{float:none;}
    #tabs a:hover{background-color: #7E94B9;color: white;}
    #tabs a:hover span{background-color: #7E94B9;}
    #tabHeaderActive span, #tabHeaderActive a { background-color: #fff; color:#6f5321;}
    .tabContent {
        clear:both;
        border:2px solid #6f5321;
        padding: 5px;
        background-color:#FFF;
    }
	/* ========================== Portfolio Styles ========================== */
	#portfolio {
		margin-bottom: -25px;
		overflow: hidden;
		padding-top: 50px;
	}

	#portfolio li {
		background: none;
		float: left;
		margin: 0 20px 20px 0;
		padding: 0;
		position: relative;
		width: 220px;
	}
	#portfolio li.last {
		margin-right: 0;
	}

	#portfolio li img {
		border: 1px solid #2a2a2a;
		margin: 0;
	}

	#portfolio li img:hover, #portfolio li:hover img {
		border: 1px solid #444;
	}

	#portfolio li .description {
		background-color: #444;
		color: #eee;
		display: none;
		font-size:10px;
		padding: 8px 10px;
		position: absolute;
	}
	
	#video {
		margin-bottom: -25px;
		padding: 5px;
		overflow: hidden;
	}
	#video li {
		float: left;
		margin: 20px;
		padding: 5px;
		position: relative;
		width:400px;
	}
	
	#video li.last {
		margin-right: 0;
	}