@charset "UTF-8";
/* CSS Document */

body{
	background:#f2f2f2 url(images/bg.jpg) repeat-y scroll;
	font:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	color:#717171;
	margin-top:30px;
	}

a{
color:#d80000;
text-decoration:none;
}

a:hover{
color:#000;
text-decoration:none;
}

a:avtive {
color:#b9b39f;
text-decoration:none;
}

a:visited{
color:#000000;
text-decoration:line-through;
}

.title{
font-size:16px;
font-style:italic;
color:#ff7200;
}

h1{
color:#717171;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
font-style:italic;
margin-top:0;
margin-bottom:10px;
font-weight:400;
}

.blue{
margin:0;
color:#717171;
font-size:14px;
}

.spacer{
margin-top:20px;
margin-bottom:10px;
}

img.hire{
position:fixed;
top:30px;
left:310px;
z-index:90;
}

img.logo{
position:relative;
top:30px;
left:15px;
z-index:10;
margin-bottom:20px;
display:block;
}

p.contact{
margin:0;
}

img{
border:0;
}

#container-main{
margin:0;
overflow:visible;
width:800px;
}

.container-left{
background:url(images/fixed.jpg) #d0d2d3 no-repeat;
width:325px;
height:100%;
position:fixed;
top:0;
left:0;
overflow:visible;
display:inline;
float:left;
}

.container-right{
width:480px;
float:right;
margin:0;
display:inline;
position:relative;
}

.bar{
display:block;
float:left;
margin-bottom:20px;
width:295px;
margin-left:15px;
margin-top:20px;
text-align:left;
}

li{
list-style:none;
}


/*Right*/

.right{
width:400px;
position:relative;
display:inline;
float:right;
margin-left:25px;
}


#sample{
width:480px;
height:450px;
overflow:hidden;
margin:0 0 30px 0;
display:block;
position:relative;
}

#ban{
background: url(images/work_info_bg.jpg) #fff repeat-x;
width:480px;
height:50px;
display:block;
margin-bottom:5px;
font-family:Georgia, serif;
font-size:20px;
font-style:italic;
font-weight:100;
letter-spacing:1px;
vertical-align:middle;
color:#121215;
float:left;
}

#info{
display:inline-block;
width:100%;
margin:15px 0 0 10px;
}

#preview{
width:480px;
height:334px;
display:block;
float:left;
margin-bottom:5px;
}


#redtitle{
color:#d80000;
font-style:italic;
}

img.prog{
margin-left:4px;
display:inline;
}

p.info{
font:Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:12px;
padding:3px;
margin-top:5px;
}

img.sample{
border:0;
float:left;
display:block;
}

ul.info{
font:Arial, Helvetica, sans-serif;
font-size:12px;
list-style-type: none;
padding: 3px;
margin: 0px;
float:left;
}

.grad{
background:url(images/grad.png) no-repeat;
width:480px;
height:80px;
display:block;
margin-bottom:20px;
float:right;
position:relative;
}


/*Contact Form*/

#reachout{
width:280px;
position:relative;
vertical-align:middle;
float:left;
}

#textarea, #form input, #form textarea{
background: url(images/formbg.png) #fcfcfc repeat-x scroll 0 0;
border:1px solid #fff;
color:#717171;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:14px;
margin-bottom:10px;
max-width:280px;
padding:5px 5px;
width:280px;
}

fieldset{
padding:0;
border:0;
display:inline;
}

input{
display:block;
margin-bottom:10px;
}