/* colors dk: bg #18 col #222 
			lt: bg #24 col #2d

*/

body {
	font: 11px/160% Verdana, Arial,Helvetica,sans-serif;
	background-color: #242424;
	color: #ccc;
	margin: 0px;
	padding: 0;
}

/* colors */

.color1 {
	color: #7890a7;
}

.color2 {
	color: #a1b2c2;
}

/* borders  */

.border1 {
	margin: 15px 0 20px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px 0;
}

.border2 {
	border-bottom: 1px solid #999;
}

.larger {
font: 14px/150% Arial, Helvetica, sans-serif;

}

.intros {
font: 14px/140% Arial, Helvetica, sans-serif;

}

/* header styles */

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	background: transparent;
	color: #fff;
	margin: 30px 0 0px 0;
	padding: 0;
	text-transform: uppercase;
	line-height: 120%;
	letter-spacing: 1px;
}

h1 {
	margin: 0px 0 5px 0;
	line-height: 120%;
	font-size: 15px;
	
	
	
}


h2 {
	font-size: 13px;
	
}

h3 {
	font-size: 17px;
}

h4 {
	font-size: 14px;
	margin-top: 0;
}

h5 {
	font-size: 15px;
	margin-top: 50px;
	background-color: #222;
	padding: 3px 10px;
	
}

h6 {
	font-size: 11px;
	margin-top: 40px;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	padding: 3px 2px;
	text-transform:uppercase;
	
	
}

hr {
	margin: 12px 0 12px 0;
	color: #888;
	background-color: #666;
	border: none;
	height: 1px;
	width: 100%;
	text-align: center;
	
}

/* links  */

a {
	font-weight: normal;
	text-decoration:underline;
}

a:link {
	color: #b4d14c;
	background: transparent;
	
}
a:visited {
	/*color: #ababab;*/
	color: #b4d14c;
	background: transparent;
	
}
a:hover {
	color:#fff;
	background-color: transparent;
}



/*layout and navigation stuff */

#wrapper {
	background-color:transparent;
	text-align: left;
	width: 680px;
	margin: 0px auto;
	padding: 0;
}

#pageborder1 {
	background:  url("images/bg3.jpg") no-repeat top center; 
	width: 716px;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
}

#pageborder2 {
	background:  url("images/bg4.jpg") repeat-y top center; 
	width: 716px;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
}


#header{
	background: url(images/none.jpg) repeat-x; 	
	background-color: transparent;
	width: 680px;
	height: 145px;
	padding: 0px;
	margin: 0;
	position: relative;
}
#logo{
	padding: 30px 0 0 30px;
}
#logo1{
	padding: 60px 0 0 22px;
}


#banner {
	background: #cf2600 url("images/banner.jpg") no-repeat top left;
	height:180px;
}


.workbg {
	
	background: #494949 url(images/workbg1.jpg) no-repeat 50px 30px;
}


#contentwrapper{
background: url(images/contentbg.gif) repeat-y;
	float:right;
	width: 680px;
	padding: 0;
	margin: 0;
}

#right{
	width: 420px;
	float: right;
	padding:0;
	margin: 0;
	background-color: #2d2d2d;
}

#left{
	width: 260px;
	float: left;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	line-height: 160%;
	background-color: #494949;
	
}

#rightwork{
	width: 420px;
	height: 320px;
	float: right;
	padding:0;
	margin: 0;
	background-color: #2d2d2d;
	
}


#contentleft {
	padding: 30px 20px 20px 20px;
}
#contentright {
	padding: 30px 20px 20px 20px;
}

#contentfull {
	padding: 30px;
	background-color: #343434;
	border-top: 1px solid #111;
}


#mycontentfull {
	padding: 30px;
	background-color: #343434;
}

/* sub navigation  */
 #menu dl {
 width: 190px; 
 margin: 0; 
 padding: 0 0 10px 0; 
 background: url(none.gif) no-repeat bottom left;
 }
 
