/*	
	Copyright (c) medioom.com

	Base Stylesheet
	File Name: base.css
*/


/* Structure */
*{margin:0;padding:0}
body{text-align:center;color:#000;background:#fff;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:100.01%;padding:0}
#container{width:920px;clear:both;font-size:.8em;text-align:left;margin:0 auto;padding:23px 0}
#sidebar{float:right;width:270px;margin:0 0 0 -270px}
#content{margin:0 270px 0 0;padding:0 20px 0 14px}
#contentin{float:left;width:100%}

/* Links */
a,a:link,a:visited{color:#239cda}
a:hover{color:#b51400}
a img{border:none}

/* Typography */
h2{font-size:.8em;font-weight:400;width:100%;text-transform:uppercase;margin:0 0 10px}
h2 span{float:left;background:#239cda;color:#fff;position:relative;margin:0 0 0 -14px;padding:8px 14px}
h2 em{display:block;clear:both}
h3{font-size:1em;margin:0;padding:0}
h4{font-weight:400;font-size:1.1em;margin:0 0 5px}
h5{font-size:.9em;font-weight:400;text-transform:uppercase;color:#686c6d;position:relative;margin:0;padding:0 0 3px}
h6{font-size:1em;font-weight:400;color:#239cda;margin:0;padding:0}
p{font-size:1em;line-height:1.2em;margin:0}
ol,ul{list-style-position:inside}

/* Extras */
.clear{clear:both}
.clear-ie{font-size:1px;height:1px;clear:both;width:100%}

/* Styled Fields */
input{font-size:1em}
input.text,input.file,textarea.textarea,select.select{font-size:1em;color:#333;margin:0}
input.text,textarea.textarea,select.select{border:1px solid #dce1e6;background:#fff}
input.text,input.file,textarea.textarea{padding:1px}
textarea.textarea{font-family: Arial, Helvetica, sans-serif;padding: 3px;font-size: 11px;}
select.select{font-family: Arial, Helvetica, sans-serif;margin:1px 0;padding:1px 0 0}
select.select[class]{margin:0;padding:2px 1px}
*:first-child+html select.select[class]{margin:1px 0}
.w100{width:97%}

/* Header */
#header{width:920px;text-align:left;margin:0 auto;padding:35px 0}
#header h1{font-weight:400;width:212px;font-size:2.4em;height:40px;line-height:28px;font-family:"Times New Roman", Times, serif}
#header h1 a{overflow:hidden;float:left;position:relative;display:block;color:#239cda;text-decoration:none;width:212px;height:40px}
#header h1 a span{font-size:.7em;color:#979797}
#header h1 a small{font-family:Tahoma, Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:10px;display:block;color:#979797;margin:-12px 0 0}
#header h1 a em{cursor:pointer;display:block;width:212px;height:40px;position:absolute;left:0;top:0;background:url(../images/medioom.gif)}

/* Navigation Menu */
#nav{background:#239cda;width:100%;clear:both}
#nav ul{width:920px;list-style:none outside;text-transform:uppercase;font-size:.6em;text-align:left;margin:0 auto}
#nav ul li{float:left;height:30px;line-height:30px;display:inline;white-space:nowrap;background:url(../images/arw_nav.gif) no-repeat 100% 50%;padding:0 5px 0 0}
#nav ul li a{display:block;position:relative;padding:0 13px}
#nav ul li a,#nav ul li a:visited,#nav ul li a:hover{color:#fff;text-decoration:none}
#nav ul li a:hover{text-decoration:underline}
#nav ul li.last{background:none}
#nav ul li.current a,#nav ul li.current a:hover,#nav ul li.current a:visited{color:#e1f2fa;text-decoration:underline}
#nav ul li.lastcurrent, #nav ul li.lastcurrent a,#nav ul li.lastcurrent a:hover,#nav ul li.lastcurrent a:visited{color:#e1f2fa;text-decoration:underline;background:none}

#works{width:920px;float:left;list-style:none outside;overflow:hidden;height:200px;white-space:nowrap;margin:0 -35px 0 0;padding:0 0 20px}
#works li{float:left;background:url(../images/arw_plus.gif) no-repeat 209px 50%;height:200px;width:200px;padding:0 35px 0 0}
#works li a{float:left;height:200px;width:200px;overflow:hidden}
#works li a img{float:left}
#works li.last{background:none;padding:0}

/* SideBar */
#feedback{color:#fff;height:200px;background:#a4a4a4;line-height:200px;text-transform:uppercase;text-align:center;font-size:.8em;clear:both;margin:0 0 20px}

#sidebar h3{color:#239cda;font-size:.9em;font-weight:400;width:100%;text-transform:uppercase;margin:0 0 10px}

#services{background:url(../images/menubg.gif) no-repeat 0 0;width:219px}
#services div{background:url(../images/menubg.gif) no-repeat 100% 100%;padding:0 26px 23px 11px}
#services div div{background:#239cda;padding:13px 21px}
#services h3{color:#fff}
#services ul{list-style:none outside;text-transform:lowercase}
#services ul li{background:url(../images/arw_menu.gif) no-repeat 0 .5em;margin:3px 0;padding:0 0 0 9px}
#services a,#services a:visited,#services a:hover{color:#fff;text-decoration:none}
#services a:hover{text-decoration:underline}
#services ul li.current a,#services ul li.current a:hover,#services ul li.current a:visited{color:#e1f2fa;text-decoration:underline}

#newslist{padding:0 0 0 30px}
#newslist ul{list-style:none outside}
#newslist ul li{margin:0 0 1em}

/* Footer */
#footer{clear:both;border-top:1px solid #e6e6e6}
#footerin{width:892px;text-align:left;font-size:.8em;margin:0 auto;padding:20px 14px}
#footer p.copy{margin:0 0 10px}
#footer .ads{font-size:.75em;margin:10px 0 0}
#footer .ads,#footer .ads a,#footer .ads a:hover,#footer .ads a:visited{color:#9e9e9e;text-decoration:none}