/* CSS Document */
/* <<< NATIVE TAGS >>> */
html,body  { font-size:14px; font-family:"Trebuchet MS"; height:100%;background-color:#375F80;color:#ffffff;background-image:url(/arweb2/images/backgrounds/bg_whitefade_big.jpg);background-repeat:repeat-x; }
/* br {clear:both;}*/
h1,h2,h3,h4 {color:#acbdcf;margin:0;font-weight:normal;text-align:left !important;}
h1 {font-size:34px;}
h2 {font-size:18px;}
h3 {font-size:14px;}
a:hover {color:#ffffff;}
hr {clear:both;}

a {color:#FFCC00;}
p {margin-bottom:10px !important;text-align:left !important;}
pre { font-family:Arial, Helvetica, sans-serif; width:100%;white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;color:white; }


ul li {text-align:left !important;}

ul.menulist1 li {border-bottom:1px dotted #859FBA; list-style-type:none;text-transform:capitalize;letter-spacing:1px;padding-bottom:6px;}
ul.menulist1 li a {font-size:11px;text-decoration:none;color:#fff;}
ul.menulist1 li a:hover {color:#FFCC00;}

ul.bloglist li {list-style-type:none;text-transform:capitalize;letter-spacing:1px;margin:14px 0;background-image:url(/arweb2/images/icons/ico_talkbubble_tiny.png);background-repeat:no-repeat;padding-left:30px;}
ul.bloglist li a {font-size:11px;text-decoration:none;color:#fff;}
ul.bloglist li a:hover {color:#FFCC00;}



ul.menulist {list-style-type:none;padding:0;margin-left:1em;}
ul.menulist li {background-image:url(/arweb2/images/bullets/blt_orange.png);background-repeat:no-repeat;background-position:0 .4em;padding-left:20px;padding-bottom:4px;}

ul.menulist2 li {font-size:12px;list-style-type:none;text-transform:capitalize;letter-spacing:1px;margin:14px 0;background-image:url(/arweb2/images/icons/ico_sunburst.jpg);background-repeat:no-repeat;padding:10px 0 30px 60px;border-bottom:1px dotted white;}
ul.menulist2 li a:hover {color:#FFCC00;}


/* <<< MAIN CONTAINERS >>> */
#mainbody { width:900px;margin:0 auto;} /* determines overall width */
#bodycontent {margin:0 auto;padding:0;} /* contains actual content except footer */
#mainheader {width:898px;height:74px;padding:0;margin:0 auto;background-image:url(/arweb2/images/backgrounds/bg_aquamenubar_dblue.jpg);background-repeat:no-repeat;background-position:center; }
#mainheader #logo {width:245px;float:left;margin:8px 10px; }

.maincontent { padding:3px; } /* individual content box container */
#footer { height:20px; border-top:1px dotted silver; padding:3px; text-align:center;background-position:-10px 0;height:34px;}
#footer img {float:left;width:88px;height:31px;}
#footer #copyright {float:right;width:200px;height:31px;}

/*      main submenu */
#topsubmenu {float:right;padding:0;margin:8px 10px;height:62px;}
#topsubmenu ul { display:inline;list-style-type:none;padding:0;position:relative;top:30%;;}
#topsubmenu ul li { display:inline;width:200px;}
#topsubmenu ul li a { height:72px;padding:18px;font-size:14px;font-weight:bold;text-decoration:none;color:#fff;}
#topsubmenu ul li a:hover { background-image:url(/arweb2/images/backgrounds/bg_aquamenubar_dblue_highlight.png);}


/*      box module containers */
.col_1quarter { height:100%; width:200px; }
.col_3quarter { height:100%; }
.col_2thirds { height:100%;width:290px; }
.col_half { width:300px;}
#content {width:500px;}

/*     light gray highlighted container */
.highlightedContainer { background-color:#e6e6e6;}
.highlightedContainer h2 {text-align:center;}
.highlightedContainer span.label {width:200px;}
.highlightedContainer .textfield {margin:2px;}

/*     main feature box with titlebar highlighted container */
.mainfeatureContainer {width:364px;margin:8px;background-color:#e6e6e6;border:1px solid silver;}
.mainfeatureContainer h3.label {height:20px;background-color:#284675;color:#fff;margin:0;}
.mainfeatureContainer .content {height:auto;margin:0;}

/*Quotes */
.quote {border-bottom:1px solid white;margin-top:40px;padding-bottom:10px;}
.quote p {font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;}
.quote em {font-family:Arial, Helvetica, sans-serif;font-size:11px;letter-spacing:2px;display:block;color:#acbdcf;margin-top:10px;}

.pullquote {border-bottom:1px solid white;border-top:1px solid white;margin-top:40px;padding-bottom:10px;}
.pullquote p {font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;}
.pullquote em {font-family:Arial, Helvetica, sans-serif;font-size:11px;letter-spacing:2px;display:block;color:#acbdcf;margin-top:10px;}

/*<<< Pagination Nav >>>*/
#nav {margin-top:10px;}
#nav img {vertical-align:middle;}
#nav a.page {font-size:11px;padding:2px;text-decoration:none;border:1px solid #999;padding:2px;margin-right;2px;width:10px;height:10px;color:#fff;}
#nav a.on,a.on:hover,a.page:hover {background-color:#fff;border:1px solid white;color:#000;}


/* <<< MULTI=PURPOSE ATTRIBUTES >>> */
.left {float:left;}
.right {float:right;}
.lightborder {border:1px solid silver;}
.tinypadding {padding:4px;}
.bigpadding {padding:20px;}
.center {text-align:center;}
.tight {margin:0px;}
.topborder {border-top:1px solid silver;}
.fadebg {background-image:url(/arweb2/images/backgrounds/bg_whitefade.jpg);}
.widemargin {margin:10px;}
.leftborder {border-left:1px dotted #859FBA;}
.clear {clear:both;}
.billboard {height:200px;border-bottom:1px solid white;}
.billboard a {text-decoration:none;}
.alignRight {text-align:right;}
#headerbanner {margin-bottom:10px;}
.instant {background-color:#fff;padding:10px;margin:10px;}
#disclaimer_alert {padding:10px 10px 10px 80px;border-top:1px solid white;border-bottom:1px solid white;background-image:url(/arweb2/images/icons/ico_alert.png);background-repeat:no-repeat;background-position:left;}
#disclaimer_alert h1 {color:#FFCC00;}
#disclaimer_alert a {display:block;font-size:16px;} 
blockquote.code {background-color:#b0d3f8;color:#000;padding:4px;border:2px dotted #fff;line-height:20px;font-family:"Courier New", Courier, mono;}
blockquote.code .codehighlight {color:#990000;font-weight:bold;}
.subtitle {font-family:Georgia, "Times New Roman", Times, serif;margin-bottom:0;font-size:26px;}




/* <<< IMGAES >>> */
#mainlogo { position:relative;left:0px;top:4px;}
div#thumb img {margin:10px;}

/* SPECIAL LINKS >>> */
a.titlelink {font-size:26px;font-weight:bold;text-decoration:none;display:block;color:#fff;}
a.titlelink:hover {color:#FF9900;}
a.titlelinkwhite {font-size:24px;font-weight:bold;text-decoration:none;display:block;color:#fff;}
a.titlelinkwhite:hover {color:#FFCC00;}
a.tinywhite {color:#FFFFFF;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
a.tinywhite:hover {color:#FFCC00;}


/*billboard ads */

#ad img {float:left;width:350px;margin-right:30px;}
#ad h2 {font-family:Georgia, "Times New Roman", Times, serif;}


/*  <<< PORTFOLIO SPECIFIC >>> */


div#maincontent {width:250px;float:left;}

table#projectlist {width:600px;float:left;padding-left:10px;}
table#projectlist .item {height:109px;width:549px;padding:10px;}
table#projectlist td {padding:1px;border-bottom:1px dotted #fff;padding:10px 20px 20px 0;}
table#projectlist td img {width:100px;float:left;}
table#projectlist td p {color:#acbdcf;}


#clients {padding:2px;text-align:center;width:500px;margin:40px auto;background-image:url(/arweb2/images/backgrounds/bg_marqueebar.gif);background-repeat:no-repeat;	background-position:center;height:81px;}
#clients marquee {width:80%;padding-top:12px;}
#clients img {vertical-align:middle;margin-right:4px;}

#projectinfo {width:100%;margin:40px auto;}
#projectinfo ul.tabs {float:right;}
#projectinfo ul.tabs li {list-style-type:none;display:inline;}
#projectinfo ul.tabs li a {text-decoration:none;border:1px solid silver;padding:2px;}
#projectinfo ul.tabs li a.tabon {background-color:#fff;color:#000;}

.ui-tabs-panel {clear:both;background:none;color:#fff;border:0;font-size:14px;}
p {margin:0 auto;}
#workdone ul li {border-bottom:1px solid #999999;padding:8px;}
#detailpanel .icon{float:left;}
#detailpanel h1 {vertical-align:bottom;}

.screenshots {text-align:center;margin-top:20px;}

#portfolio_header #banner {float:left;}
#portfolio_header #submenu {float:right;}