/*
-----------------------------------------------------
FileName:    brian-devon-style.css
Version:     05/08/2007
-----------------------------------------------------
*/

#container {margin:auto;text-align:center;font-size:85%;color:#333333; position:relative;}

#main {width:800px; margin-top:119px; margin-right:auto; margin-left:auto; text-align:left; position:relative;}
#main-inner {width:800px; margin-top:80px; margin-right:auto; margin-left:auto; text-align:left; position:relative;}

a, a:link, a:active, a:visited {color:#1170a0; text-decoration:none;}
a:hover {color:#1170a0; text-decoration:underline;}


/*Header Style */
#hd {width:800px; float:left;}
#hd img {margin:0; padding:0; display:block; float:left;}
#hd div {
	float:right;
	width:260px;
	margin:0;
	border-bottom:#ffb502 3px solid;
	text-align:center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#hd div a, #hd div a:visited, #hd div a:active,#hd div a:link, #hd div a.m-off{text-align:center; display:block; float:left; padding:6px 6px 6px 6px; margin:0; color:#FFFFFF; font-size:15px; text-decoration:none;}
#hd div a:hover, #hd div a.m-on{
	text-align:center;
	display:block;
	float:left;
	padding:6px 6px 6px 6px;
	margin:0;
	color:#FFFFFF;
	font-size:15px;
	text-decoration:none;
	background-image: url(images/mArrow-menubg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
/*Header Style End*/


/*Body Style */
#home-bd {width:798px; height:349px; border:#FFFFFF 1px solid; padding:0; margin:0; float:left; background:url(images/homebg.jpg) no-repeat;}
#home-bd .homeText {width:200px; padding:25px 35px 0 21px; color:#000000; font-size:12px; text-decoration:none; float:right;}

#fifthImg {
	position:absolute;
	z-index:1;
	margin:0 auto;
	padding:0;
	visibility:visible;
}

#fifthImg .img {left:100px; position:absolute; z-index:1;}

#fifthImg .title {position:absolute; z-index:1; left:515px; top:270px; background-image:url(images/img-title-bg.gif); background-repeat:no-repeat; text-align:center; width:244px; height:46px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:22px; padding-top:8px;}
#fifthImg .title a{color:#000000; text-decoration:none;}
#fifthImg .title a:hover{color:#000000; text-decoration:none;}
#fifthImg .portfolio  {
	position:absolute;
	z-index:1;
	left:620px;
	top:325px;
	width:150px;
	text-indent:55px;
	background-image:url(images/home-white-arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#fifthImg .portfolio a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
#fifthImg .portfolio a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}

.divShow {visibility: visible;}
.divHide {visibility: hidden;}

#innerpg-bd {
	width:800px;
	background:#FFFFFF;
	padding:0;
	margin:0;
	float:left;
	color:#000000;
	font-size:12px;
}
#innerpg-bd #fullpage {
	float:left;
	width:800px;
	padding:0;
	margin:0;
}
#innerpg-bd #fullpage p {
	padding:0 26px 0 46px;
	margin:0;
}
#innerpg-bd #fullpage p a, #innerpg-bd #fullpage p a:visited, #innerpg-bd #fullpage p a:link {color:#990000; text-decoration:none;}
#innerpg-bd #fullpage p a:hover {text-decoration:underline;}
#innerpg-bd #fullpage p strong{font-weight:bold;}
#innerpg-bd #fullpage p.about {padding:40px 26px 0 46px; margin:0;}

#innerpg-bd #fullpage dl{width:800px; float:left; padding:0 0 30px 0; margin:0;}
#innerpg-bd #fullpage dd {width:193px; float:left; padding:0; margin:0;}
#innerpg-bd #fullpage dd h2 {font-size:12px; color:#990000; margin:0; padding:25px 0 3px 46px;}
#innerpg-bd #fullpage dd p {padding:0 15px 0 46px; margin:0;}
#innerpg-bd #fullpage h1 {border-bottom:4px #ffb502 solid; font-size:24px; color:#990000; padding:35px 0 3px 8px; margin:0;}
#innerpg-bd #fullpage h3 {border-bottom:4px #ffb502 solid; padding:10px 0 5px 8px; margin:0;}
#innerpg-bd #fullpage h2 {font-size:12px; color:#990000; margin:0; padding:25px 0 3px 46px;
}
#innerpg-bd #col1 {float:left; width:388px; padding:0; margin:0;}
#innerpg-bd #col1 p {padding:0 26px 0 46px; margin:0;}
#innerpg-bd #col1 p a, #innerpg-bd #col1 p a:visited, #innerpg-bd #col1 p a:link {color:#990000; text-decoration:none;}
#innerpg-bd #col1 p a:hover {text-decoration:underline;}
#innerpg-bd #col1 p strong{font-weight:bold;}
#innerpg-bd #col1 p.about {padding:40px 26px 0 46px; margin:0;}

