body {
margin: 0;
padding: 0;
text-align: center;
background: #595950;
color: #333;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 75%;
line-height: 1em;
behavior:url("../js/csshover.htc")
}

#logo {display: none}

img {border: none}
#main embed {margin:-15px 0 0 10px}

fieldset {border: 0}

.bubble {
border-left: 5px solid #bbb;
padding: 1px 0 1px 11px;
margin: 20px 0 20px 0;
}

.bubble p {
margin: 7px 0 7px 0;
line-height: 14px;
font-family: Arial
}

#inquiry {
width: 100%;
background-color: #f8f8f8;
border-spacing: 0px
}

.inquirytext {
width: 190px;
height: 20px;
margin: 0
}

#inquirycol {
padding: 4px 0 4px 0;
margin: 0;
}

#inquiry td {
vertical-align: middle;
padding: 8px 0 8px 6px;
margin: 0
}

hr {
margin: 15px 0 15px 0;
height: 1px;
border: 0;
color: #666;
background-color: #666
}

.profile {
margin: 0 0 0 63px
}

/*=============== Hover Effect ===============*/

div.link a:hover {background-color: #999999; color:#fff;}
div.link a:link span {display: none;}
div.link a:visited span {display: none;}
/*
DIV.link {position: relative;} 
DIV.link A:hover SPAN {
display: block; 
padding: 10px; 
width: 205px; 
padding-top: 10px; 
position: absolute; 
top: 130px; 
left: 71px; 
color: #fff; 
background-color: #000; 
text-align: center;
}
*/  
/*=============== Containers ===============*/

#content {
width: 780px;
background: url(../uploads/images/layout/contentbg.gif) repeat;            
margin: 0;
padding: 0
}

#content-gallery {
width: 780px;
margin: 0;
background:#999;
padding: 0
}
        
#contentp {
width: 780px;
background-color: #999;           
margin: 0;
padding: 0
}
        
#main {
float: left;
padding: 15px 30px;
margin: 0;
width: 428px
}

#mainright {
float: right;
width: 287px;
padding: 25px 0 15px 0;
margin: 0;
}
#mainright img {
margin: 0 0 25px 25px
}

#mainright p {
margin: 25px 0 0 25px;
}
 
#sub {
}

#menu_vert {
display: none;
}

#content2 {
width: 100%;
}

#menu_horiz {
width: 100%;
text-align: left;
}

#page {
width: 780px;
margin:  0 auto 0 auto;
text-align: left;
border-left: 11px solid #333;
border-right: 11px solid #333;
background: #fff
}

#header {
margin: 0;
padding: 0;
height: 140px;
background: #333333 url(../images/headerbg/rotator.php) no-repeat;            
}
	
#footer {
color: #777;
height: 50px;
margin: 0;
background-color: #000
}

#footer p {
font-size: 0.9em;
margin: 0;
padding: 15px 0 0 0;
text-align: center;
}

#footer a {
color: #777;
text-decoration: none
}

#footer a:hover {
color: #fff
}

/*=============== Text ===============*/

a:link {
	color: blue;
	text-decoration: none;
	}
a:visited {
	color: blue;
	text-decoration: none;
	}
a:hover {
	color: #036;
text-decoration: underline
	}

p {
font-size: 1em;
margin: .5em 0 .8em 0;
padding: 0;
line-height:1.6em;
}

.details {
text-align: center;
font-size: 11px;
color: #666
}

h1 {
position: relative;
top: 70px;
left: 28px;
height: 42px;
width: 297px;
margin: 0;
background-image: url(../images/logo.gif); 
background-repeat: no-repeat; 
}

h2 {
font-family: Times;
font-size: 2.2em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
padding: 0;
}

h3 {
font-family: Arial;
font-size: 1.8em;
color: #000;
line-height: 1.3em;
margin: 0;
padding:0;
}

h4 {
font-family: Arial;
font-size: 1.4em;
color: #000;
margin: 25px 0 0 0;
padding: 0
}

h5 {
font-family: Arial;
font-size: 1.3em;
color: #000;
margin: 20px 0 0 0;
padding: 0
}

#content h3 a {
color: #000;
font-size: 20px
}

#contentp h3 {
font-family: Arial;
font-weight: normal;
letter-spacing: 2px;
color: #ddd;
font-size: 18px;
margin: 0 0 0 30px;
padding: 25px 0 0 0;
}

#contentp h3 a {
color: #ddd;
text-decoration: none;
border: 1px solid #ddd;
font-size: 18px;
margin: 0;
padding: 1px 6px 1px 6px;
}

#contentp h3 a:hover {
color: #666;
border: 1px solid #666;
background-color: #ddd;
}

#mainright h3 {
font-family: Arial;
font-size: 1.2em;
color: #000;
line-height: 1.3em;
margin: 0 0 10px 24px;
padding:0;
}

#mainright h4 {
font-family: Arial;
font-size: 1.2em;
color: #000;
line-height: 1.3em;
margin: 0 0 0 24px;
padding:0;
}

#menu_vert h2 {
margin-left: 10px;
}

p#inq {
color: #ddd;
font-size: 11px;
text-align: center
}

#inq a {
color: #ddd;
text-decoration: underline
}

