/* CSS by Jason Pickrell*/


body { background-color:#181818;}

* {  margin: 0;  padding: 0;}

a		{outline: none;}
a:active		{outline: none;}


#wrapper		{ margin: 0px auto; width: 960px; height: 100%; height: auto !important; min-height: 100%;  }

#left-wrap			{ float: left; width: 346px; height: 598px; height: auto !important; min-height: 598px; background-image:url(../images/template/bg-side.jpg); background-repeat: no-repeat; }
					
#right-wrap			{ float: left; width: 599px; height: 100%; margin: 0px 0px 50px 15px;}


#float-left			{ float: left; margin:5px 12px;}
#float-right			{ float: right; margin:5px 12px;}
#margin			{ margin: 20px 0px;}

#img-wrap			{ float:left; margin: 10px;}
#img-right			{ float:right; margin: 10px;}

#col-one			{ width: 275px; height: auto; float: left; margin: 5px 0px 10px 15px;}

#col-two			{ width: 275px; height: auto; float: left; margin: 5px 0px 10px 25px;}


#bullets ul			{ font-size:14px; line-height:22px; font-weight:normal; color: #999;}
#bullets li			{ font-size:14px; line-height:22px; font-weight:normal; color: #999;list-style-type:none; margin:2px 0px 0px 15px;}


/********************************************/
/***              GLOBAL                  ***/
/********************************************/


.main-body			{font-size:14px; font-weight:normal; color: #CCC;}

.main-body a:active		{color: #06C; text-decoration:underline;outline: none;}
.main-body a:visited	{color: #06C;}
.main-body a:link		{color: #06C;}
.main-body a:hover		{color: #06C;}


.main-body-white			{ font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; font-weight:normal; color: #FFF;}

.main-body-white i			{ font-style:italic;}


.main-body-white a:active		{color: #999; text-decoration: underline;outline: none;}
.main-body-white a:visited	{color: #999;}
.main-body-white a:link		{color: #999;}
.main-body-white a:hover		{color: #999;}


.phone			{ font-family: Arial, Helvetica, sans-serif; font-size:20px; margin: 5px 0px 0px 0px; font-weight:normal; color: #1e77be; text-align: right;}
.phone a:active		{color: #999; text-decoration: underline;outline: none;}
.phone a:visited	{color: #999;}
.phone a:link		{font-size:15px; color: #999;}
.phone a:hover		{color: #999;}
.call-today			{ font-size:15px; color: #999; }


hr				{ width: 50%; margin:30px auto; border: dashed 1px #666;}

h1					{font-family:Arial, Helvetica, sans-serif;font-size:22px; font-weight: bold; color:#fff; }
h2					{font-family: Georgia, "Times New Roman", Times, serif;font-size: 20px; font-weight: normal; color: #1e77be; text-shadow: 0px 1px 0px #000; filter: dropshadow(color=#000,offX=0,offY=1); }
h3					{font-size:20px; font-weight: bold; color: #14578c; margin:0px auto; }
h4					{font-size:14px; font-weight: bold; color: #900; margin:0px auto; }
h5					{font-size:24px; font-weight: bold; color: #333; margin: 25px auto;}
h6					{font-size:10px; font-weight: bold; color: #CCC; margin:0px auto; }
h6 a					{font-size:10px; font-weight: bold; color: #CCC; margin:0px auto; }


/*BLOCKQUOTE*/
blockquote { background:#222222;
border-left:10px solid #313131;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
font: Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; font-weight:normal; color: #FFF;
}
blockquote:before {
	
font: Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; font-weight:normal; color: #FFF;
content:open-quote;

margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}

#check-mark ul	{width:22px; height:22px;   text-decoration:none;}
#check-mark li { font-size:12px; font-weight:normal; color: #fff; font-family: Verdana, Geneva, sans-serif; font-weight: bold; list-style-type: none; line-height:30px; background-image: url(../images/interior/check-mark.png); background-repeat:no-repeat;background-position:0px 5px; padding-left:30px;}
#check-mark li a:active, li a:link		{color: #fff; text-decoration:none;outline: none;}
#check-mark li a:visited	{color: #fff; text-decoration:none;}
#check-mark li a:hover		{ color: #CCC; text-decoration: underline;}



.heading-white	{font-size:20px; font-weight: bold; color: #666;}

#header-margin			{width: 601px; height:34px; float:left; margin:55px auto 30px; text-align: right; border-bottom:dashed #999 1px; border-top:dashed #999 1px; padding:10px 0px 0px; }

#header-margin-col			{width: 275px; height:34px; float:left; margin:30px auto; text-align: center; border-bottom:dashed #999 1px; border-top:dashed #999 1px; padding:10px 0px 0px; }

#header-margin-divider	{width: 601px; height:34px; float:left; margin:50px auto; text-align: right; border-bottom:dashed #999 1px; border-top:dashed #999 1px; padding:10px 0px 0px;}

/********************************************/
/***              NAVIGATION              ***/
/********************************************/

#logo-header			{width:274px; height: 59px; background: transparent url(../images/template/logo.png) no-repeat; margin: 80px 0px 0px 35px; text-decoration:none;}
#logo-header li {  list-style: none; position: relative; top: 0; }
#logo-header li, #logo-header a { height: 59px; display: block; text-indent: -9999em; }
#logo-header li, #logo-header a:active { outline:none; margin: 0px; padding: 0px;}

#logo 		{width: 274px; height: 59px; float:left;}

#nav-wrapper		{ margin: 86px auto 0px; height: auto;}

#nav-top-wrapper	{ width: 327; margin:0px 0px 0px 10px; height: auto;}



#rounded-wrap		{width:auto; height:auto; float: left; margin:86px 0px 0px 20px;
text-align:center;}

.rounded  { font-family:Arial, Helvetica, sans-serif;  font-size:13px; color: #FFF; font-weight:normal; text-decoration:none; background: #000;  padding: 10px; margin:12px 0px 0px 17px;
  -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
 border-radius: 10px; }
 
.rounded a:link { color: #FFF; text-decoration:none;}
.rounded a:active { color: #FFF; text-decoration:none;outline: none;}
.rounded a:visited { color: #FFF; text-decoration:none;}
.rounded:hover { color: #FFF; background: #14578c; 
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
 border-radius: 10px;}
				
.rounded:active		{ text-decoration:none;outline: none;}


#sidebar 	{ float: left; width: auto; height: auto; margin: 30px 0px 0px 10px; }
#sidebarNav { padding: 0px; background: #2a2a2a; width: 326px; height:38px;}
#sidebarNav li { width: 326px; height:38px; text-align:center; list-style-type:none; }
#sidebarNav li:hover, #sidebarNav li.open { background: #333; text-decoration:none; }
#sidebarNav li a { display: block; padding: 10px 10px; line-height: 20px; color: #ffffff; font-weight: bold; text-decoration: none;  display: inline-block; }
#sidebarNav li a {display: block;}
#sidebarNav li a:active		{outline: none;}




#piece-section			{ width: auto; height: auto; border: #333 solid 3px;}

#piece-wrap				{ width: 601px; height: 210px; background-color: #000; margin: 10px auto; padding:5px; float: left; }

#piece-image a:active		{ border:none; color: #000;}
#piece-image a:visited	{border:none; color: #000;}
#piece-image a:link		{border:none; color: #000;}
#piece-image a:hover		{border:none; color: #000;}



#piece-image			{ width:105px; height: 105px; float: left;}

#piece-image-feature	{ width:300px; height: 125px; background-color:#000; float: left;}


#text-wrap			{ width:215px; height: 150px; margin: 0px 0px 0px 30px; float: left; font-size: 13px; line-height:18px; color:#FFF;}

#text-wrap-feature			{ width:235px; height: 150px; margin: 0px 0px 0px 30px; float: left; font-size: 13px; line-height:18px; color:#FFF;}


#client-wrap			{ width: auto; height: auto; margin:5px auto; float: left;}
#client-img				{ width: 105px; height: 105px; float:left; margin:5px; background:#CCC;  -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
 border-radius: 10px;}
 







/********************************************/
/***            CONTACT FORM              ***/
/********************************************/

form #footerform { width: 280px; height: auto; padding: 0px; margin:0px; float:left; }

#info { float: left; width: 280px; margin:0px; }
#message { float: left; width: 280px; margin:0px;  }

input  { margin-bottom: 5px; padding: 5px 5px; color: #4A4A4A; float: left; }
label { margin-bottom: 2px; float: left; clear: both; position: relative; top: 10px; }
textarea { padding: 5px 5px; height: 70px; margin-bottom: 5px; color: #FFF; line-height: 15px; font-size: 11px; float: left; }

input { width: 280px; }
textarea { width: 280px; }

label { font-family: Arial; font-size: 10px; color: #fff; }

input#submit { float: right; clear: both; cursor: pointer; width: 75px; padding: 5px 5px; background-color: #141414; border: 0; color: #fff;  border: 1px solid #333;  }

input, textarea { outline: none; background-color: #101010; padding: 5px;font-family: Arial; font-size: 11px; font-weight:normal; color: #fff; border: 1px solid #333; }
input:focus, textarea:focus { border: 1px solid #333; color: #000;background-color: #999; }

input, textarea 	{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }



/********************************************/
/***     	       PORTFOLIO	          ***/
/********************************************/

ul#filter { float: left; font-size: 16px; list-style: none; margin: 10px 0px; width: 100%; }
ul#filter li { 
	float: left;
	line-height: 16px;
	margin: 5px;
	padding: 5px; background:#333;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 border-radius: 5px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding: 5px; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline;}
ul#filter li.current a { color: #999;  }

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 599px; }
ul#portfolio li { 
	float: left; 
	margin: 5px; 
	width: 107px;
}
ul#portfolio a { display: block; width: 100%; color:#999; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { display: block; padding-bottom: 5px; }