/*-- General Styles --*/

*{margin:0;padding:0;}
html{height:100%;}

body{text-align:center;font-size:62.5%;font-family:"lucida sans",verdana,"trebuchet ms",arial;height:100%;min-height:100%;min-width:790px;background:#2f2513 url('../images/stripes-bg.jpg') repeat-x 0px 0;}

#wrapper{margin:0 auto;text-align:left;position:relative;width:790px;
		background:url('../images/m-drop.png') repeat-y 0px 0px;}

#wrapper p{font-size:1.2em;line-height:1.5em;margin-bottom:10px;padding:0px 5px 0px 5px;font-weight:normal;}

#header{padding:0px 0px 5px 0px;width:761px;margin-left:15px;height:140px;
	background:#2f2513;}

h1{text-indent:-9999px;background:url("../images/logo.jpg") center center no-repeat;
		height:115px;width:394px;margin-left:10px;float:left;display:inline;padding:5px 0px 5px 0px;}
#header h1 a{height:100%;width:100%;display:block;outline:none;}
#header h1 a:active{outline:none;}

h2{text-indent:-9999px;}

h3{font-size:1.8em;background:#e79e23;padding:5px;text-align:center;color:#2f2513;font-weight:lighter;}

h4{font-size:1.4em;text-align:center;padding-top:3px;}

img{border:none;}


/*Following default styles for all "a" elements necessary as they were being overridden by nav declarations, reason unknown.*/
#wrapper a{margin:0;padding:0;background:none;display:inline;border:none;outline:none;}
#wrapper a:link{color:#e79e23;margin:0;padding:0;}
#wrapper a:visited{color:#e79e23;}
#wrapper a:hover{color:#a4cf47;text-decoration:none;}


/*-- Navigation --*/
/*NOTE: nav must be place before #header (inside of wrapper).  Putting it after caused weird issue in IE7 when using 
"clear:both" on footer.  (Nav disappeared).*/
#nav{text-align:center;width:43px;font-size:1.5em;margin-top:15px;font-family:"trebuchet ms",verdana,helvetica;position:relative;z-index:2;position:absolute;top:165px;left:-28px;}
#nav ul{list-style-type:none;}
#nav ul li{text-indent:-9999px;margin-bottom:15px;}
#nav ul #liPort{width:43px;height:192px;}
#nav ul #liContact{width:43px;height:202px;}
#nav ul li a{display:block;height:100%;width:100%;}
#nav ul #liPort a:hover{background:#a4cf47 url('../images/portfolio-hover.jpg') no-repeat;}
#nav ul #liPort a{background:#f2eb78 url('../images/portfolio.jpg') no-repeat;}
#nav ul #liContact a{background:#a4cf47 url('../images/contact.jpg') no-repeat;}
#nav ul #liContact a:hover{background:#f2eb78 url('../images/contact-hover.jpg') no-repeat;}


/*-- Form --*/
form{padding-bottom:60px;}

/*-- Fieldsets --*/
fieldset{border:none;width:400px;margin:0px 5px 10px 20px;padding:15px 5px 10px 5px;
		background:url("../images/stripes-fs.jpg") repeat-x bottom;font-size:1.2em;}
fieldset legend{font-weight:bold;clear:both;margin-left:0px;margin-left:7px;padding:0px 2px 7px 2px;color:#000000;}
fieldset ol{padding-top:20px;list-style-type:none;border-top:1px solid #e79e23;}
fieldset ol li{margin:0;padding:0;margin-bottom:10px;}
fieldset label{width:175px;float:left;clear:left;padding:2px 3px 0px 0px;text-align:right;font-weight:lighter;}

#fsSubmit{border:none;text-align:center;padding:10px 0px 10px 0px;background:none;}

.required{color:red;font-weight:bold;}
#wrapper p.pError{margin-left:35px;color:red;font-weight:bold;}


/*-- Contact Confirmation Page --*/
#dConfirm{height:500px;}


/*-- Main Layout --*/
#main {margin:0 auto;padding-top:15px;width:790px;float:left;margin-top:0px;position:relative;color:#2f2513;}
#leftCol{float:left;width:235px;padding:20px 10px 10px 10px;display:inline;margin:50px 0px 0px 20px;}
#wrapper #main #rightCol{float:right;width:455px;padding:20px 35px 15px 10px;}


/*-- Info Box --*/
.infoBox{color:#2f2513;margin-bottom:20px;}
.infoBox h3{font-weight:normal;font-size:1.4em;margin-bottom:8px;}
#wrapper .infoBox p{padding:0px 7px 0px 7px;font-size:1.1em;margin-top:0px;}
.infoBox ul{list-style-type:none;margin:0px 0px 10px 10px;}
.infoBox ul li{font-weight:bold;}
.infoBox ul .liDetails{margin-bottom:10px;margin-top:3px;font-size:1.2em;font-weight:normal;}
.infoBox ul #liSkypeDetails{margin-top:5px;}

#ulPayment{margin-top:-5px;}
#ulPayment li{display:inline;}
#ulPayment li img{margin-top:5px;}


/*-- Misc. --*/
#pic{text-align:center;padding-bottom:10px;height:292px;width:412px;
		background:url('../images/pic-holder.jpg') no-repeat;}
#pic img{margin-top:16px;margin-left:2px;}

#wrapper #pComingSoon{font-size:2em;font-weight:bold;padding:40px 0px 0px 0px;text-align:center;}
#pClear{clear:both;}

abbr{border:none;}


/*-- Portfolio --*/
h3.h3Portfolio{margin:0;padding:0;float:left;width:100%;background:none;border-bottom:2px solid #e79e23;padding-bottom:5px;}

.ulPortfolio{list-style-type:none;padding:20px 5px 0px 20px;margin-bottom:20px;float:left;}
.ulPortfolio li{padding-bottom:25px;float:left;width:100%;}
.ulPortfolio li a{text-decoration:none;}
.ulPortfolio img{float:left;margin-right:5px;border:1px solid #dddddd;}
.ulPortfolio div{float:left;display:inline;width:215px;}
.ulPortfolio h3{background:none;text-align:left;padding-bottom:3px;border-bottom:1px solid #a4cf47;font-size:1.2em;
		 font-weight:bold;}
#wrapper .ulPortfolio h3 a{color:#2f2513;}
#wrapper .ulPortfolio h3 a:visited{color:#2f2513;}
#wrapper .ulPortfolio h3 a:hover{color:#a4cf47;}


/*-- Accordion Gallery --*/
#wrapper #accordionGal{display:none;width:100%;margin:0 auto;margin-bottom:25px;padding-top:20px;}
#wrapper #accordionGal h3.title{border-top:1px solid #ffffff;border-bottom:none;margin:0;padding:0;padding:5px;color:#ffffff;cursor:pointer;
		background:#e79e23;font-size:1.3em;letter-spacing:1px;font-family:verdana, arial,"sans serif";font-weight:normal;}
#wrapper #accordionGal h3.title a, #wrapper #accordionGal h3.title a:hover{color:#ffffff;text-decoration:none;display:block;width:100%;height:100%;padding:5px;}
#wrapper #accordionGal .hide img{float:left;}
#wrapper #accordionGal .hide p{float:left;width:150px;letter-spacing:1.5px;font-family:arial, verdana, helvetica;padding:10px 5px 5px 10px;margin:0;}

#accordionGal #imgTechnology{padding:10px 10px 10px 10px;}


/*-- Footer --*/
#footer {text-align:center;font-size:1.2em;color:white;padding:15px 0px 30px 0px;width:790px;clear:both;
		background:#2f2513 url('../images/b-drop.png') no-repeat top left;color:#2f2513;border-top:none;}
#footer ul{list-style-type:none;width:720px;margin-left:0px;background:#a4cf47 url("../images/stripes-footer.jpg");
		margin:0 auto;}
#footer li{display:inline;width:auto;}
#wrapper #footer a{margin:0;padding:0;width:auto;background:none;display:inline;border:none;color:#2f2513;}
#wrapper #footer a:visited{color:#2f2513;}
#wrapper #footer a:hover{color:#ffffff;}
#wrapper #footer #ulFooterMain{padding:15px 0px 10px 0px;}
#wrapper #footer #ulFooterSub{padding-bottom:15px;background-position:-3px -15px;}