/* CSS Document - AventasDesign*/

/* ------- LAYOUT ------- */
#container {
	background-color: #fff;
	width: 1020px;
	position: relative;
	min-height: 100%;
	margin-bottom: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -20px;
}

#header {
	width: 1020px;
	float: left;
}

#leftheader {
	float: left;
	padding: 32px 0px 16px 30px;
}

#rightheader {
	float: right;
	padding: 32px 30px 0px 0px;
}

#flash {margin-left: 30px;
}

#main {
}

#left {
	float: left;
	padding: 24px 0px 30px 30px;
	width: 196px;
}

.from {
position: absolute;
margin-top: 270px;
margin-left: 350px;
font-size: 14px;
line-height: 18px;
color: white;
}

#btn {
display: block;
border: 1px solid green;
}

.btn {
list-style: none;
position: absolute;
margin-top: 350px;
margin-left: 363px;
}

.bulllet1 a {
background-image: url(images/btn.gif); 
color: white;
}


.colors {
color: white;
margin: -3px 0 0 15px;
}

.spacew {
margin-right: -10px;
margin-top: 2px;
}

li.btn {
list-style-image: url(images/btn.gif); 
}

#innerleft {
	float: left;
	padding: 14px 0px 30px 30px;
	width: 196px;
}

#submain {
	float: right;
	width: 793px;
}

#innerright {
	float: right;
	width: 726px;
	padding: 20px 30px 30px 20px;
	}

	#innerright2 {
	float: left;
	width: 526px;
	padding: 20px 30px 30px 160px;
	}

#innerport {
	float: right;
	width: 740px;
	padding: 20px 30px 30px 20px;
	}

#middle {
	float: left;
	padding: 24px 20px 30px 20px;
	width: 526px;
}

#right {
	float: right;
	padding: 24px 30px 30px 0px;
	width: 196px;
}

#footer {
	clear: both;
	height: 58px;
	position: relative;
	padding: 0px 0px 12px 0px;
}

.centerHt1 {width: 526px; float: left; color: #5c5c5c; margin-top: -6px;}
#tribar {width: 498px; padding: 14px 14px 14px 14px; border: 1px solid #d6d6d6; background-color: #f6f6f6; font-size:12px;}
#tribarleft {width: 166px; float: left;}
#tribarsub {width: 332px; float: right;}
#tribarmid {width: 166px; float: left;}
#tribarright {width: 166px; float: right;}
#tribarclear {width: 498px; clear: both; line-height:0px;}

#dualbar {width: 526px; font-size:11px; padding-top:8px;}
#dualbarleft {width: 263px; float: left;}
#dualbarright {width: 263px; float: right;}


/* ------- CLASSES ------- */

.clearfooter {
	height: 58px;
	clear: both;
	}

.eleven {
	font-size: 11px;
	}

.csspace {margin: 13px 13px 4px 13px;}
.csspace2 {margin: 0px 13px 0px 13px; font-size: 11px;}
.csspace3 {margin: 0px 18px 0px 8px;}

.osspace {margin: 0px 0px 13px 0px;}

.dspace {margin: 8px 0px 0px 0px;}
.dspace2 {margin-left: 138px;}

.formspace {margin: 3px 0px 0px 0px;}

.footspace {margin: 0px 0px 7px 0px; display: none;}

.navspace {margin: 0px 0px 16px 0px;}

.flashspace {margin-top: 16px;}
.flashspace2 {margin: 16px 0px 0px 30px;}
.flashspace3 {margin: 8px 0px 12px 0px;}

.innerspace {margin-top: 30px;}
.innerspace2 {margin: 6px 0px 4px 0px;}
.innerspace3 {margin-top: 9px;}

.portspace {margin-top: 10px;}
.portspace2 {margin: 0px 7px 0px 7px;}
.portspace3 {margin: 12px 7px 0px 7px;}
.portspace4 {margin: 0px 0px 20px 0px;}
.portspace5 {margin: 0px 16px 0px 0px;}
.portspace52 {margin: 0px 16px 0px 0px; border: 1px solid #ddd;}
.portspace6 {margin: 20px 0px 0px 0px;}

.listspace {margin-top: 6px;}

.clientspace {margin: 9px 18px 0px 0px;}
.clientspace2 {margin-top: 9px;}
.clientspace3 {margin: 12px 18px 14px 0px;}
.clientspace4 {margin: 12px 0px 14px 0px;}

.zerospace {margin: 0px 0px 0px 0px;}

.bold {
	font-weight: bold;
	}

.search {
	background-color: #e7e8ea;
	border: 1px solid #d6d6d6;
	font-size: 11px;
	margin: 0px 2px 4px 0px;
	}

.password {
	background-color: #e6e6e6;
	border: 1px solid #d6d6d6;
	font-size: 13px;
	margin: 0px 8px 4px 0px;
	}

.footertext {
	font-size: 10px;
	color: #d9204a;
	}
	
.paragraph {
	line-height: 16px;
	font-size: 12px;
	}

img.float {
	float: left;
	margin: 4px 20px 0px 0px;
	}

img.float2 {
	float: right;
	margin: 20px 12px 0px 0px;
	}

img.float3 {
	float: right;
	margin: 9px 0px 0px 0px;
	}

img.float4 {
	float: right;
	margin: 0px 0px 0px 0px;
	}
	
.tabletext {
	background-image: url(images/textbg.gif);
	background-position: center;
	background-repeat: no-repeat;
	padding: 0px 0px 2px 0px;
	}

.white {
	color: #fff;
	}

.border {
	border: 1px solid #ddd;
	}

.sbstd {
	background-color: #e8ecf4;
	}

/* ------- TAGS ------- */

body {
	background-image: url(images/faux.gif);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #e6e6e6;
	margin: -1px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222;
	height: 100%;
}

html {
	height: 100%;
	}

a:link {
	text-decoration: none;
	color: #692534;
	}

a:visited { 
	text-decoration: none; 
	color: #d9204a;
	}

a:hover, a:active { 
	text-decoration: underline; 
	color: #d9204a;
	}

h1 {
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 10px;
	color: #023286;
	}

h1.index {
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
	color: #023286;
	}

h2 {
	font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #d9204a;
	}

h3 {
	font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	color: gray;
	border-top: 1px dotted #888;
	border-bottom: 1px dotted #888;
	padding: 6px 0px 6px 0px;
	}

h3.v2 {
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	color: gray;
	border: none;
	padding: 0px 0px 0px 0px;
	}

h3.v3 {
	background: url("images/v34.gif") no-repeat;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	color: #fff;
	border: none;
	padding: 6px 0px 10px 10px;
	}

h3.v4 {
	background: url("images/v33.gif") no-repeat;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	color: #023286;
	border: none;
	padding: 7px 0px 8px 0px;
	}

#innerport h3 {
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	color: black;
	border: none;
	padding: 0px 0px 0px 0px;
	}
	

h4 {
	background: url("images/bullet.gif") no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 14px;
	font-size: 11px;
	font-weight: normal;
}

#innerright h4 {
	background: url("images/bullet.gif") no-repeat;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 4px 14px;
	font-size: 11px;
	font-weight: normal;
}

