/* CSS Document */

/* RESET STYLES */
/* this reset stylesheet is based *heavily* on Eric's one here: */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* Some alterations have been made */

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: Verdana, Arial, Helvetica, sans-serif; vertical-align: baseline; line-height:1.3em;
}

html {font-size:62.5%;}
/* remember to define focus styles! */
:focus {outline:1px dashed rgba(255,255,255,0.2);}
ol, ul {list-style: none;}
a {cursor:pointer;}

strong {font-weight:bold;}
em {font-style:italic;}

p {color:#dff; font:normal 1.8em/1.4em Geneva, Arial, Helvetica, sans-serif; margin:1em 20px;}

a {color:#268; text-decoration:none; font-size:1.2em}
a:visited {color:#fff;}
a:hover {color:#666; text-decoration:underline;}
a:active {color:#444;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; 	font-weight: normal;}
sup {vertical-align:super; font-size:0.625em; padding-left:1px;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* ---RESET ENDS-------- */

body, #page {background:#007a98 url(../images/bg.jpg) repeat-x; position:relative;}
body {text-align:center;}
h2 {font:normal 32px/36px  'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif; color:#7ee; margin-left:10px; clear:both;}
#page {width:1000px; margin:0 auto; text-align:left;}
#head {overflow:hidden; margin-bottom:50px;}
#head #logo {background:url(../images/logo.jpg) no-repeat; display:block; width:350px; height:64px; text-indent:-9999px; margin:20px 0 0 20px; float:left;}
#head #contacts {margin:40px 0 0 30px; float:left;}
#head #contacts li {float:left;}
#head #social {margin:40px 0 0 30px; float:left;}
#head #social li {float:left;}
#content {overflow:hidden; clear:both;}
#camsig {text-indent:-9999px; background:url(../images/camsig.png) no-repeat; width:224px; height:73px;}
#portfolio {width:960px; margin:60px 0 0 0;}
#portfolio ul {clear:left; margin-bottom:40px; overflow:hidden;}
#portfolio li {float:left; margin:10px;}
#portfolio li img {border:4px solid #28656F;}

#footer {background:#333; height:3px; width:100%; clear:both; margin-top:30px;}