body {
   line-height: 1.5;
   font-family: arial, sans-serif;
   color: #959595;
   background: #fff url(../images/bg.gif) repeat-x;
}

* {outline: none}

h3{font-weight:bold;}

a{color: #959595}


.clear{
    clear:both;
}

html, body {height: 100%;}

#wrap {min-height: 100%;
margin:0 auto;
width:940px}

#container {overflow:hidden;
	padding-bottom: 97px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -97px; /* negative value of footer height */
	height: 97px;
	clear:both;}


/*.............header ................*/


#outer-header{
    width: 940px;
    margin:-94px auto 0 auto;
    background: url(../images/cobweb.png) no-repeat;
    height: 210px;
	padding-top:100px;
}

a#logo{
    display: block;
    background-repeat: repeat-x;
    background-image: url("../images/redbg.gif");
    float: left;
    margin:-46px 0 20px;
    padding:100px 25px 15px;
	color:#FFFFFF;
    font-size:1.6em;
	text-decoration:none;
}

ul#nav{
    float: right; 
	margin: 63px 40px 0; 
	z-index:100;/* added to fix IE issue */
	position:relative;
}

#nav li{
    display: inline;
	font-size: 1em;
}

#nav li a{
    display: inline-block;
    text-decoration:none;
    text-transform: capitalize;
	color: #808080; 
	padding: 0 0 5px; 
	margin: 0 0 0 55px;
	float:left;
	
}

#nav li a:hover, #nav li.current a, #nav li a:focus { color: #000; border-bottom: 3px solid #AF0707; }


#slogan{ 
font-size: 21px;
position: relative;
top:40px;
width: 837px;
left: 12px;
height: 90px;
line-height:1.3;
color:#a1a1a1
}

#slogan span{
	font-weight:bold;
	color:#464646;
}
/* ..............main content ..............*/

#container{
    width: 940px;
    margin:-45px auto 0 auto;
}

#about,#contact{
   margin:30px 0 0 0;
}

#work h3, #about h3, #contact h3{
	font-weight:bold;
	color:#ACACAC;
}

#contact p{font-size:12px;
margin-left:11px;}

#contact p a{color: #959595;
text-decoration: none;
font-weight: bold;
text-transform: lowercase;}

#contact p a:hover{text-decoration: underline}

#content{padding: 0px 10px}

ul#portfolio{
    width: 900px;
    min-height: 180px;
	float:left;
	padding-top:14px;
}

ul#about-list{
      min-height: 100px;
      width: 900px;
}

#portfolio li{
    display: inline-block;
    width: 274px;
    height:172px;
    background-image: url(../images/shadow.png);
    background-repeat: no-repeat;
    padding:14px 13px;
    float: left;
	position:relative;
}

img.project-img{position:absolute;}

.option{background-image: url(../images/thumbnail-bg.png);
background-repeat: no-repeat;
font-size:13px;
height:152px;
padding:10px;
position:absolute;
top:14px;
width:254px;
color:#555555;
}

.option span a {
color: #959595;
display:block;
float:left;
font-size:12px;
text-decoration:none;
width:70px;
font-weight: bold;
background-image: url(../images/arrow-url.png);
background-position: left;
background-repeat: no-repeat;
padding-left:20px;
margin-top: 15px;
}

.option span a:hover{
    color:#AF0707;
}

.option h4{font-weight: bold;
text-transform: uppercase;}

.option p{}




#about-list li{
    display: inline-block;
    width: 274px;
    padding:14px 13px;
    font-size: 13px;
    float: left;
}

/*...................contact ........*/

#contact_form_holder { 
    text-transform: capitalize;
    width:400px;
    font-size:13px;
    padding-left:13px;
}
#contact_form_holder input, #contact_form_holder textarea {
    width:100%; /* make all the inputs and the textarea same size (100% of the div they are into) */
    font-family:inherit; /* we must set this, because it doesn't inherits it */
    padding:5px;
    border:2px solid #ebebeb;
}
#contact_form_holder textarea {
    height:100px; /* i never liked small textareas, so make it 100px in height */
}

#contact_form_holder label{
   
}

p.alter{
    text-transform: none;
}
#contact_form_holder p{
   margin:15px 0;
}


#send_message {
    width:179px !important; /* the width of the submit button  */
    text-transform: capitalize;
    height: 38px;
    border: none !important;
    cursor:pointer;
    background: url(../images/hover-button.png) no-repeat left center;
}

#cf_submit_p { text-align:right; } /* show the submit button aligned with the right side */

.error { display: none; padding:10px; color: #D8000C; font-size:12px;background-color: #FFBABA;}
.success { display: none; padding:10px; color: #044406; font-size:12px;background-color: #B7FBB9; text-transform: none;}

#contact_logo { vertical-align: middle; }
.error img { vertical-align:top; }

/*
#footer{background-image: url(../images/footer-bg.png);
width: 100%;
height: 97px;
line-height: 97px;
}
*/

#inner-footer{
    width: 940px;
    margin:0 auto;
}
#footer #left{
float: left;font-size:11px;
position:relative;
top:40px;
}

#footer ul#right{
    float: right;
    margin:0 20px 0 0;
}

#right li {display: inline;}

a#linkedin{
     display:inline-block;
    width: 33px;
    height:32px;
    background-image: url(../images/linkedin.png) ;
    background-repeat: no-repeat;
    text-indent: -9999px;
    float: left;
}

a#twitter{
     display:inline-block;
    width: 33px;
    height:32px;
    background-image: url(../images/twitter.png);
     background-repeat: no-repeat;
    text-indent: -9999px;
    float: left;
}

a#delicious{
     display:inline-block;
    width: 33px;
    height:32px;
    background-image: url(../images/delicious.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    float: left;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

strong{font-weight: bold}

.option strong{
    font-size: 11px;
}

em{font-style: italic;
font-size: 11px;}