#innerright h4.bold1 {
	background: url("images/bullet.gif") no-repeat;
	margin: 6px 0px 0px 20px;
	padding: 0px 0px 4px 14px;
	font-size: 12px;
	font-weight: bold;
}

#innerright h4.sub1 {
	background: url("images/bullet.gif") no-repeat;
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 4px 14px;
	font-size: 11px;
	font-weight: normal;
}

#innerright h4.sub2 {
	background: url("images/bullet.gif") no-repeat;
	margin: 0px 0px 0px 60px;
	padding: 0px 0px 4px 14px;
	font-size: 11px;
	font-weight: normal;
}

#innerright h4.servno1 {
	background: url("images/servno1.gif") no-repeat;
	margin: 0px 0px 0px 2px;
	padding: 9px 0px 36px 50px;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
#innerright h4.servno2 {
	background: url("images/servno2.gif") no-repeat;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 36px 50px;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
#innerright h4.servno3 {
	background: url("images/servno3.gif") no-repeat;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 36px 50px;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
#innerright h4.servno4 {
	background: url("images/servno4.gif") no-repeat;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 36px 50px;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
#innerright h4.servno5 {
	background: url("images/servno5.gif") no-repeat;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 36px 50px;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

h5 {
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 12px;
	font-weight: normal;
	}

h6 {
	font-size: 10px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 12px;
	}

img {
	border: none;
	}

p {
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 9px 0px;
	}

#innerright p {
	font-size: 12px;
	padding-top: 4px;
	line-height: 16px;
	}

#innerright p.serv {
	font-size: 12px;
	margin: -32px 0px 9px 52px;
	padding-top: 4px;
	line-height: 16px;
	}

#innerport p {
	font-size: 11px;
	padding-top: 4px;
	line-height: 14px;
	}

#innerleft ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	}

#innerleft li {
	width: 196px;
	border-bottom: 1px solid #d6d6d6;
	margin-left: 0px;
	padding: 6px 0px 5px 0px;
	font-size: 11px;
	}

table {
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 11px;

	}

table.sbs {
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 13px;

	padding: 3px 0px 3px 0px;
	}
	
table.sbs1 {
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 13px;

	padding: 0px 0px 3px 0px;
	}
	
table.sbs2 {
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	padding: 3px 0px 10px 0px;
	}
.zerospace td {width: 350px;}
/* ------- NAV MENU ------- */

#menu {
width: 722px;

position: absolute;
margin: 34px 30px 0px 444px;

}

.portspace {display: none;}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 113px;
float: left;
}

.submenu {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
display: block;
border-bottom: 1px solid #3a3a3a;
border-left: 1px solid #3a3a3a;
border-right: 1px solid #3a3a3a;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #3a3a3a;
background: #fff;
text-transform: uppercase;
}

#menu a {
color: #3a3a3a;
background: #fff;
text-decoration: none;
}

#menu a:hover {
color: #3c3033;
background: #fbc1ce;
}

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul {
position: absolute;
margin-top: -2px;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/* ------- PORT TEST ------- */

#portfolio {
	float: right;
	width: 742px;
	padding: 20px 30px 30px 20px;
	}


/* ------- FORMS ------- */

#form {
	font-size: 12px;
	}

#form form {
	margin: 10px 0px 10px 0px;
	}

#form input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 8px;
}

#form label {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 8px;
	text-align: right;
	width: 100px;
	padding-right: 20px;
}

#form br {
	clear: left;
}