#inq a:hover {
color: #fff
}

blockquote {
font-family: Times;
line-height: normal;
font-size: 125%
}

/*=============== Work ================*/

#work {
width: 100%;
}

#work img {
margin: 25px 0 0 59px;
border: 8px solid #8F8F8F
}

#work img:hover {
border: 8px solid #ccc
}

#work td {
width: 50%
}

#work_square {
width: 100%;
}

#work_square img {
margin: 25px 0 0 45px;
border: 8px solid #8F8F8F
}

#work_square img:hover {
border: 8px solid #ccc
}

#work_square td {
width: 50%
}

img#center_img {margin: 0 0 0 242px}

/*=========== Lightbox ================

#lightbox {
background-color: #eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}

#lightboxCaption {
font-size: 0.8em;
padding-top: 0.4em;
}

#lightbox img { 
border: none
}
 
#overlay img {
border: none
}

#overlay {
background-image: url(../images/overlay.png)
}

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
	
#featured {
margin: 0 0 0 23px;
}

#featured img {
background: #aaa;
margin: 0 0 20px 0;
padding: 10px;
border: 1px solid #555
}
*/

/*=================== Lists ================*/

/*=============== Sidebar Links ================*/

.links {
margin: 2px 0 15px 0;
padding: 0 0 0 24px;
list-style-type: none;
}

.links li {
display: block;
padding: 0 0 6px 0;
margin: 0
}

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

.links a:hover {
display: block;
color: #fff;
background-color: #999
}

.links li:hover {
display: block;
color: #fff;
background-color: #999
}

/*=============== Sitemap List ================*/

.sitemap {
font-family: Arial;
font-size: 1.3em;
color: #000;
padding: 0
}

.sitemap li {
margin: 6px 0 0 16px;
font-size: .9em;
}

.sitemap a {
color: #000
}

#alert {
padding: 10px;
margin: 0 0 25px 0;
border-top: 0px solid #666;
border-bottom: 0px solid #666;
background-color: #FFFBEF
}

/* =========== Contact Form =========== */

#required {
color: red;
margin: 25px 0 15px 0
}

.req {
background-color: #ffffa0
}

textarea {
width: 350px;
height: 130px;
margin: 2px 0 12px 0;
}

.contactbox {
}

#hilite {
margin: 15px 0 0 0;
background-color: #fdf7f1;
padding: 8px;
font-size: 11px;
color: #666;
border: 1px solid #f4dac0;
width: auto
}

td {
padding: 15px;
line-height: 17px
}

td img {
margin: 0 0 10px 0
}
	
#box {
margin: 8px 0 8px 0;
height: 70px;
width: 400px
}	


/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.menu_horiz:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	* html>body .menu_horiz{
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
	* html .menu_horiz{
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* end clearing */
	
div.hr {
		height: 1px;
		margin: 1.5em 10px;
		border-bottom: 1px dotted black;
	}
	
div.breadcrumbs {
   padding-top: 10px;
   padding-left: 10px;
   text-align: left;
   font-size: 90%;
 }

/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper clears the floating elements of the menu */

#menuwrapper { 
        overflow: hidden; 
        background-color: #000;
        border-bottom: 0px solid #C0C0C0;
padding: 0 0 0 30px;
        width: 750px;
        }

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 
        width: 210px; 
       }


/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
letter-spacing: 1.5px;
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#primary-nav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
#primary-nav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#primary-nav li { 
	margin-left: -1px;
	float: left; 
	}
#primary-nav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a { 
display: block; 
color: #ccc;
margin: 0px; 
padding: 9px 15px 11px 15px;
text-decoration: none; 
}
#primary-nav li a { 
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	}
#primary-nav li li a { 
	border: 1px solid #666;
	}	
#primary-nav li, #primary-nav li.menuparent { 
	background-color: #000; 
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	background-color: #999;
	}

#primary-nav a.menuactive { 
	color: #000;
	}

#primary-nav a.menuactive:hover { 
	color: #000;
background-color: #999
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { 
	background-image: url(modules/CSSMenu/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}


/* Styling the apperance of menu items on hover */

#primary-nav a:hover, li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
background-color: #666;
color: #fff
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}

/* =========== Resume List =========== */

#main {
margin: 20px 0 0 0
}

#main ul {
list-style-type: square;
margin: 0;
padding: 0 0 0 15px
}

#main li:hover {
background-color: #fff;
color: #000
}

#main li {
padding: 4px 0 4px 0;
line-height: 17px
}

/* =========== Admin Links =========== */

a#cms {
color: #000;
font-size: 6px;
line-height: 0;
float: left
}

a#cms:hover {
color: #000
}

a#news {
color: #000;
line-height: 0;
font-size: 6px;
float: right
}

a#news:hover {
color: #000
}

#phone {
font-size: 16px;
font-family: Arial;
font-weight: bold;
line-height: 23px
}

div.link a:hover span { 
display: block; 
text-decoration: none; 
padding: 10px; 
width: 205px; 
padding-top: 10px; 
position: absolute; 
color: #fff; 
background-image: url(../images/overlay.png); 
text-align: center; 
margin: -175px 0 0 71px !important; 
margin: 140px 0 0 -233px
}