#innerpg-bd #col1 dl{width:388px; float:left; padding:0 0 30px 0; margin:0;}
#innerpg-bd #col1 dd {width:193px; float:left; padding:0; margin:0;}
#innerpg-bd #col1 dd h2 {font-size:12px; color:#990000; margin:0; padding:25px 0 3px 46px;}
#innerpg-bd #col1 dd p {padding:0 15px 0 46px; margin:0;}

#innerpg-bd #col2 {width:389px; float:left; padding:0 0 20px 23px; margin:0;}
#innerpg-bd #col2 p {padding:40px 56px 0 10px; margin:0;}
#innerpg-bd #col2 p.about1 {padding:15px 56px 5px 10px; margin:0;}
#innerpg-bd #col2 dl{width:389px; float:left; padding:0 0 30px 0; margin:0;}
#innerpg-bd #col2 dd {width:192px; float:left; padding:0; margin:0;}
#innerpg-bd #col2 dd h2 {font-size:12px; color:#990000; margin:0; padding:25px 0 3px 13px;}
#innerpg-bd #col2 dd p {padding:0 15px 0 13px; margin:0;}

#innerpg-bd #col1 h1, #innerpg-bd #col2 h1 {border-bottom:4px #ffb502 solid; font-size:24px; color:#990000; padding:35px 0 3px 8px; margin:0;}
#innerpg-bd #col1 h3, #innerpg-bd #col2 h3 {border-bottom:4px #ffb502 solid; padding:10px 0 5px 8px; margin:0;}
#innerpg-bd #col1 h2 {font-size:12px; color:#990000; margin:0; padding:25px 0 3px 46px;}
/*Body Style End*/

/* Porfolio Column */
#innerpg-bd #pcol1 {float:left; width:540px; height:452px; padding:0; margin:0;}

#innerpg-bd #pcol2 {float:right; width:259px; height:451px; padding:0; margin:0; border-top: #ffffff 1px solid; border-right: #ffffff 1px solid; background:#d4d2d2;}
#innerpg-bd #pcol2 img{margin:0; padding:3px 0 0 2px; float:left; display:block; border:0;}

.morelink{z-index:2; width:215px; height:41px; padding:10px 0 5px 50px; color:#000000; font-size:12px; position:absolute; margin:0; top:475px; display:block; left:540px; background:url(images/morelink-bg.jpg) no-repeat;}
.morelink span{color:#ffffff; font-size:12px; font-weight:bold; padding:0 3px;}
.morelink a, .morelink a:link, .morelink a:visited{font-weight:bold; color:#000000; padding:0 3px; margin:0; text-decoration:none;}
.morelink a:hover, .morelink a:active {font-weight:bold; color:#FFFFFF; padding:0 3px; margin:0; text-decoration:none;}
.morelink p{position:absolute; top:5px; right:15px; border:none;}

/* Porfolio Column End*/


/* Footer */
#footer {float:right; color:#c9c8c8; font-size:11px; width:255px; padding:4px 20px 10px 0; margin:0; text-align:right;}
#footer1 {float:right; color:#c9c8c8; font-size:11px; width:255px; padding:30px 20px 10px 0; margin:0; text-align:right;}
#footer span, #footer1 span {font-size:24px;}
#footer span.email, #footer1 span.email{font-size:15px; color:#c9c8c8; padding:0 0 0 5px;}
#footer span.email a, #footer span.email a:link, #footer span.email a:visited, #footer1 span.email a, #footer1 span.email a:link, #footer1 span.email a:visited{text-decoration:none; color:#c9c8c8; }
#footer span.email a:hover, #footer1 span.email a:hover{text-decoration:underline}
/* Footer End */




.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
/*=============*/
/*  reset  */
/*=============*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*=============*/
/*  fonts  */
/*=============*/

/**
 * 84.5% for !IE, keywords for IE to preserve user font-size adjustment
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 *
 */
body {font:13px arial,verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;background:#5c5c5c;text-align:left;}
table {font-size:inherit;font:100%;}
/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}
/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}
#port-bd {
	width:800px;
	background:#FFFFFF;
	padding:0;
	margin:0;
	float:left;
	color:#000000;
	font-size:12px;
	border: thin solid #FFFFFF;
}
#portframe {
	height: 485px;
	width: 800px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#copyright p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: center;
	clear: both;
}
#copyright  a:link {
	color: #999999;
	text-decoration: none;
}
#copyright a:visited {
	color: #CCCCCC;
	text-decoration: none;
}