/* Color guide lines

grey: 585959 88 89 89
orange1: F2811D 242 129 29
orange2: F2AE72 242 174 114
orange3 F2D8C2 242 216 194
white: F2F2F2 242 242 242
*/

html, body, h1, h2, h3, h4 {	margin:0; padding:0;}
h1 img { display:block;}
img { border:0;}

a {	color:#464544;}
a:hover {	color:#FFA405;}

.left {	float:left;}
.right {	float:right;}
.more {	text-align:right;}
.clear {	clear:both;}

body {	background:#F2F2F2;	text-align:center; font:11px arial, sans-serif;	color:#E5D19C;}

/** layout **/
#wrapper {	text-align:left; margin:auto;	width:768px; position:relative;}

/** header **/
#header {}
#header h1 { font:32px "Times new roman", serif; font-weight:normal; position:absolute; left:0; top:35px; color:#F2811D; padding:0 0 0 0.7em; margin:-1em 0 0 0; line-height:1;}

#nav-top { background:url(images/visionetlogo.bmp) no-repeat; padding:0 0 0 0; height:67px;}
#nav-top ul { margin:0em 0 0 481px; padding:0; height:31px;}
#nav-top li { margin:40px 0 0 0; float:left;background:#F2811D url(images/moretab_left_drk.gif) no-repeat; list-style:none; text-align:center; font:20px "Times new roman", serif; height:31px; line-height:31px;}
#nav-top li a.highlight { color:#F2D8C2;}
#nav-top a { color: #F2F2F2; text-decoration:none;}
#nav-top a:hover { color:#F2D8C2;}
#nav-top li div {	background:top right url(images/moretab_right_drk.gif) no-repeat;	padding-top:5px;}

#nav-top li#tab-upload { width:170px;}
#nav-top li#tab-contact { width:99px; margin-left:3px;}

#nav { margin:0 0 0 0; padding:128px 0 0 0; background:url(images/header/header.jpg) no-repeat;}
#nav.home { padding:428px 0 0 0;}
#nav ul { margin:0; padding:0; height:36px; line-height:36px; border-left:2px solid #9E9479; background:bottom left url(images/nav_lit.jpg) repeat-x;}
#nav li { list-style:none; float:left; margin: 0; padding: 0 10px;}
#nav li.selected { background:bottom left url(images/nav_drk.jpg) repeat-x; padding-left:25px;}
#nav a { font:16px "Times new roman", serif;color:#F2F2F2; text-decoration:none;}
#nav a:hover { color:#F2D8C2;}

#nav li.lang_selector { float:right;}
#nav li.lang_selector.selected { background:bottom left url(images/nav_drk.jpg) repeat-x; }

/** content **/
#content { padding:0 0 0 20px;}
#content.portfolio { padding:0 0 0 0;}
#content.contactus { padding:0 0 0 0;}
#content h2 { font:24px "Times new roman", serif; color:#585959; font-weight:normal; border-left:3px solid #F2811D; padding:1px 1px 1px 8px; margin-top:22px;}
#content p { margin-left:11px; line-height:1.4;}
#content a { color:#8D692D; font-weight:bold; text-decoration:none;}
#content a:hover { color:#F2AE72;}

#content .left-col { float:left; width:522px;}
#content .right-col { float:right; width:216px;}

#content #share-register { font-size:13px; color:#3E341E;}
#content #share-register .right-col { padding-top:8px; width:400px;}
#content #share-register .left-col { width:300px;}
#content #share-register .left-col { width:300px;}
#content #share-register form { margin:0px; padding:0px;}
#content #share-register #emailregID { color:#585959; margin:0px; height:15px; width:143px;}

#content #welcome { margin-right:40px; font-size:13px; color:#3E341E;}
#content #welcome a{ color:#3E341E; text-decoration:underline;}
#content #welcome a:hover{ color:#F2AE72; text-decoration:underline;}

#gallery { margin:5px 0 0 0; text-align:left;}

#index-gallery { margin-top:14px;}
#index-gallery .box { float:left; width:119px; padding:0 23px 2.3em 23px; margin-right:1px; background:#615331; position:relative;}
#index-gallery .box h3 { text-align:center; line-height:23px; font:23px "Times new roman", serif; color:#fff; height:23px; margin-bottom:20px; background:top center url(images/tab_drk.gif) no-repeat;}
#index-gallery .box p { margin:1em 0; padding:0; line-height:1.4;}
#index-gallery .box .more { height:18px; line-height:18px; background:#978040 top left url(images/moretab_left_drk.gif) no-repeat; position:absolute; bottom:0; right:0; width:3.2em; padding-right:4px; margin-bottom:0;}
#index-gallery .box .more a { color:#4C330D;}
#index-gallery .box .more a:hover { color:#291B06;}
#index-gallery .box-lit { background:#735220;}
#index-gallery .box-lit h3 { background:top center url(images/tab_lit.gif) no-repeat;}
#index-gallery .box-lit .more { background:#B4A26D top left url(images/moretab_left_lit.gif) no-repeat;}

#content .right-col li, #content .right-col ul { list-style:none; margin:0; padding:0;}
#content .right-col li { border-left:1px solid #615331; padding-left:9px; margin:10px;}
#content .right-col a { font-size:12px; font-weight:normal; color:#67450D;}
#content .right-col a:hover { color:#2C1D04;}
/** later **/
#later { color:#564929;}
#later h2 { font-size:20px;}

#later .right-col p { font-size:12px; line-height:1.7;}

#later .box { float:left; width:85px;}
#later .box a{ text-decoration:underline;}

#later #later-b1 { padding-top:67px; margin-right:4px;}
#later #later-b2 { width:155px; margin-right:4px;}
#later #later-b3 { width:114px; margin-right:6px;}
#later #later-b4 { padding-top:67px; width:137px;}

#footc { height:10px;}
#footer { background:#585959; text-align:center; color:#F2D8C2; padding:14px;}