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

body {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;	
	color: #FFFFFF;
}
	
#wrapper {
	background-image: url(../images/back);
	
	border: thin solid #525354; /* this. Both are not necessary */
	
	width:930px;
	
	margin-left: auto;
	margin-right: auto;
	
	padding-left:25px;
	padding-right:25px;
	padding-top:40px;
	padding-bottom:15px;
}


#topmenu {
	padding-bottom:20px;
}

#topmenu ul, #topmenu li {
	list-style:none;
	margin:0px;
	padding:0px;
}

#topmenu li {
	display:inline;
	padding-right:16px;
}

#topmenu li.last_one {
	padding-right:0px;
}

#leftcol {
	width: 340px;
	float:left;
	padding-right:20px;
	height:inherit;
}

#leftcol .services_include {
	margin-bottom:20px;
}

#leftcol ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#leftcol li {
	margin:0px;
	padding:0px;
	margin-bottom:8px;
}

#leftcol img.jarmedia_logo {
	margin-top:90px;
}


#rightcol {
	padding-left:360px;
	
}

#main_content {
	text-align: left;
	line-height:18px;
	padding-bottom:20px;
}

#contact_form {
background-color:#009900;
	text-align: left;
	line-height:18px;
	padding-bottom:20px;
}

#portfolio_scroller {
	margin-top:20px;
	margin-bottom:30px;
}

#portfolio_content {
	width:570px;
	margin-top:20px;
	margin-bottom:30px;
}

#portfolio_text {
	width:570px;
	
}

#portfolio_image {
	float:left;
	width:406px;
}

.content_text {
	padding-right:20px;
}

.content_text h3 {
	margin-bottom:20px;
}

.content_text .left_column {
	margin-top: 20px;
	float:left;
	width:250px;
	margin-right:20px;
}

.content_text .right_column {
	margin-top: 20px;
	float:left;
	width:250px;
}

.content_text .form {
	float:left;
	width:554px;
	margin-right:20px;
	margin-top: 30px;
}

.content_text p {
	text-align:justify;
}
						.content_text .reply { 
						 padding-top: 45px; 
						 float:left;
						 width:554px;
						 position:inherit;
						 background-color: none;  
						 color: none;  
						 border: 0px solid #999999;  
						 font-family: Verdana, Arial, Helvetica, sans-serif;  
						 font-size: 11px;  
						 text-align: right; 
						 padding-bottom: 5px;
						}
												

						.content_text .message{
						margin-top: 10px;
						padding:7px 7px;
						width:452px;
						height:103px;
						background:none;
						color:#FFF;
						border-bottom: 1px double #FFFFFF;
						border-top: 1px double #FFFFFF;
						border-left:1px double #FFFFFF;
						border-right:1px double #FFFFFF;
						overflow:hidden;
						
						}
						
						.content_text .messagesmall{
						font:Courier, monospace;
						padding:7px 7px;
						width:145px;
						height:14px;
						background:none;
						color:#FFF;
						border-bottom: 1px double #FFFFFF;
						border-top: 1px double #FFFFFF;
						border-left:1px double #FFFFFF;
						border-right:1px double #FFFFFF;
						overflow:hidden;
						
						
						}
						
						.content_text .messagesmalltwo{
						padding:7px 7px;
						width:146px;
						height:14px;
						background:none;
						color:#FFF;
						border-bottom: 1px double #FFFFFF;
						border-top: 1px double #FFFFFF;
						border-left:1px double #FFFFFF;
						border-right:1px double #FFFFFF;
						overflow:hidden;
						}
						
						.spanfirst {
							padding-top:11px;
							float:left;
							color:#FFFFFF;
							padding-left: 19px;
							padding-right:0px;
							font-size: 1.1em;
						}
						.spansecond {  
							color:#FFFFFF;
							padding-left: 15px;
							padding-right: 20px;
							padding-bottom:50px;
							font-size: 1.1em;
						}
						
						.span { 
							padding-top:15px;
							float:left;
							color:#FFFFFF;
							padding-right:25px;
							font-size: 1.1em;
						}
						
						
						
						.content_text .submit_button {
						margin-top: 10px;
						margin-left:493px;
					

						}



 .mywidth{ 
  color: #181820;  
  background-color: #181820;
  width: 400px; 
  float:right;  
}
 .txt {
  color: #181820;  
  background-color: #181820;
  width: 500px;
}

 .mywidth_left{ 
 	margin-left: 20px;        
 	width:180px;
	padding-left:5px;
	background-color: #181820;  
}

 .mywidth_right{ 
    margin-left: 20px;      
 	width:180px; 
	padding-right:5px;
	background-color: #181820;
}
form {
padding-bottom: 70px;
}

#footer { 
	margin-top: 100px;
	clear:both;
	text-align:justify;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9b9b9b;
	color:#7a7a7a;

}

#footer ul, #footer li {
	margin:0px;
	padding:0px;
	list-style:none;
}

#footer li {
	display:inline;
	padding-right:2px;
}


#footer a, #footer span {
	color:#9b9b9b;
	text-decoration:none;
	text-transform:uppercase;
	color:#7a7a7a;
	line-height:1.3em;
}


#footer li.separator span {
	color:#000000;
}

#footer a:hover {
	color:#cfcfcf;
}

#footer .copyright {
	margin-top:10px;
}

a:link {
	color: #00BFFF;
	text-decoration:none;
}
a:visited {
	color: #00BFFF;
	text-decoration:none;
}
a:hover {
	color: #FFFFFF;
	text-decoration:none;
}
a:active {
	color: #FFFFFF;
	text-decoration:none;
}