#menu dt {
font: 11px arial;
margin:0; 
padding: 3px 0px 3px 10px; 
text-transform:uppercase;
font-weight:bold; 
color: #fff; 
border-bottom:1px solid #666; 
background: url(none.gif) no-repeat top left;
}

#menu dd {
margin:0; 
padding:0; 
color: #fff; 
font-size: 1em; 
border-bottom:1px solid #666; 
background: transparent;
text-align:left;
}
#gallery a, #gallery a:visited {
color:#fff; 
text-decoration:none; 
display:block; 
padding:3px 5px 3px 20px;
background: url(images/arrow.gif) no-repeat 5px 8px; 
width:125px;
font-weight:normal;
}
#gallery a:hover {
background: url(images/arrowr.gif) no-repeat 7px 8px; color:#b4d14c;
}

/* client list  */
 #clientlist dl {
 width: 180px; 
 margin: 0; 
 padding: 0 0 10px 0; 
 background: url(none.gif) no-repeat bottom left;
 }
 
#clientlist dt {
font: 12px arial;
margin:15px 0 0 0; 
padding: 4px 0px 4px 5px; 
text-transform:uppercase;
font-weight:bold; 
color: #fff; 
border-bottom:1px solid #666;
 
background: url(none.gif) no-repeat top left;
}

#clientlist dd {
margin:0; 
padding:0; 
color: #fff; 
font-size: 1em; 
border-bottom:1px solid #666; 
background: transparent;
text-align:left;
}
#clientlist a {
color:#fff; 
text-decoration:none; 
display:block; 
padding:1px 5px 1px 20px;
background: url(images/arrow.gif) no-repeat 5px 6px; 
width:180px;
font-weight:normal;
}
#clientlist a:visited {
color:#aaa; 
text-decoration:none; 
display:block; 
padding:1px 5px 1px 20px;
background: url(images/arrow.gif) no-repeat 5px 6px; 
width:180px;
font-weight:normal;
}


#clientlist a:hover {
background: url(images/arrowr.gif) no-repeat 7px 6px; color:#b4d14c;
}



#footer{
	
	clear: both;
	margin-top: 0px;
	padding: 15px;
	border-top: 1px solid #242424;
	font-size: 10px;
	/*letter-spacing: 0.2em;*/
	text-transform: none;
	line-height: 120%;
	background-color: #242424;
}

/* blockquote  */

blockquote {
	line-height:120%;
	font-size: 10px;
}


/* Lists */

ul{
	list-style: square outside;
	margin-left: 25px;
	padding: 0;
	
}


/* forms  */

input {
	color: #333333;
	background: #fff;
	border: 1px solid #666;
	margin: 6px 0 0 0;
}

/* floats and utility */

img{
	border: 0 none;
}

.hide{
	display: none;
}


.spacer{
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

#nav {background-color: transparent;position:absolute; top:120px; right:10px; border:0; padding:0; margin:0;}

#nav a{ text-decoration:none; color:#666; text-transform:uppercase;
font: 18px arial, verdana, sans-serif;position:relative; letter-spacing: 1px;}


#nav a:hover {color: #FFFFFF; cursor:pointer; background-color: transparent;!important}


#nav a:active, #nav a:focus {
  width:0; 
  height:0;
  outline:0; /* for browsers that understand */
  }
  
#home #nav .home, #work #nav .work, #clients #nav .clients, #contact #nav .contact
{
color:#fff;
}


.portleft {
float:left;
padding: 0px;
width: 100px;

}
.portleft img {
float: left;
border: 1px solid #999;
padding: 2px;
margin-top: 13px;

}
#contentright img {
float: left;
border: 1px solid #999;
padding: 2px;
margin: 0px 12px 12px 0px;

}

.portright {
float: right;
width: 285px;
}
.container {

float:left;
}


.portright2 {
float: right;
width: 500px;
}
#imgborder {
padding: 20px 0 0 20px;


}
#imgborder img {
float: left;
border: 1px solid #bbb;
padding: 2px;
margin: 0px 20px 12px 0px;

}
#featurebg {
padding-top: 1px;
background-color:#ccc;
width: 218px;
height: 177px;
}