*{
margin:0;
padding:0;
text-decoration:none;
}

.clear{
clear:both;
}

html {
	overflow-y: scroll;
}


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

body{
font:75%/1.7 Arial, Helvetica, sans-serif;
background:#282e30;
color:#9c9c9c;
}

#header {
background:#fff; height: 80px; 
}

#header  .container{
padding: 10px 0 0 0; height: 70px; color:#fff; 
}

.container{
width:950px;
margin:0 auto;
padding:10px 0;
}
#top {
background:#fff; 
}

#top .container{
padding:0px 0 80px 0; color:#fff; 
}
#content{
border:none;
}

#content .container{
margin-top:20px;
}

#footer{
background:url(../images/bg.gif) repeat-x #282e30;
}

#footer .container{
padding:30px 0 20px; 
}

/*naigation*/
#navigation {width: 280px; 
	height: 40px;float: right; padding: 20px 0 0 0 /* background: url(../images/dottedline.gif) no-repeat bottom left*/; 
}

.nav li{
display:inline;
color:#282e30;
}


.nav li a {
padding:7px 16px 0 1px;
height:25px;
font-size: 14px;
text-transform: uppercase;
display:block;
float:left; color:#282e30;
}
.nav li.last a {
padding:7px 1px 0 0;
height:25px;
font-size: 14px;
text-transform: uppercase;
display:block;
float:left; color:#282e30;
}

.nav li a:hover {
color:#4c8290;
padding:7px 16px 0 1px;
height:25px;
font-size: 14px;
text-transform: uppercase;
display:block;
float:left; 
}
.nav li.last a:hover {
color:#4c8290;
padding:7px 1px 0 0;
height:25px;
font-size: 14px;
text-transform: uppercase;
display:block;
float:left; 
}

.nav li.current a{
color:#be7b15;
}

/*logo*/ 

#logo {	/*position: absolute; top:0; left: 0;*/float: left; width: 280px; 
	height: 60px; }
#logo h1{
	background: url(../images/logo.gif) no-repeat;
	text-indent: -9999px;
	width: 280px; 
	height: 60px;
	margin: 10px 0 0 0;
}
#logo h1 a{
position: relative; top: 0; left: 0; 
display: block;
	height: 60px
}
#logo h1 a:hover{
	text-decoration: none
}
/* slider content styling */
.slider-left {
width: 572px;
height: 343px;
margin: 0;
padding: 0;
float: left;
}
.slider-left img {
border: none;
margin: 0;
padding: 0;
}
.slider-right {
width: 325px;
height: 343px;
margin: 0;
padding: 0 10px;
float: right;
color: #282e30;
}
.slider-right h4 {position: relative; top: 10px; left: 0; width: 233px; height: 77px; text-indent: -9999px; background: url(../images/largerview.gif) no-repeat 0 0; float: left; }
.slider-right h4 a { float: left;  }

.slider-right h3 {
text-transform: uppercase;
font-size: 17px;
line-height: 18px;
padding: 0;
margin: 0;
color: #be7b15
}
.slider-right a:link {
color:#4c8290;
}
.slider-right a:visited {
color:#4c8290;
}
.slider-right a:hover {
color:#282e30;
text-decoration: underline;
}
.slider-right a:active {
color:#4c8290;
}

.slider-right ul {
list-style-type: none;
padding: 10px 0;
margin:  0 ;
}
.slider-right li {
background-repeat: no-repeat;
background-position: 0 .2em;
padding: 0 0 .5em 2em;
	background-image:url(../images/tasks-li.gif) ;

}

/*3Columns footer*/

ul.three-col { position: relative; top: 0; overflow: hidden; list-style: none; margin: 0 0; padding: 0 0;  }
ul.three-col li { width: 280px; height: 410px; padding-bottom: 0px; }
ul.three-col li.left { padding-right:25px; border-right: none; float: left; }
ul.three-col li.left h4 { background: url(../images/whatsup.gif) no-repeat; height:86px; width:234px; text-indent: -9999px; }
ul.three-col li.middle { float: left; margin: 0 -1px; padding: 0 25px; border-left: 1px dotted #a3a4a4;/*border-right: 1px dotted #EDEDED;*/ }
ul.three-col li.middle img { float: right; margin: 15px 0 0 5px ; padding: 0; border: 1px solid #dedede; }
ul.three-col li.middle h4 { background: url(../images/aboutme.gif) no-repeat; height:90px; width:255px; text-indent: -9999px; }
ul.three-col li.middle a:link { background:#be7b15; color:#fff; padding: 4px 5px 5px 5px; }
ul.three-col li.middle a:visited { background:#be7b15; color:#fff; padding: 4px 5px 5px 5px; }
ul.three-col li.middle a:hover { color:#4c8290; background:#fff; padding: 4px 5px 5px 5px; }
ul.three-col li.middle a:active { background:#be7b15; color:#fff; padding: 4px 5px 5px 5px; }
ul.three-col li.right { padding-left: 25px; border-left: 1px dotted #a3a4a4; float: left; }
ul.three-col li.right h4 { background: url(../images/message.gif) no-repeat; height:86px; width:255px; text-indent: -9999px;}
ul.three-col li.right p { overflow: hidden; padding: 12px 5px 0 6px; line-height: 14px; font-size: 13px;}
ul.three-col p { overflow: hidden; padding: 10px 5px 0 5px; }



/*contact form footer*/
input, textarea{
		font:16px Arial, Helvetica, sans-serif;
		background:#fff;
		padding: 5px;
		margin:3px 0 0 0;
		border: 1px solid #a3a4a4;
		
		}				
	textarea{
		overflow:hidden;
		width: 248px;
		margin:3px 0 0 0;
		padding:5px;
		}						
	.submit button {
		border:1px solid #fff;	
		background:#4c8290;
		width:50px;
		height:30px;
		overflow:hidden;
		cursor:pointer;
		margin:0 10px 0 0;
		padding:0;
		float: right;color:#fff;
		}

/*twitter*/
#twitter_div {
padding: 0;
margin: 20px 0 0 0;
 overflow: hidden; 
height: 320px;
}
#twitter_div ul {
padding: 0 ; line-height: 15px; font-size: 14px; margin: 0; list-style: none;  line-height: 14px; font-size: 13px;
}

#twitter_div a:link { color:#4c8290;  }
#twitter_div a:hover { color:#fff; }

/* about */
#about {
color: #282e30;
border-top: 1px dotted #ddd;
}
#about h3 {
color: #4c8290;
font-weight: bold;
line-height: 18px; font-size: 17px; padding: 20px 0 0 0;
}

#about p {line-height: 18px; font-size: 15px; padding: 10px 6px ;
}


/* contact */
#contact-wrapper {
color: #282e30;
border-top: 1px dotted #ddd;
	font-size: 15px;
	line-height: 16pt;
	font-family: arial, verdana, sans-serif;
	padding: 0 0 0 20px;
	margin: 0
}
#contact-wrapper h3 {
color: #4c8290;
font-weight: bold;
line-height: 18px; font-size: 17px; padding: 20px 0 10px  0;
}