/* Css Reste start */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Css reset end*/
html{overflow:hidden;}
body { font-family: Helvetica, Arial, sans-serif; font-size: 0.8em;
background: url('../images/background-final.gif') 0 0 no-repeat; }
#zoom{ margin-left:700px; z-index:200;}
.wrapper { width:1900px; position:relative; height:1200px;}

/* NAVIGATION */
#start { width:1900px; position:relative; margin:0; padding:0; height: 1500px;}
div#nav {width:220px; position:fixed; margin:70px 0 0 0; z-index:1;padding-left:40px; }
div.logo {width:220px; margin-bottom:25px; text-align:right;}
ul#menu, ul#menu ul { list-style-type:none; margin:0; padding: 0; width: 220px; }
ul#menu a { display: block; text-decoration: none; text-align:right; border: 1px #DDDDDD solid;}
ul#menu li { margin-top: 1px; background:#FFF; padding:0; }
ul#menu li a { color: #444;padding: 7px 10px 7px 0; }
ul#menu li a:hover { color:#C20000; }
ul#menu li ul li a { color: #888; padding-right:20px; margin:0; height:1%; }
ul#menu li ul li a:hover { padding-left: 15px; }
ul#menu li ul { display:none;}

/* TEXT STYLES */

img {margin:0; padding:0; border:none;}
p { line-height: 1.5em; color:#666;}
h2 { color:#C20000; font-size:16px;}
h3 { color:#C20000; font-size:14px; line-height:16px;}
a { color:#C20000;}
a:hover { color:#222;}
em { font-style: normal;}

/* SECTIONS */

#about { position:absolute; top:0; left:0; padding:150px 0 0 300px; width:400px; }
#about h2{font-weight:bold; font-family: Helvetica, arial, sans-serif, tahoma; margin-bottom:10px; font-size:1.3em;}
#about p { font-family:arial, sans-serif; line-height:1.6em;}
#projects { position:absolute; top:0; left:1300px; width:1400px; padding:150px 0 0 300px; height:auto; }
#projects #sections { position:relative; padding:0; margin:0; float:left; overflow:hidden; width:600px; height:380px;}
#projects  h2{font-weight:bold; font-family:Helvetica, arial, sans-serif, tahoma; margin-bottom:10px; font-size:1.3em;}
#sections  h3{font-weight:bold; font-family:Helvetica, arial, sans-serif, tahoma; margin-bottom:5px; font-size:1.1em;}
#sections ul { width:600px; height:350px;}
#sections ul li { list-style-type:none; height:400px; float:left;}
#sections ul li p { width:600px; float:left;}
.imgbox { width:100px; margin:0 10px 10px 0; height:100px; float:left;}
#sections ul li p a img { float:left; height:1%; margin:0 10px 10px 0; display:inline;}
#sections strong { font-weight:bold;}

#contact { position:absolute; top:1200px; left:0; padding:150px 0 0 300px; width:1900px }
/*\*/
html*#contact {
[ position:absolute; top:600px;
]
}/*end*/
#contact h2{font-weight:bold; font-family:helvetica, arial, sans-serif, tahoma; margin-bottom:10px; font-size:1.3em;}
#contact input.field {-moz-border-radius:2px; -webkit-border-radius:2px; width:300px; padding:2px 2px; font:12px "Lucida Grande",Lucida,Verdana,sans-serif;
border-top:1px solid #8e8e8e; border-left:1px solid #8e8e8e; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
#contact .textarea {-moz-border-radius:2px; -webkit-border-radius:2px; height:100px; margin-bottom:10px; width:300px; font:12px "Lucida Grande",Lucida,Verdana,sans-serif;
border-top:1px solid #8e8e8e; border-left:1px solid #8e8e8e; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
#testimonies { position:absolute; top:1200px; left:1400px; padding:150px 0 0 300px; width:1900px }
/*\*/
html*#testimonies {
[ position:absolute; top:600px;
]
}/*end*/

#testimonies h2{font-weight:bold; font-family:Helvetica, arial, sans-serif, tahoma; margin-bottom:10px; font-size:1.3em;}
#testimonies h3{font-weight:bold; font-family:Helvetica, arial, sans-serif, tahoma; margin-bottom:10px; line-height:1.5em; font-size:1.1em;}
#testimonies p { line-height:1.5em; margin-bottom:10px;}
#news { position:absolute; top:0; left:2200px; padding:150px 0 0 300px; width:1900px }
#news h2{font-weight:bold; font-family:helvetica, arial, sans-serif, tahoma; margin-bottom:10px; font-size:1.3em;}

#testbox { width :650px; height:450px; }
#testbox p { width:550px; line-height:20px; }
#testbox h3 { color:#666; font-size:12px; }
#sections { overflow:hidden; padding:120px 0 0 300px; width:600px; height:380px;}