@charset "utf-8";
/* CSS Document */

html { background:url(../images/web-background-graphics.gif) repeat; border:0px; margin:0px; padding:0px;}
body { background-color:#663333; background:url(../images/web-background-graphics.gif) repeat; margin:0px; padding:0px; padding-top:50px; padding-bottom:50px;}
div#wrapper { margin:0 auto; width:780px; border:4px ridge #660000; }
div#header { width:780px; height:174px; background:url(../images/graphic-design.jpg) no-repeat; margin:0 auto;}
div#banner { width:780px; height:266px; background:url(../images/internet-design.jpg) no-repeat; position:relative;}
div#splitBar {width:780px; height:20px; background:url(../images/web-design-technology.jpg) no-repeat;}
div#triContent {width:780px; height:180px; background:url(../images/website-development.jpg) no-repeat; position:relative; padding-bottom:0px; margin-bottom:0px; }
div#descriptive {width:780px; height:150px; background:url(../images/content-management-system.jpg) no-repeat;}
div#footer {width:780px; height:30px; background:url(../images/website-design-graphics.jpg) no-repeat; text-align:center;}
div#banner h1{ position:absolute; z-index:100; left:200px; padding:0px; margin:0px; top:6px; background:url(../images/website-design.jpg) no-repeat; width:573px; height:71px; text-indent:-9999px;}
div#banner img.icon_banner { display:block; position: absolute; z-index:10; padding:0px; margin:0px; top:80px;}

div#header ul li a { text-decoration:none; border:0px none transparent; margin:0px; padding:0px;}
div#header ul li a:hover { border:0px none transparent;}
div#header ul li img { border:0px none transparent;}
div#header ul { list-style:none;}
div#header ul.iconlist { list-style:none; margin:0px; padding:0px; margin-left:30px; padding-top:20px;}
div#header li.icons { display:inline; margin-right:55px;}
div#header li.iconsright {display:inline; margin-right:0px; margin-left:8px;}
div#header ul li.listheadtext,a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; margin-top:0px; padding-top:0px; text-align:center; margin-left:25px; color:#E0C7C8; position:relative; top:-10px; display:inline; margin-right:95px; text-decoration:none;}
div#header a:hover { color:#FFFA97;}

p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#D59797; padding:0px; margin:0px;}
h3 { margin-left:18px; color:#FFCC00; font-family:Geneva, Arial, Helvetica, sans-serif; font-style:italic; letter-spacing:1px; margin-top:10px; margin-bottom:0px; padding:0px; font-size:16px;}

div#banner ul {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:80px; margin-left:30px; position:absolute; z-index:20;
}
div#banner ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	padding-bottom:12px;
	color: #E8D0CE;
	background:url(../images/web-list-bullet.png) no-repeat 0px 0px;
	padding-left:30px;
	line-height:1.5em;
	letter-spacing:1px;
}
div#banner ul li:hover { color:#FFF;}
div#footer p.company { margin:0px; padding:0px; font-size:9px; letter-spacing:2px; float:left; margin-left:10px;}
div#triLeft { width: 255px; float:left;}
div#triMid {width: 280px; float:left;}
div#triRight {width: 245px; float:right;}
div#triContent img { float:left; margin-right:5px; margin-bottom:0px;}
div#triContent p { font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; letter-spacing:2px; font-style:italic;}
div#triContent img.triPortImg { position:absolute; float:none; z-index:30; left:4px; top:65px;}
div#triRight h4 { font-size:12px; font-style:normal; letter-spacing:0px; color:#FFF; margin:0px; padding:0px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
div#triRight p.small_text { font-size:11px; color:#B56026; margin-left:8px; margin-right:8px;}
div#triRight p.small_text2 { font-size:11px; color:#B56026; margin-left:6px; margin-right:8px; letter-spacing:1px;}
div#triLeft h4 { font-size:12px; font-style:normal; letter-spacing:0px; color:#FFF; margin:0px; padding:0px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
div#triLeft p.small_text { font-size:11px; color:#B56026; margin-left:6px; margin-right:8px; letter-spacing:1px;}
div#triMid h4 { font-size:12px; font-style:normal; letter-spacing:0px; color:#FFF; margin:0px; padding:0px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
div#triMid p.small_text { font-size:11px; color:#B56026; margin-left:6px; margin-right:8px; letter-spacing:1px;}

div#triMid form { width:190px;  margin:0px; padding:0px; position:relative; left:90px; top:-20px;}
div#triMid form label, label span { display:block;}
div#triMid form label span { width:70px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFCC66;}
div#triMid form input { width:164px; border:none 0px transparent;}
div#triMid form input.back { background:url(../images/input-bak.png) no-repeat; height:26px; padding-left:10px; padding-right:30px;}
div#triMid form input.submit { width:30px; height:30px; position:absolute; z-index:40; left:-50px; top:55px; background:url(../images/submit_back.jpg) repeat-x; border:1px solid #FFCC33; color:#FFCC33; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:14px; }
div#triMid form input.submit:hover { background:url(../images/submit_roll.jpg) repeat-x; color:#4F1001; font-weight:900; border:1px solid #4F1001;}

div#desc_left { float:left; width:530px;}
div#desc_right { float:right; width:250px; }
h5 { color:#fff; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px; font-weight:900; padding:0px; margin:0px; margin-left:10px; margin-bottom:10px; font-style:italic; position:relative;}
h5 span { color:#FFAD72; margin-top:0px; padding-top:0px;}
div#desc_left p { margin-bottom:3px; font-size:11px; margin-left:8px; font-family: Tahoma; margin-right:8px;}
div#desc_left p strong { color:#F7DBDB;}
div#desc_right img { border:#660000 1px solid; padding:0px; margin-bottom:0px;}
div#desc_right img:hover { border:#FFFFFF 2px solid;}
div#desc_right a { border:0px none transparent; margin:0px; padding:0px; margin-top:2px; display:block; margin-left:10px;}