﻿html
{
margin:0;
   padding:0;
   height:100%;

}

body {
-x-system-font:none;
background-color: #dbdbdb;
color: #a29f9f;
background-image: url(../V4images/HeaderBG.png);
background-repeat: repeat-x;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:62.7%;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0;
text-align:center;
height:100%;

}


*
{
	margin:0;
padding:0;
}

a
{
	color: #ffffff;
}

a:hover
{
	color: #a29f9f;
}

H1 {font-size:2em}
H2 {font-size:1.5em}

h1, h2
{
	
	color: #FA480C;
}

p
{
 margin-top: 5px;
 padding-bottom: 10px;
}




#container {
   min-height:100%;
   position:relative;
}


#wrapper 
{
/*background-color: #000000;
border-left:2px solid #000000;
border-right:2px solid #000000;
margin-left:auto;
margin-right:auto;
text-align:left;
width:960px;*/
}

#page
{
	margin: 0 auto;
	width:960px;
	text-align:left;
	padding-bottom:150px;   /* Height of the footer */

}

#header
{
	/*background-image: url(../images/Header01.png);
	background-repeat: repeat-x;
	background-image: url(../V4images/HeaderBG.png);
	background-repeat: repeat-x;*/
	height:131px;
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#headerLogo
{
	background-image: url(../V4images/logo.png);
	background-repeat: no-repeat;
	height: 131px;
	width: 170px;
	float: left;
}

#headerText
{
	color: White;
	text-transform: uppercase;
	Position: absolute;
	top:10px;
	right: 45px;
	width: 350px;
	height: 70px;
}

#headerText h2
{
	color: #FA480C;
	font-size: 1.3em;
}

#headerText h1
{
	font-size: 1.5em;
	color: #ffffff;
}





#footer
{
	clear: both;
	background-color: #000000;
	color: #ffffff;
	height:131px;
	background-image: url(../V4images/footerbg.png);
	background-repeat: repeat-x;
	margin-top: 10px;
	position:absolute;
    bottom:0;
    left: 0;
    width:100%;
   
}


#footer p
{
	padding-top: 50px;
}


#Sidebar1
{float:left;
 width: 230px;
 padding-left: 20px;
 padding-top: 10px;
  }
  

#MainContent
{
	margin-left: 260px;
	padding-top: 10px;
	line-height: 1.7em;
	min-height: 400px;
}



#Me
{
	float: right;
	background-image: url(../V4images/Polaroid.png);
	width: 200px;
	height: 200px;
}

#ImageHolder
{
	float: right;
	width: 200px;
	height: 200px;
	text-align: center;
}

#ImageHolder img
{
border-color:#424242;
border-style:solid;
border-width:2px 2px 10px;
margin-bottom: 15px;
margin-top: 15px;
}

#TransparentM
{
	float: right;
	background-image: url(../V4images/MTransparent.png);
	width: 200px;
	height: 200px;
}


#Jigsaw200
{
	float: right;
	background-image: url(../V4images/Jigsaw200.png);
	width: 200px;
	height: 200px;
}
#Mail200
{
	float: right;
	background-image: url(../V4images/Mail200.png);
	width: 200px;
	height: 200px;
}

#MainContent h1
{
	background-image: url(../V4images/jigsaw.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-bottom: 0px;
	padding-top: 30px;
	vertical-align: middle;
	font-size: 1em;
	text-transform: uppercase;
}

.MainH2
{
	background-image: url(../V4images/jigsaw.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-bottom: 0px;
	padding-top: 30px;
	vertical-align: middle;
	font-size: 1em;
	text-transform: uppercase;
}


#nav
{margin-left: 230px;
 padding-left: 0;
 background-image: url(../V4images/Nav.png);
 width: 532px;
 height: 46px;
 margin-top: 85px;
 background-repeat: no-repeat;
 float: left;
 font-size: 1.5em;

} 
#nav ul
{
 list-style-type: none;
 margin-left: 70px;
 
}

#nav ul a
{
 display:block;
 margin-right: 18px;
 margin-left: 5px;
 padding: 10px 0 5px 0;
 color: #ffffff;
 font-weight: 600;
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
}

#nav ul a.selected
{
 color: #FA480C;	
}

#nav ul a:hover
{
	color: #a29f9f;
}

#nav ul li
{
 float: left;
 
}

.sidebar_top
{
	width:220px;
	height: 49px;
	background-image: url(../V4images/SidebarTop.png);
	background-repeat: no-repeat;
	text-align: right;
	text-transform: uppercase;
}


.sidebar_middle
{
	 background-image: url(../V4images/SidebarContent.png);
	 width:220px;
	 background-repeat: repeat-y;
	 text-align: center;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 font-size: 1.2em;
}

.sidebar_bottom
{
	width:220px;
	height: 26px;
	background-image: url(../V4images/SidebarFooter.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.sidebar_middle ul
{
	font-size: 1em;
	list-style-type: none;
	padding-top: 10px;
	margin-left:0;
	padding-left:0;
	text-transform: uppercase;
	text-align: center;
}

.sidebar_middle li
{
	padding-bottom: 10px;
}

.sidebar_middle li a
{
	text-decoration: none;
	color: #ffffff;
}

.sidebar_middle li a:hover
{
	color: #a29f9f;
}

.mainContent_AboutTop
{
	width:675px;
	height: 49px;
	background-image: url(../V4images/MainAbout.png);
	background-repeat: no-repeat;
	
}
.mainContent_WelcomeTop
{
	width:675px;
	height: 49px;
	background-image: url(../V4images/MainWelcome.png);
	background-repeat: no-repeat;
	
}
.mainContent_Top
{
	width:675px;
	height: 49px; 
	/*width : 673px;
	height:49px;*/
	background-image: url(../V4images/MainContentTop.png);
	background-repeat: no-repeat;
	text-align: right;
	text-transform: uppercase;
	
}

.mainContent_Top h2, #Sidebar1 h2
{
	padding-right: 30px;
	padding-top: 7px;
}
.mainContent_middle
{
	 background-image: url(../V4images/MainContent.png);
	 width: 645px;
	 /*width: 643px;*/
	 background-repeat: repeat-y;
	 padding-left: 15px;
	 padding-right: 15px;
	 padding-top: 10px;
	 font-size: 1.2em;
}

#MainContent h1.selectedSolution
{
	color: #ffffff;
}

.mainContent_bottom
{
	width:675px;
	height: 21px;
	/*width: 673px;
	height: 25px;	*/
	background-image: url(../V4images/MainContentFooter.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#IntroArea
{
	/*background-image: url(../V4images/Intro3.png);
	background-repeat: no-repeat;*/
	width:675px;
	height: 220px;
	margin-bottom: 10px;
}


.ContactForm ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
.ContactForm li {  
padding-bottom: 1em;
}


.ContactForm label {  
display: inline;
float: left;
Width: 120px;
}

.ContactForm input
{
    width:250px;
}

.captcha
{
	padding-left:115px;
}

.ContactForm input.submit
{
	width: 120px;
	margin-left:130px;
}

.thickbox
{
 margin-left: -260px;
}

.recentWork 
{
	height: 200px;
	margin-top: 15px;
}
.recentWork ul
{
list-style-type: none;
}

.recentWork li
{
 float: left;
 margin-right:10px;
}
.recentWork li img
{
border-color:#424242;
border-style:solid;
border-width:2px 2px 10px;
}